/*  
Theme Name: Yelo
Theme URI: http://webdesign.frenchstudio.net
Description: Classy grey theme with a pitch of yellow
Version: 1.0
Author: Stephane Dely
Author URI: http://frenchstudio.net
*/

/*************************************
 +Containers
 *************************************/

body{
	background:#444 url('images/background_tile.jpg') repeat;
	color:#555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.5;
	margin:0;
	padding:0;
	text-align:center;
}

#wrap{
	background:#FFF;
	border: 1px solid #585858;
	margin: 30px auto 0 auto;
	padding:0 13px;
	text-align:left;	
	width:524px;
}

#content{
	font-size:1.1em;
	text-align:justify;
	float:left;
	padding:0 5px;
	width:514px;
}

#sidebar{
	background:#585858;
	border-bottom:none;
	color:#FFF;
	float:left;
	width:524px;
}

#sidebar a{
color:#F6B501;
}

#sidebar a:hover{
color:#FFF;
}

.toggleside {
	float: right;
	margin-top: 0;
}

#sidebar .sec-a{
	float:left; 
	width:242px;
	padding:0 10px 10px 10px;
}

#sidebar .sec-b{
	float:right;
	width:242px;
	padding:0 10px 10px 10px;
}

#footer {
	font-weight: bold;
	color:#FFF;
	text-shadow:#333 1px 1px;
	clear:both;
	padding:10px;
}

#footer a:hover {
	color: #FFF;
}

.navigation{
	margin-bottom:10px;
	padding:5px;
	text-align:center;
}

/*************************************
 +Header
 *************************************/
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0;
}

h2, h3{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0;
}

#header{
	background: #585858;
	height:215px;
	width:524px;
	border-top: 13px solid #FFF;
	position: relative;
}
#header h1{
	font-size:5em;
	margin: 0;
	padding-top: 60px;
	width: 150px;
	text-align: right;
}
#header h1 a{
	color:#FFF;
	text-shadow:#333 2px 2px;
}
#header h1 a:hover{
	color:#F6B501;
}
#header p{
	position: absolute;
	top: 90px;
	left: 155px;
	color:#F6B501;
	font-size:1em;
}

/*************************************
 +Entry
 *************************************/
.entry{
	margin-bottom:15px;
	padding:5px 13px;
	font-size:1em;
}

.entrymeta{
	font-size:0.9em;
	color:#585858;
}

.entrymeta a{
	color:#F6B501;
}

.entrymeta a:hover{
color:#585858;
}

.entrytitle h2{
	background: url("./images/puce.jpg") no-repeat left;
	padding-left: 14px;
	color:#F6B501;
	font-size:1.9em;
}

.entrytitle h2 a{
color:#F6B501;
}

.entrytitle h2 a:hover{
	color:#585858;
	border-bottom: 2px solid #F6B501;
}

.entrytitle h3{
	display: none;
	/*color:#585858;
	font-size:1.6em;*/
}

.postedby{
		display: none;
}

.filedto{
	font-size:0.9em;
	float: left;
	padding-left:14px;
}

body#home .entry-1 {
	background:#FFF;
	font-size:1em;
}

body#home .entry-1 .entrymeta{
	background: #FFF;
}

/*************************************
 +Sidebar
 * note: sidebar is actually featured 
 * on the bottom.
 *************************************/

#sidebar ul li{
	border-bottom:1px dotted #F1F1F1;
	margin-bottom:3px;
	padding:3px;
}

/*************************************
 +Nav
 *************************************/

#nav{
	font-weight: bold;
	background:#FFF;
	font-size:1.0em;
	margin-bottom:30px;
	padding:0;
	width:524px;
}

#nav ul{
	list-style-type:none;
}

#nav ul li{
	float:left;
	letter-spacing:1px;
	padding:2px 5px 2px 0px;
}

#nav ul li a{
	color:#585858;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
}

#nav ul li a:hover{
	background-color:#585858;
	border-top:4px solid #585858;
	border-bottom: 2px solid #F6B501;
	color:#FFF;
}

/*************************************
 +Comments
 *************************************/
 
.commentsblock {
	width: 488px;
	font-size:1.1em;
}

.commentsblock textarea{
	width:488px;
}

.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}

.commentsblock textarea:focus{
	background:#E7E7E7;
}

.commentsblock textarea:focus, .commentsblock input:focus{
	background:#E7E7E7;
}

.commentauthor{
	display:block;
	font-size:1.5em;
}

ol.commentlist{
	width: 488px;
	color:#585858;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}

.commentlist li{
	background-color:#E7E7E7;
	margin-bottom:0.5em;
	padding:0.5em 1em;
}

.alt{
	background:#E7E7E7;
	padding:0.5em;
}

h3#comments{
font-size:1.6em;
}

/*************************************
 +Misc
 *************************************/

 img {
 	border: 0;
 }
img.alignright {
	float: right;
	margin: 0 0 12px 12px;
	}
img.alignleft {
	float: left;
	margin: 0 12px 12px 0;
	}
ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

a{
	color:#F6B501;
	text-decoration:none;
}

a:hover{
	color:#585858;
}

.clearfix:after{ 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden; 
}

* html .clearfix {height: 1%;}


#profiles .profile {
	display: none;
	padding-top: 12px;
	text-align: left;
	}
#profiles .profile img {
	float: left;
	margin: 0 9px 9px 0;
	}
#profiles .profile#profile3 {
	display: block;
	}