/*
Theme Name: Cimpoesu Theme
Theme URI: http://petru.cimpoesu.ro/
Description: Wordpress Theme made for Petru Cimpoesu
Version: 1.0
Author: Adrian Dabu
Author URI: http://dabu.ro
Tags: cimpoesu, night, dark, custom header, fixed width, two columns, widgets
Text Domain: cimpoesu
*/

/* html, body, #main */
html, body, #main {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

html>body, html>body #main {
	height: auto;
}

body {
	margin: 0;
	background: #021525 url('images/bg.jpg') top center no-repeat;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #6d6d6d;
}

#main {
	position: absolute;
	top: 0;
    left: 0;
}

/* header */
#header {
	width: 960px;
	height: 180px;
	margin: 0px auto;
}

#header h1 {
	display: block;
	width: 264px;
	height: 91px;
	margin-left: 10px;
	position: relative;
	top: 75px;
}

#header h1 a {
	display: block;
	width: 264px;
	height: 91px;
	background: url('images/logo.gif') top left no-repeat;
}

#header h1 a span {
	display: none;
}

/* pages - main menu */
#pages {
	height: 40px;
	width: 960px;
	margin: 0px auto;
	background: url('images/pages_menu_bg.jpg') top left repeat-x;
}

#pages ul {
	display: table-cell;
	width: 920px;
	height: 40px;
	vertical-align: middle;
	text-align: left;
	padding: 0 20px;
}

#pages ul li {
	display: inline;
}

#pages ul li a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -0.04em;
	text-shadow: #233946 0px 1px;
	padding-right: 30px;
}

#pages ul li a:hover {
	color: #e3d3aa;
}

/* content */
#content {
	width: 940px;
	background: #d6dadd;
	border-top: 1px solid #eff0f1;
	padding: 10px;
	margin: 0px auto;
}

/* content left */
#content .left {
	width: 645px;
	border: 1px solid #f3f4f5;
	background: #f4f5f6;
	float: left;
}

#content .left .post {
	background: url('images/post-content-left_bg.jpg') top left repeat-y;
}

#content .left .post .details {
	width: 160px;
	float: left;
	padding: 20px 10px 0 0;
	text-align: right;
	font-size: 11px;
	color: #6d6d6d;
}

#content .left .post .details h3 {
	font-size: 24px;
	color: #0969ab;
	letter-spacing: -0.08em;
	text-shadow: #fff 0px 1px;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 20px;
}

#content .left .post .details a {
	font-size: 11px;
	color: #6d6d6d;
	text-decoration: none;
}

#content .left .post .details a:hover {
	text-decoration: underline;
}

#content .left .post .details span {
	padding-right: 16px;
}

#content .left .post .details .categories {
	background: url('images/folder.gif') no-repeat top right;
}

#content .left .post .details .tags {
	background: url('images/tag.gif') no-repeat top right;
}

#content .left .post .details .comments {
	background: url('images/comment_left.gif') no-repeat top right;
}

#content .left .post .post-content {
	width: 455px;
	float: right;
	text-align: justify;
	padding: 20px 10px 40px 10px;
	font-size: 11px;
	border-bottom: 1px solid #eee;
}

#content .left .post .post-content h2 {
	display: block;
	font-size: 24px;
	color: #000;
	letter-spacing: -0.08em;
	text-shadow: #fff 0px 1px;
	font-weight: bold;
	margin-bottom: 15px;
}

#content .left .post .post-content h2 a {
	text-decoration: none;
	color: #000;
	text-shadow: #fff 0px 1px;
	line-height: 20px;
}

#content .left .post .post-content h2 a:hover {
	color: #6d6d6d;
	text-decoration: none;
}

#content .left .post .post-content a {
	color: #0969ab;
	text-decoration: none;
}

#content .left .post .post-content a:hover {
	text-decoration: underline;
}

#content .left .post .post-content p {
	margin-bottom: 10px;
}

#content .left .post .post-content h3 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	display: block;
	border-bottom: 1px solid #eee;
	padding-bottom: 2px;
	margin-bottom: 5px;
}

#content .left .post .post-content strong {
	font-weight: bold;
}

#content .left .post .post-content strong em {
	font-weight: bold;
}

#content .left .post .post-content img {
	float: left;
	margin: 0 10px 10px 0;
}

/* page */
#content .left .page {
	padding: 20px 10px;
	text-align: justify;
	font-size: 11px;
}

#content .left .page h1 {
	font-size: 24px;
	color: #000;
	letter-spacing: -0.08em;
	text-shadow: #fff 0px 1px;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 20px;
}

#content .left .page a {
	color: #0969ab;
	text-decoration: none;
}

#content .left .page a:hover {
	text-decoration: underline;
}

#content .left .page p {
	margin-bottom: 10px;
}

#content .left .page h3 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	display: block;
	border-bottom: 1px solid #eee;
	padding-bottom: 2px;
	margin-bottom: 5px;
}

#content .left .page strong {
	font-weight: bold;
}

#content .left .page img {
	float: left;
	margin: 0 10px 10px 0;
}

/* navigation */
#content .left .navigation {
	background: url('images/post-content-left_bg.jpg') top left repeat-y;
	padding: 20px 10px 20px 180px;
	font-size: 11px;
}

#content .left .navigation .navi_left {
	display: block;
	float: left;
}

#content .left .navigation .navi_right {
	display: block;
	float: right;
}

#content .left .navigation a {
	display: block;
	background: #000;
	text-decoration: none;
	color: #fff;
	padding: 5px;
}


/* comment list */
#content .left .commentlist {
	background: url('images/post-content-left_bg.jpg') top left repeat-y;
	font-size: 11px;
	text-align: justify;
}

#content .left .commentlist a {
	color: #000;
	text-decoration: none;
}

#content .left .comment-author {
	width: 160px;
	float: left;
	padding: 20px 10px 0 0;
	text-align: right;
	font-size: 11px;
	color: #6d6d6d;
}

#content .left .comment p {
	display: block;
	width: 455px;
	float: right;
	text-align: justify;
	padding: 8px 10px 20px 10px;
	font-size: 11px;
	border-bottom: 1px solid #eee;
}

#content .left .comment-meta {
	display: block;
	width: 455px;
	float: right;
	text-align: justify;
	padding: 20px 10px 0 10px;
	font-size: 11px;
}

#content .left .reply {
	width: 100%;
	clear: both;
}

#respond {
	background: url('images/post-content-left_bg.jpg') top left repeat-y;
	font-size: 11px;
	text-align: justify;
}

#respond h3 {
	width: 160px;
	float: left;
	padding: 20px 10px 0 0;
	text-align: right;	
	font-size: 24px;
	color: #0969ab;
	letter-spacing: -0.08em;
	text-shadow: #fff 0px 1px;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 20px;
}

#commentform {
	display: block;
	width: 455px;
	float: right;
	text-align: justify;
	padding: 8px 10px 20px 10px;
	font-size: 11px;
}

#commentform .input_text {
	width: 435px;
	margin-bottom: 10px;
	clear: both;
}

#commentform .input_text input {
	background: #fff;
	border: 1px solid #cdd1d5;
	padding: 5px;
	text-align: left;
	margin-right: 5px;
	width: 320px;
}

#commentform .input_text label {
	text-align: right;
}

#commentform .input_msg {
	width: 435px;
	margin-bottom: 10px;
}

#commentform .input_msg textarea {
	background: #fff;
	border: 1px solid #cdd1d5;
	padding: 5px;
	text-align: left;
	width: 445px;
}

#submit {
	background: #021525;
	border: 1px solid #021525;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 3px;
}

/* content right */
#content .right {
	background: #e4e7e9;
	border: 1px solid #f3f4f5;
	width: 280px;
	float: right;
	text-align: left;
}

#content .right .module {
	padding: 10px;
	font-size: 12px;
}

#content .right a {
	color: #6d6d6d;
	text-decoration: none;
}

#content .right a:hover {
	text-decoration: underline;
}

#content .right .module h3 {
	font-size: 24px;
	color: #0969ab;
	letter-spacing: -0.08em;
	text-shadow: #fff 0px 1px;
	font-weight: bold;
	margin-bottom: 5px;
}

/* search */
#content .right .search, #content .right .feed {
	background: url('images/module_hr.jpg') repeat-x bottom left;
	padding: 10px;
	padding-bottom: 12px;
}

#content .right .search .search_input {
	background: #fff;
	border: 1px solid #cdd1d5;
	padding: 5px;
	width: 180px;
}

#content .right .search .search_submit {
	background: #021525;
	border: 1px solid #021525;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 3px;
	margin-left: 5px;
}

/* feed */
#content .right .feed a {
	display: block;
	float: left;
	height: 32px;
	width: 80px;
	padding-left: 40px;
	font-size: 11px;
}

#content .right .feed a:hover {
	text-decoration: none;
}

#content .right .feed a:hover span {
	text-decoration: underline;
}

#content .right .feed span {
	display: block;
}

#content .right .feed .blue {
	color: #0969ab;
	margin-top: 2px;
}

#content .right .feed .facebook {
	background: url('images/facebook_icon.gif') no-repeat top left;
}

#content .right .feed .rss {
	float: right;
	background: url('images/rss_icon.gif') no-repeat top left;
}

/* footer */
#footer {
	width: 930px;
	color: #57626c;
	font-size: 11px;
	margin: 0px auto;
	text-align: left;
	padding: 15px;
}

/*reset.css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
/*grids.css*/body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.3em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;min-width:950px;}#doc3{margin:auto 10px;width:auto;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-u,.yui-g .yui-g,.yui-gc .yui-u,.yui-gc .yui-g .yui-u,.yui-ge .yui-u,.yui-gf .yui-u{float:right;display:inline;}.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g{width:49.1%;}.yui-g .yui-g .yui-u,.yui-gc .yui-g .yui-u{width:48.1%;}.yui-gb .yui-u,.yui-gc .yui-u,.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge .yui-u{width:24%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-gf div.first{width:24%;}.yui-ge div.first{width:74.2%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

.clearer:after {
	content: "Clear DIV";
    display: block;
    width: 100%;
    height: 0px;
    clear: both;
    visibility: hidden;
}
