/*
Theme Name:Yenlo Wordpress Theme
Version:1.2.1
Author:Tim Rijkse [ :: MediaMonks :: ]
Author URI:http://mediamonks.com/

	"Yenlo" by http://mediamonks.com

*/

body {
	font:				13px/17px Arial, Helvetica, sans-serif;
	background:			#D6DAD5 url(images/bg-body.gif) no-repeat top center;
}

hr{
	clear:				both;
	margin:				30px 0;
	border:				0;
	border-top:			1px dotted #CCC;
	color:				#FFF;
}

h1,h2,h3,h4,h5,h6 {
	margin-bottom:		0 !important;
}

h5 {
	font-size:			14px;
	font-weight:		bold;
	color:				#3DADE9;
}

h6 {
	font-size:			13px;
	font-weight:		bold;
}

a {
	font-weight:		bold;
	color:				#3DADE9;
}



/* Global */
#wrapper {
	width:				980px;
	margin:				20px auto;
}

.clear {
	clear:				both;
	height:				0;
	font:				0/0 serif;
}

.floatLeft				{ float: left; }
.floatRight				{ float: right; }

.left {
	float:				left;
	width:				600px;
}




/* Header */
#header {
	width:				980px;
	margin:				0;
}

#logo {
	margin:				0 0 25px 0;
}

#logo a {
	display:			block;
	overflow:			hidden;
	width:				239px;
	height:				0;
	padding-top:		94px;
	background:			url(images/logo.png) no-repeat top left;
}

#header #visual {
	height:				282px;
	padding:			40px 40px 0 40px;
	background:			url(images/header.jpg) no-repeat top left;
}

#header #visual div.title {
	width:				425px;
	padding:			20px;
	background:			#493E2E url(images/bg-header-title.gif) repeat-x top left;
	font:				bold 24px/34px Arial, Helvetica, sans-serif;
	color:				#E3D7C8;
}

#header #visual div.logo {
	width:				455px;
	height:				50px;
	padding-top:		10px;
	padding-right:		10px;
	text-align:			right;
	background:			#FFF;
}



/* Navigation */
#nav {
	position:			relative;
	width:				980px;
	height:				41px;
	z-index:			888;
}

#nav ul {
	height:				41px;
	padding-left:		20px;
	background:			url(images/bg-navigation.gif) repeat-x top left;
	z-index:			999;
}

#nav li {
	text-align:			center;
	float:				left;
	display:			inline;
	width:				auto;
	background:			url(images/bg-navigation-li.gif) no-repeat top left;
	z-index:			999;
}

#nav li a {
	display:			inline-block;
	height:				33px;
	padding:			35px 20px;
	font:				bold 12px Arial, Helvetica, sans-serif;
	text-decoration:	none;
	color:				#AC9A84;
}

#nav li a:hover,
#nav li.current_page_item a {
	background:			#3DADE9;
	color:				#FFF;
}

#searchform form {
	position:			absolute;
	top:				119px;
	right:				0;
	display:			block;
	width:				250px;
	height:				41px;
	padding:			0;
	background:			url(images/bg-search.gif) no-repeat top left;
	z-index:			999;
}

#searchform form div {
	position:			relative;
} 

#searchform form input {
	border:				0;
	background:			transparent;
}

#searchform form input#s {
	position:			absolute;
	top:				8px;
	left:				21px;
	width:				285px;
	color:				#AC9A84;
}

#searchform form input#searchsubmit {
	position:			absolute;
	top:				7px;
	right:				10px;
	width:				32px;
	height:				28px;
}


/* Content */
#content {
	padding:			25px;
	background:			#FFF;
}

.post {
	float:				left;
	width:				525px;
	margin:				0 0 0 20px;
}

.post p {
	margin:				0 0 20px 0;
	color:				#555;
}

.post em{
	font-style:			italic;
}

.post h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:			24px;
	margin:				25px 0 10px 0;
	font-weight:		normal;
}

.posttitle {
	position:			relative;
	margin:				0 0 5px 0;
	height:				1%; /* IE7 */
	padding:			0 100px 10px 0;
	border-bottom:		1px solid #493D2E;
}

.post h1 {
	float:				left;
}

.post h1, .post h1 a {
	width:				335px;
	font:				bold 18px/32px Arial, Helvetica, sans-serif;
	text-decoration:	none;
	color:				#3DADE9;
}

.post h1 a:hover {
	color:				#875619;
}

.posttitle .commentlink {
	position:			absolute;
	top:				10px;
	right:				0;
	width:				110px;
	text-align:			right;
}

.posttitle .commentlink a {
	padding-right:		15px;
	font:				bold 12px Arial, Helvetica, sans-serif;
	text-decoration:	none;
	color:				#3DADE9;
	background:			url(images/icn-comment.gif) no-repeat top right;
}

.posttitle .commentlink a:hover {
	text-decoration:	underline;
}

.postdate {
	float:				left;
	width:				45px;
	height:				57px;
	margin:				0 10px 0 0;
	padding:			18px 0 0 0;
	background:			url(images/bg-date.gif) no-repeat top left;
	font:				bold 18px Arial, Helvetica, sans-serif;
	text-align:			center;
	color:				#3DADE9;
}

.postdate span {
	font-size:			12px;
	color:				#493D2E;
}

span.author {
	display:			block;
	margin:				0 0 10px 0;
	font:				bold 12px Arial, Helvetica, sans-serif;
	color:				#493D2E;
}

.post h3, .post h4 {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			20px;
	line-height:		25px;
	margin:				15px 0 10px 0;
	font-weight:		normal;
}



.post h4 {
font-size:18px;
}

.post .indent {
padding-left:10px;
}

.post .indent p {
padding-left:10px;
}

.post small {
font-size:11px;
}

.post small a {
font-weight:normal;
}

.post .alignright {
float:right;
margin-left:10px;
}

.post .alignleft {
float:left;
margin-right:10px;
}

.post .aligncenter {
margin:0 auto;
display:block;
}

.post abbr {
font-weight:normal;
}

.post ul {
list-style:circle;
margin:0 0 0 25px;
}

.post ul li,
.post table,
.post ol li {
	color:#555555;
}

.post ol{
list-style:decimal;
margin:0 0 0 30px;
}

.post .wp-caption {
background:#f7f7f7;
border:1px solid #ccc;
margin:10px;
text-align:center;
padding:5px 0 0;
}

.post .wp-caption-text {
margin:0;
}

.post .wp-caption a, .post .wp-caption a:hover {
border-bottom:0;
}

.post blockquote {
color:#777;
border-left:5px solid #ccc;
margin:15px 30px 0 10px;
padding-left:20px;
}

.post pre {
font-family:courier;
font-size:12px;
letter-spacing:-1px;
margin:14px 0 14px 0;
}
.post .message ul {
margin:12px 0 0;
}

.post .message {
display:none;
background:#0F67A1;
margin-top:10px;
padding:20px;
color:#fff;
}

.commentbox label {
	float:				left;
	display:			block;
	width:				100px;
	margin:				0 10px 0 0;
	font:				bold 12px Arial, Helvetica, sans-serif;
	text-align:			right;
	color:				#000;
}


#comments h3, #comments h4 {
	margin:				0 0 10px 0;
	font:				bold 20px Arial, Helvetica, sans-serif;
	color:				#493D2E;
}

#comments h4{
font-size:28px;
}

#comments cite{
	display:			block;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			14px;
	padding-top:		4px;
	padding-bottom:		4px;
	font-weight:		normal;
	color:				#493D2E;
	border-bottom:		1px solid #AC9A84;
	background:			#E2D6C8;
}

#comments cite a{
	color:				#3DADE9;
}

#comments em {
font-style:italic;
text-align:right;
}

#comments ol.commentlist li {
	margin-top:			20px;
	border-right:		0;
	padding:			10px 5px 0 10px;
}

#comments p {
	margin:				10px 0 0 0;
	width:				auto;
}

#comments span {
	display:			block;
	color:				#eee;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			120px;
	font-weight:		normal;
	float:				right;
	padding-top:		25px;
}

#comments ul.formlist {
margin:20px auto;
width:375px;
}

#comments ul.formlist li {
display:block;
margin:10px 0 0;
}

#comments ul.formlist p{
margin:10px 0 0;
text-align:center;
}

#comments input {
	float:				left;
	display:			block;
	width:				200px;
	margin:				0 0 10px 0;
	padding:			3px;
	font:				12px Arial, Helvetica, sans-serif;
	color:				#333;
	border:				1px solid #CCC;
	background:			#FAF8F5;
}

#comments textarea {
	float:				left;
	display:			block;
	width:				370px;
	margin:				0 0 10px 0;
	padding:			3px;
	font:				12px Arial, Helvetica, sans-serif;
	border:				1px solid #CCC;
	background:			#FAF8F5;
}

#comments li.submitbutton input {
	text-align:			center;
	background:			#fff;
	border:				1px solid #aaa;
	color:				#000;
	font-family: 		Arial, Helvetica, sans-serif;
	font-weight:		normal;
	font-size:			20px;
	width:				374px;
}
#comments .center {
	text-align:			center;
}

#comments .loggedinas {
	margin:				0 0 20px 0;	
}



/* Search page */
ul.list-search {
	list-style:			none;
}




/* Sidebar */
#sidebar {
	float:				right;
	width:				288px;
	margin:				0 0 25px 0;
	background:			#EAE3D8 url(images/bg-sidebar.gif) repeat top left;
}

#sidebar h2.title {
	display:			block;
	overflow:			hidden;
	height:				0;
	padding-top:		103px;
	background:			url(images/bg-sidebar-head.jpg) no-repeat top left;
}

#sidebar h3 {
	padding:			0 0 5px 0;
	font:				18px Arial, Helvetica, sans-serif;
	color:				#493D2E;
	border-bottom:		1px solid #493D2E;
}

#sidebar .block {
	display:			block;
	margin:				0 0 20px 0;
	padding:			0 20px;
}

#sidebar .block ul {
	list-style:			none;
}

#sidebar .block ul .children {
	border:				0;
	padding: 			0 0 0 8px;
}

#sidebar .block li {
	border-bottom:		1px solid #AC9A84;
}

#sidebar .block li a {
	display:			block;
	padding:			7px 25px 3px 20px;
	font:				bold 12px Arial, Helvetica, sans-serif;
	text-decoration:	none;
	color:				#AC9A84;
	background:			url(images/icn-sidebar-post.gif) no-repeat right center;
}

#sidebar .block li a.blog {
	background:			none;
	font-style:			italic;
	font-size:			11px;
	color:				#665744;
	padding-top:		0;
	padding-bottom:		7px;
}

#sidebar .block li a:hover {
	color:				#867867;
}

#sidebar .widget_search label {
	display:block;
	padding:25px 0 3px 0;
	font-size:18px;
	border-bottom:1px dotted #ccc;
	margin:0 0 5px;
}

#sidebar .widget_recent_comments li {
	background:transparent url(images/bullet_black.gif) no-repeat scroll 6px 52%;
	padding:2px 0 2px 15px;
}

#sidebar .widget_recent_comments li a,#sidebar .widget_recent_comments li a:hover{
	background:none;
	border-bottom:1px dotted #000;
	text-decoration:none;
	color:#000;
	font-weight:600;
}

#sidebar .widget_recent_comments li a:hover {
	color:#e12000;
	border-bottom:1px dashed #e12000;
	background-color:#f7f7f7;
}

#sidebar .widget_tag_cloud h3 {
	margin:0 0 8px;
	border-bottom:1px dotted #ccc;
}

#sidebar .widget_text h3 , #sidebar .calendar h3{
	border-bottom:1px dotted #ccc;
}

#sidebar .calendar h3{
	display:none;
}

#sidebar #wp-calendar {
	width:95%;
	text-align:center;
}

#sidebar #wp-calendar caption, #sidebar #wp-calendar td, #sidebar #wp-calendar th{
	text-align:center;
}

#sidebar #wp-calendar caption {
	font-size:18px;
	padding:25px 0 3px 0;
}

#sidebar #wp-calendar th {
	font-weight: bold; 
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

#sidebar #wp-calendar tfoot td{
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

.page h1 {
	width:				auto !important;
	margin:				0 0 15px 0;
}

.page .post {
	width:				600px;
	margin-left:		0 !important;
}

.post ul {
	margin-bottom:		20px;
}



/* Page: Search */
h2.pagetitle {
	margin:				0 0 20px 0;
	padding:			0 0 5px 0;
	font:				bold 20px Arial, Helvetica, sans-serif;
	color:				#493D2E;
	border-bottom:		1px solid #000;
}



/* Footer */
#footer {
	padding:			20px 40px;
	background:			#493D2E;
}

#footer .col {
	float:				left;
	width:				200px;
}

#footer .col-large {
	width:				445px;
	padding-right:		50px;
}

#footer h3 {
	margin:				0 5px 0 0;
	font:				bold 12px Arial, Helvetica, sans-serif;
	color:				#3DADE9;
}

#footer p,
#footer a {
	font:				11px/15px Arial, Helvetica, sans-serif;
	text-decoration:	none;
	color:				#AC9A84;
}



/* Bugfixes */
.widget_tag_cloud div {
	line-height:		normal !important;
}