/*
Theme Name: Blog Chief
Theme URI: blog.zwatla.com
Description:  Thème "Chef" ou "Sans Cerveau"
Author: kulko & zwatla
*/




html, body {
height: 100%
}



body {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
font-size : 0.8em;
color : #000;
background : #A8AAB0;
}




 
/* SITE NAME
***********************************************************************/


#site-name {width: 700px; margin: 0 auto; position : relative ; height : 40px ; }
#site-name  h1 {margin : 0; padding : 10px 0 0 0 ; font-size : 1.4em ; text-transform : uppercase ; }
#site-name h1 a {color : #fff; text-decoration : none }




/* NAVIGATION >> MENU PAGES
***********************************************************************/
  
  
#menu {
position : absolute;
bottom : 12px;
left : 53px;
height : 23px;
text-align: left;
color :#fff ; 
font-family : times; 
}


#menu ul{
margin: 0;
padding: 0;
list-style : none ;

}


#menu li{
float : left ;
margin : 0 0 0 -1px;
padding : 4px 0 0 0 ; 

}

#menu li a{
color : #9D9D9D; 
text-decoration : none ;
padding : 0 10px 0 10px;
text-transform : uppercase;
font-size : 90% ;  
  
}


#menu li:first-child a {
background : none;
}


#menu li a:hover {
color : #3B4661 ; 
text-decoration : none ; 
}
 
 

/* PAGE  >> SITE
*****************************************************************/

#page {
position : relative; 
text-align : left;
width : 826px ; 
margin :  0 auto;
background : url(images/bg-content.jpg);
min-height : 100% ;
 }	
	


/* HEADER
**************************************************************/	
	
#header { 
position : relative ; 
height : 429px ;
background : url(images/header.jpg)
  }
  






 
 /*  HEADER H1 >> titre du site
*****************************************************************/


#header h1 {
font-size : 1em;
margin : 0;
padding : 10px 0 0 0;
color : #C3C9D9;
font-size : 1.6em;
font-family : times ; 
text-transform : uppercase ; 
 
}


#header h1 a {
color : #C3C9D9; 
text-decoration : none ; 
}
 
 
#header h1 a:hover {
color : #ACA6A8; 
}
  
 








/* TEXT >> Coneneur Content + Side (.right)
*****************************************************************/


#content {
width : 826px ;
margin :  0 auto;
text-align : left; 
overflow : auto ;
padding-bottom : 158px ;

}
  
  
#centrage {
 padding : 0 40px 0 27px ;
}



 
 
 /* CONTENT >> Conteneur du Post
*****************************************************************/


#contenu {
float : left ;  
width : 480px;
padding : 0 0 0 15px; 
color : #C4C4C4 ; 
margin : 15px 0 0 0 ;  
}


#contenu h2 {
color : #C4C4C4 ; 
text-transform : uppercase ;
text-decoration : none; 
font-family : times ;
margin : 0;
padding : 0 0 0 20px; 
font-size : 1em;  
 }
 
 #contenu h3 {
color : #C4C4C4 ; 
text-transform : uppercase ;
text-decoration : none; 
font-family : times ; 
margin : 0;
padding : 0 0 0 60px; 
font-size : 1em;   
 }

 
#contenu p {

 }
 


 
#contenu img {
float : left ; 
}






 
 
 
 /* POST >> configuration des éléments du Post
****************************************************************************************/

.post {
padding : 0 0 40px 0 ;
}



.post h1 {
margin :  0 ;
padding : 10px 0 0 0; 

}



.post h1 a {
font-size : 0.6em ; 
color : #C4C4C4 ; 
text-transform : uppercase ;
text-decoration : none; 
font-family : times ; 
}

.post h1 a:hover {
color : #ACA6A8 ;
text-decoration : none ;  
}







.post .info{
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
color:#5E6472;
}




.post .descr {
clear : both ; 
margin :  0 ; 
padding : 0 0 0 0;
color : #966C42;
}

.post .descr p{
margin : 0 ;
padding : 0 ; 
 color : #966C42;
font-size : 85%; 
}

.post .descr a{

}


.post .descr-auteur {
color : #966C42;
}



.post a {color : #966C42; text-decoration : none;}
.post a:hover { text-decoration : underline;}

.post .entry p {padding : 0 20px 0 20px ; margin : 0 0 10px 0}

.post .descr  {padding : 0 0 0 20px ;}


p.not-found {padding : 0 0 0 20px}





 /* POST >> Titre
****************************************************************************************/



#contenu .titre {
background : #2C3348 ; 
padding : 10px 10px 20px 20px ;
margin :  0 0 20px 0; 
}


#contenu .titre p {
margin : 0 ;
padding : 0; 
color : #966C42;
font-size : 85%; 
 }
 
 #contenu .titre a {
text-decoration : none
 }
 





/* SIDEBAR 
**************************************************************************/

#side {
float : left ;  
width : 255px;
color : #9D9D9D;   
margin : 0 0 0 3px;
padding : 0;

}




#side h1, #side h2 {
color : #9D9D9D;
font-size : 1em;
text-transform : uppercase; 
margin : 0;
padding : 0 0 0 20px;  
background : #262B39 url(images/bg-side-h2.jpg) bottom repeat-x ;
height : 4.2em ;
line-height : 3.8em ;
font-family : times;    
}


  #side h1:first-child , h2:first-child  {
height : 3.8em ;
line-height : 2.9em ;

}


#side ul{
margin : 0;
padding : 5px 0 12px 20px; 
list-style : none; 
}




#side li a {
color : #9D9D9D;
text-decoration : none;
border-top : 1px solid #2A2A2A;
background : url(images/bg-side-li.jpg)  0 9px  no-repeat;
display : block ; 
height : 28px ; 
line-height : 28px ;
padding : 0 0 0 10px;
margin : 0;  
 }
 
 

 
 
 #side li a:hover {
background : url(images/bg-side-li-hover.jpg)  0 7px  no-repeat;
}
 
 
 #side li:first-child a {
border-top : 0 ;
}



#side p {
padding : 0 10px ;
margin : 5px 0 10px 0;  

 }




 
 
 
 
 /* SIDEBAR >> RECHERCHE par défaut
***********************************************************************/  
 



 #side form {
margin : 0 ; 
padding :  0 0 0 20px; 
height : 50px ;
 
 }
 
 #side input {
margin :0; 
padding :  0; 
float : left ; 
 }
 
 
  #side #sidebarsubmit  {
 background : url(images/search.jpg) ;
 width : 74px;
 height : 31px; 
 border : none ; 
 margin :  5px 0 0 5px;
 padding :  0  
 
  }


 
 
 
 #side .champ {width : 50% ; margin : 10px 0 0 0}
  

 
 

 



 /* SIDEBAR >> RECHERCHE par Widgets
***********************************************************************/  
 
 #searchform input { margin : 0 0  0 10px ; padding : 0 ; }
 
 
 
  
 
 
 
 
/* CALENDRIER
****************************************************************************************************/



#calendar_wrap  {
width : 100% ; 
text-align : center;
padding : 0 ; }


#calendar_wrap  table {
margin : 0 ; 
padding : 0 ; }

#calendar_wrap #today a {
background : #E47001 ; 
color : #fff ; 
text-decoration : none ; 
padding : 2px}



#calendar_wrap #prev {
color : #000
}

#calendar_wrap #prev a {
 color : #000
}

#calendar_wrap caption {
text-align : right ; 
background : transparent ; 
height : 40px ;
padding : 10px 0 10px 0; 
 
}



/* TEXT WIDGET
****************************************************************************************************/



.textwidget {
background : #fff ; 
padding : 0 0 10px 0
}
 
 
 
 
 
 


/* PUB
**************************************************************/

#google {
width : 160px ; 
height : 600px ; 
float : left ;
 margin : 0 ;  }



/* FOOTER
********************************************************************/	


#footer {
position : absolute ;
bottom: 0;
left : 0 ; 
width : 826px ; 
height : 118px ;
background: url(images/footer.jpg) ;
font-size : 90%;
color : #9D9D9D ;
text-align : center ; 
}


#footer p {
margin : 0 ; 
padding : 85px 0 0 0 
}

#footer a {
color : #9D9D9D ;
text-decoration : none ; 
}
 
#footer a:hover {
text-decoration : underline ; 
}
 
	





/* COMENTAIRES 
****************************************************************************************************/

.commentlist {}


.commentlist li {padding : 10px ; clear : left ; margin : 0 0 10px 0}
.commentlist li a  {color : #966C42}







.graybox {}



#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 20px 0 0 60px;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}





/* CODE ET BLOCKQUOTE
****************************************************************************************************/



code {
color: #000;
display: block;
}



blockquote {
	background: #FBFCF5;
	border-bottom: 1px solid #EED;
	border-top: 1px solid #EED;
	color: #444;
	display: block;
	font: normal 0.9em Verdana,sans-serif;
	margin-bottom: 12px;
	padding: 12px;
}




.prec-suiv {padding : 20px 0 0 0 }


.prec-suiv a {color : #fff ; text-decoration : none ; }

.prec-suiv a:hover { text-decoration : underline ; }