/*
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 {
	float: left;
	height: 230px;
	overflow: hidden;
	width: 100%;
}

#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: 650px;
}

	#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 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 {
				background: url("../_images/header/logo.png") 0 0 no-repeat;
				height: 47px;
				position: absolute;
				width: 325px;
			}

/* Description */

#description {
	height: 60px;
	width: 325px;
}

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

			#description h3 span {
				background: url("../_images/header/description.png") 0 0 no-repeat;
				height: 60px;
				position: absolute;
				display:block;
				top:0;
				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 {
	display: inline;
	float: left;
	margin: 20px 0 0 0;
	width: 95%;
}

	.commentlist li {
		margin: 0 0 10px 20px;
	}

#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;
				}

/*
	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;
}

/*added styles */

#log_container {
	width:641px;
	margin:0 auto;
	padding-top:120px;
	position:relative;
}

#main_logo {
	height:188px;
	position:relative;
}

	#main_logo span {
		position:absolute;
		top:0;
		left:0;
		display:block;
		height:100%;
		width:100%;
	}
	
.form_bg_img {
	position:absolute;
	top:344px;
	left:537px;
	background-position:0 -188px;
	height:96px;
	width:62px;
}

.form_bg_img, #main_logo span {
	background-image:url(../_images/login.png);
	background-repeat:no-repeat;
}

.log_form {
	padding:38px 0 0 66px;
}

	.log_form label {
		font:19px/23px Georgia, Arial;
		color:#454545;
		display:block;
		float:left;
		width:160px;
		text-align:right;
		letter-spacing:-1px;
		padding-right:16px;
	}
	
	.log_form .inp_s {
		height:24px;
		border:solid 1px #c2def1;
		width:263px;
		margin-right:6px;
	}
	
	.log_form .month {
		width:111px  !important;
	}
	.log_form .day {
		width:57px  !important;
	}
	.log_form .year {
		width:77px  !important;
	}
	
	.enter_site {
		height:31px;
		width:139px;
		background:url(../_images/enter_site.png) 0 0 no-repeat;
		border:none;
		text-align:center;
		margin:30px 0 0 300px;
		display:block;
		color:#FFF;
		font:19px/31px Georgia, Arial;
		text-decoration:none;
	}

	#log_container .info {
		font-size:14px;
		color:#5e5e5e;
		padding:81px 0 0 0;
	}

#menu {
	margin:0 0 0 -10px;
	width:722px;
}

#menu ul li.last {
	background:none;
	padding:0;
}

	#menu ul li.last a {
		color:#ff5b8f;
	}

#header {
	position:relative;
}

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

#logo h1 a span, #logo h2 a span {
	background-position:-30px -99px;
}

#logo h1 a span, #logo h2 a span, #description h3 span {
	background-image:url(../_images/container.png);
}

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

#description h3 span {
	background-position:-36px -142px;
}

#content {
	margin:60px 0 20px 11px;
	width:951px;
}

.title {
	background:none;
	font:normal 20px/26px Georgia, Arial;
	color:#3098e2;
}

	.title a {
		color:#3098e2;
	}

h3.title {
	font:15px/30px  Georgia, Arial;
}



#content .posts .post {
	background:none;
	border:none;
}

#content .posts {
	padding:0 74px 0 0;
	width:auto;
}

#content .post.question {
	margin:0 0 0 30px;
	background:none;
}

.meta {
	background:url(../_images/bg.png) 0 0 no-repeat;
}

#content .flag {
	float:left;
	margin:2px 0 0;
        width: 40px;
        height: 24px;
}

.make_public {
	display:block;
	float:left;
	height:26px;
	width:118px;
	background:url(../_images/btn.png) 0 0 no-repeat;
	font:19px/26px Georgia, Arial;
	color:#FFF;	
	margin:1px 0 0 26px;
	text-transform:none  !important;
	text-align:center;
}

.make_public a {
	text-decoration:none;
	color:#FFF;
}

div.hr {
	height:2px;
	background:url(../_images/hr.png) 0 0 no-repeat;
	width:100%;
	clear:both;
	margin:0 0 20px 30px;
}

#content .posts .dialog .post {
	margin:0 0 0 30px;
}

.expander {
	color:#878787;
	font:bold 15px/17px Georgia;
	margin:0 0 10px 35px;
	display:block;
	width:170px;
}

.respond {
	background:url(../_images/respond.png) 40px 0 no-repeat;	
	padding:0 0 20px 0px;
	margin:10px 0 0 30px;
	float:left;
        width: 100%
}

.author_img {
	float:left;
	border:solid 1px #a9d5f2;
	padding:4px;
	margin:13px 22px 10px 0;
}

.author_img img {
	margin:0  !important;
	display:block;
}

.ask.form {
	padding:0 0 20px 32px;
        float:left;
}

.ask.form label {
	display:block;
}

.ask.form .inp_t {
	width:265px;
}

.ask.form textarea {
	width:462px;
	height:127px;
}

.msg_type {
	width:600px;
	height:33px;
	line-height:33px;
	background-color:#dbf1ff;
	color:#878787;
	margin-top:18px;
}

.msg_type label {
	display:inline  !important;
}

.msg_type input {
	margin-left:25px;
}

.ask_btn {
	height:26px;
	width:79px;
	background:url(../_images/ask_btn.png) 0 0 no-repeat;
	margin-top:22px;
}

	.ask_btn input {
		background:none;
		border:none;
		cursor:pointer;
		color:#FFF;
		width:79px;
		height:23px;
		font:19px/20px Georgia, Arial;
		text-align:center;
	}
	
.dialog {
	float:left;
}

.wp-pagenavi {
    background: url("images/pages.png") 0 0 no-repeat;
    color: #5a4f4f;
    font: italic 18px/48px Georgia;
    height: 48px;
    margin: 0 auto 10px;
    text-align: center;
    width: 610px;
}

.wp-pagenavi .pages {
    display: none;
}

.wp-pagenavi a {
    color: #2794e1;
    height: 30px;
    margin: 0 5px 0 5px;
    text-align: center;
}

.wp-pagenavi .current {
    color: #393939;
    font-weight: bold;
    margin: 0 5px 0 5px;
    padding: 0 2px;
    text-align: center;
}