/*
Theme Name:  Simplyconfess
Theme URI:   http://www.dizzain.com/blog_customization/
Description: The WordPress theme for site <b>Simplyconfess</b>.
Version:     1.0
Author:      Dizzain.com
Author URI:  http://www.dizzain.com/
Tags:        grey, yellow, white, two-columns, left-sidebar, clean, minimalistic
*/

/*
	Reset by Eric Meyer
	http://meyerweb.com/eric/tools/css/reset/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


sup, sub {
	font-size: 70%;
	vertical-align: baseline;
	position: relative;
}

sup {
	top: -0.4em;
}

sub {
	bottom: -0.4em;
}

/*
	Main styles
*/

html { width: 100%; }

html, body {
	height: 100%;
}

body, textarea, input, select {
	font: 14px/20px Georgia, Arial, Tahoma, Verdana;
}

body {
	color: #5e5e5e;
	background: #fff url("images/back.png");
}

p {
	margin: 10px 0 0 0;
}

ul, ol, dl {
	margin: 5px 0 5px 20px;
}

blockquote {
	margin: 10px 0 0 20px;
	font-style: italic;
}

pre {
	font: 14px/18px "Courier New", Courier, monospace;
	color: #333;
	margin: 10px 0;
}

a {
	color: #000;
}

a:hover {
	text-decoration: none;
}

/*
	Global styles
*/

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.overflow {
	overflow: hidden;
}

/*
	Layonts
*/

#wrapper {
	background: url("images/wrapper.png") 0 0 repeat-x;
	float: left;
	/*overflow: hidden;*/
	/*position: relative;*/
	width: 100%;
}

	#container {
		background: url("images/container.png") 0 0 no-repeat;
		margin: 0 auto;
		overflow: hidden;
		width: 989px;
	}

#header {
	position:relative;
	float: left;
	height: 230px;
	overflow: hidden;
	width: 100%;
}

#logo {
	height:47px;
	left:30px;
	margin:0 !important;
	position:absolute;
	top:99px;
}

#description {
	left:36px;
	margin:0;
	position:absolute;
	top:142px;
}

#page {
	float: left;
	overflow: hidden;
	width: 100%;
}

#content {
	background: url("images/content.png") 0 100px repeat-y;
	border-bottom: 1px solid #e4e4e4;
	float: left;
	margin: 60px 0 20px;
	width: 676px;
}

#aside {
	float: left;
	margin: 0 0 0 30px;
	width: 250px;
}

/*
	Header
*/

/* Menu */

#menu {
	display: inline;
	float: left;
	font: 19px/60px Georgia;
	height: 60px;
	letter-spacing: -1px;
	margin: 0 0 0 -10px;
	width: 722px;
}

	#menu ul {
		float: right;
		height: 44px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}

		#menu ul li {
			background: url("images/header/menu_li.png") right 32px no-repeat;
			float: left;
			height: 60px;
			margin: 0 0 0 15px;
			padding: 0 15px 0 0;
		}

		#menu ul li.last {
			background: none;
		}
		
			#menu ul li.last a {
				color:#FF5B8F;
			}

			#menu ul li a {
				color: #2679ac;
				display: block;
				height: 60px;
				padding: 0;
				text-decoration: none;
				text-transform: lowercase;
			}

			#menu ul li a:hover {
				text-decoration: underline;
			}

/* Logo */

#logo {
	display: inline;
	float: left;
	margin: 30px 0 0 30px;
	width: 325px;
}

	#logo h1, #logo h2 {
		color: #fff;
		font: bold 35px/47px Arial;
		height: 47px;
		overflow: hidden;
		text-transform: uppercase;
		width: 325px;
	}

		#logo h1 a, #logo h2 a {
			color: #fff;
			display: block;
			height: 47px;
			position: relative;
			text-decoration: none;
			width: 325px;
		}

			#logo h1 a span, #logo h2 a span {
				height: 47px;
				position: absolute;
				width: 325px;
			}
			
		#logo h1 a span, #logo h2 a span, #description span {
			background-image:url(images/container.png);
		}
		
		#logo h1 a span, #logo h2 a span {
			background-position:-30px -99px;
		}
		
		#description span {
			background-position:-36px -142px;
		}
		


/* Description */

#description {
	clear: both;
	display: inline;
	height: 60px;
	float: left;
	width: 325px;
}

	#description h3 {
		color: #fff;
		font: italic 18px/60px Georgia;
		height: 60px;
		letter-spacing: -1px;
		overflow: hidden;
		width: 325px;
	}

			#description h3 span {
				top:0;
				left:0;
				height: 60px;
				position: absolute;
				width: 325px;
			}

/* Search */

#search {
	float: right;
	margin: 15px 20px 0 0;
	width: 252px;
}

	#searchform {
		background: url("images/header/searchform.png") 0 0 no-repeat;
		float: left;
		height: 33px;
		width: 252px;
	}

		#searchform div {
			margin: 0;
		}

		#searchform input {
			background: transparent;
			border: 0 none;
			color: #000;
			float: left;
			height: 33px;
			margin: 0;
			padding: 8px 0 0 30px;
			width: 140px;
		}

			#searchform input#searchsubmit {
				cursor: pointer;
				height: 33px;
				margin: 0 0 0 5px;
				text-indent: -1000px;
				width: 70px;
			}
/*
	Content
*/

/* Typograpthy */

#content ul {
	list-style: disc;
}

#content ol {
	list-style: decimal;
}

	#content ol ol li {
		list-style-type: lower-alpha;
	}

	#content ul ul li {
		list-style-type: circle;
	}

#content dt {
	font-weight:bold;
}

#content dd {
	margin: 0 0 10px 10px;
}

/* Layout */

#content .posts {
	float: left;
	display: inline;
	margin: -40px 0 0;
	width: 620px;
}

	#content .posts .post {
		background: url("images/post/meta.png") 0 0 no-repeat;
		border-bottom: 1px solid #afafaf;
		float: left;
		margin: 0 0 20px 30px;
		padding: 0 0 20px;
		width: 100%;
	}

		#content .posts .post .meta {
			color: #878787;
			display: inline;
			float: left;
			font: bold 15px/28px Georgia;
			margin: 10px 0 0 0;
			text-transform: lowercase;
			width: 100%;
		}

			#content .posts .post .meta .number {
				background: url("images/post/number.png") 0 0 no-repeat;
				float: left;
				font: normal 19px/22px Georgia;
				height: 28px;
				text-align: center;
				margin: 0 10px 0 10px;
				width: 48px;
			}

				#content .posts .post .meta .number a {
					color: #fff;
					display: block;
					text-decoration: none;
				}

			#content .posts .post .meta .commentslink {
				background: url("images/post/comments.png") 0 0 no-repeat;
				float: left;
				margin: 0 10px 0 0;
				padding-left: 35px;
			}

				#content .posts .post .meta .commentslink a {
					color: #2794e1;
				}

			#content .posts .post .meta .category {
				background: url("images/post/category.png") 0 0 no-repeat;
				display: block-inline;
				float: left;
				padding-left: 35px;
			}

				#content .posts .post .meta .category a {
					color: #2794e1;
				}

		#content .posts .post .entry {
			float: left;
			margin: 0;
		}

			#content .posts .post .entry h1,
			#content .posts .post .entry h2 {
				line-height: 26px;
			}

			#content .posts .post .entry h1 {
				font-size: 22px;
				margin: 10px 0;
			}

			#content .posts .post .entry h2 {
				font-size: 20px;
				margin: 10px 0;
			}

			#content .posts .post .entry h3 {
				font-size: 18px;
				margin: 10px 0;
			}

			#content .posts .post .entry h4 {
				font-size: 16px;
				margin: 10px 0;
			}

			#content .posts .post .entry h5 {
				font-size: 15px;
				margin: 10px 0;
			}

			#content .posts .post .entry h6 {
				font-size: 14px;
				margin: 10px 0;
			}

/* Images */

#content img {
	padding: 0;
	max-width: 100%;
	margin: 5px;
}

	#content img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#content img.alignright {
		margin: 10px 0 10px 10px;
		display: inline;
	}

	#content img.alignleft {
		margin: 10px 5px 10px 0;
		display: inline;
	}

.wp-caption {
	border: 1px solid #afafaf;
	margin: 0;
	max-width: 100%;
	padding: 0;
	text-align: center;
}

	.wp-caption.alignright {
		margin: 10px 0 10px 10px;
	}

	.wp-caption.alignleft {
		margin: 10px 5px 10px 0;
	}

	.wp-caption img {
		border: 0 none;
		margin: 0;
		max-width: 100%;
		padding: 0;
	}

	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 15px;
		padding: 0 0 5px;
		margin: 0;
	}

/* Tables*/

#content .posts table {
	border-width: 1px;
	border-spacing: 0px;
	border-style: ridge;
	border-color: #afafaf;
	border-collapse: collapse;
	margin: 5px 0;
}

	#content .posts table.full {
		width: 100%;
	}

#content .posts table th {
	border-width: 1px;
	padding: 3px;
	border-style: ridge;
	border-color: #afafaf;
}

#content .posts table td {
	border-width: 1px;
	padding: 3px;
	border-style: ridge;
	border-color: #afafaf;
}

/* Comments */

#content .comments {
	float: left;
	display: inline;
	margin: 0 0 0 30px;
	overflow: hidden;
	width: 620px;
}

#content .comments h3 {
	/*float: left;*/
	font: bold 19px/22px Georgia, Arial;
	letter-spacing: -1px;
	margin: 0;
	/*width: 100%;*/
}

.commentlist,
.commentrespond {
	float: left;
	margin: 20px 0 0 0;
	width: 95%;
	list-style-type:none  !important;
}

*+html .commentlist {padding:0 0 0 5px;}

	.commentlist li {
		margin: 0;	
		display:block;
		padding:0 0 10px;	
	}
	
	.commentlist li .container {
		overflow:auto;
	}
	
	.commentlist li div.comm_text {width:505px; float:left;}

	.commentlist li div.reply {display:none;}

		.commentlist li img { margin:0 5px  !important; }

		.commentlist li .number {
			float:left;
			width:20px;
			height:30px;
			display:block;
		}
	
		.commentlist .flag {
			width:40px;
			height:24px;
			top:0;
			left:0px;
			margin:0  !important;
		}
		
		.flag_container {
			width:50px;
			float:left;
			height:30px;
		}
		
		.commentlist li p {margin:0;padding:0 0 5px;}

#commentform {
	float: left;
	width: 100%;
	margin: 5px 0 20px;
}

	#commentform textarea {
		float: left;
		width: 95%;
		height: 200px;
		margin: 0;
	}

.cancel-comment-reply {
	float: left;
	margin: 10px 0 0;
}

/*
	Aside
*/

#aside ul {
	display: inline;
	float: left;
	font: 14px/26px Georgia;
	list-style-type: none;
	margin: 0;
	width: 100%;
}

	#aside ul li {
		float: left;
		margin: 0;
		width: 100%;
	}

		#aside ul li ul {
			list-style-type: none;
			margin: 0;
		}

			#aside ul li ul li {
				background: none;
				margin: 0;
			}

		#aside ul li a {
			color: #2794e1;
		}

		#aside ul li h3 {
			color: #ff3c7a;
			display: block;
			/*float: left;*/
			font: bold 23px/26px Arial;
			letter-spacing: -1px;
			margin: 20px 0 0;
			position: relative;
		}

			#aside ul li h3 span {
				display: block;
				left: 0;
				position: absolute;
				top: 0;
			}

		#aside ul li.widget_fp_recentcomments {
		}

			#aside ul li.widget_fp_recentcomments ul {
				margin: -30px 0 0;
				position: relative;
			}

				#aside ul li.widget_fp_recentcomments ul li {
					background: url("images/sidebar/comments_li.png") 0 8px no-repeat;
					padding-left: 20px;
				}

			#aside ul li.widget_fp_recentcomments h3 {
				height: 122px;
				width: 202px;
			}

				#aside ul li.widget_fp_recentcomments h3 span {
					background: url("images/sidebar/comments.png") 0 0 no-repeat;
					height: 122px;
					width: 202px;
				}

		#aside ul li.widget_text {
		}

			#aside ul li.widget_text ul {
				margin: 10px 0 0;
			}

				#aside ul li.widget_text ul li {
					background: url("images/sidebar/news_li.png") 0 8px no-repeat;
					padding-left: 20px;
				}

					#aside ul li.widget_text ul li span {
						color: #2794e1;
						display: block;
						font: 17px/20px Georgia;
					}

						#aside ul li.widget_text ul li span a {
							text-decoration: none;
						}

			#aside ul li.widget_text h3 {
				height: 91px;
				width: 252px;
			}

				#aside ul li.widget_text h3 span {
					background: url("images/sidebar/news.png") 0 0 no-repeat;
					height: 91px;
					width: 252px;
				}

		#aside ul li.widget_categories {
		}

			#aside ul li.widget_categories ul {
				margin: 0;
			}

				#aside ul li.widget_categories ul li {
					background: url("images/sidebar/categories_li.png") 0 8px no-repeat;
					padding-left: 20px;
				}

			#aside ul li.widget_categories h3 {
				height: 82px;
				width: 230px;
			}

				#aside ul li.widget_categories h3 span {
					background: url("images/sidebar/categories.png") 0 0 no-repeat;
					height: 82px;
					width: 230px;
				}
				
			#aside  .recieve_adv_link {
				float:left;
				height:41px;
				width:165px;
				background:url(images/recieve_adv.png) 0 0 no-repeat;
				margin:10px 0 0 18px;
			}

			
				#aside  .recieve_adv_link a {
					display:block;
					height:41px;
					color:#FFF;
					font:normal 21px/41px Georgia;
					text-decoration:none;
					text-align:center;
				}

			#aside  .click_here_link {
				float:left;
				height:41px;
				width:165px;
				background:url(images/recieve_adv.png) 0 0 no-repeat;
				margin:10px 0 0 18px;
			}

			
				#aside  .click_here_link a {
					display:block;
					height:41px;
					color:#FFF;
					font:normal 21px/41px Georgia;
					text-decoration:none;
					text-align:center;
				}
/*
	Footer
*/

#footer {
	background: url("images/footer.png") 0 bottom no-repeat;
	float: left;
	width: 100%;
}

	#footer .text {
		margin: 0 0 20px;
		width: 100%;
	}

	#footer p {
		color: #68625c;
		font: 14px/18px Georgia;
		margin: 0 0 5px 30px;
	}

		#footer p a {
			color: #2794e1;
		}

/*
	Other
*/

#content .navigation {
	float: left;
	width: 620px;
}

.pagetitle {
	font: bold 24px/36px Georgia;
}

.meta .flag {
	float:left;
	height:24px;
	margin:2px 5px 0 0 !important;
	width:40px;
}

#aside  .recieve_adv_link {
	float:left;
	height:41px;
	width:165px;
	background:url(images/recieve_adv.png) 0 0 no-repeat;
	margin:10px 0 0 18px;
}

	#aside  .recieve_adv_link a {
		display:block;
		height:41px;
		color:#FFF;
		font:normal 21px/41px Georgia;
		text-decoration:none;
		text-align:center;
	}

#aside  .click_here_link {
	float:left;
	height:41px;
	width:165px;
	background:url(images/recieve_adv.png) 0 0 no-repeat;
	margin:10px 0 0 18px;
}

	#aside  .click_here_link a {
		display:block;
		height:41px;
		color:#FFF;
		font:normal 21px/41px Georgia;
		text-decoration:none;
		text-align:center;
	}