/*
Theme Name: Zombie
Theme URI: blog.zwatla.com
Description:  Thème "Zombie"
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 : #251F0F;
}




 






/* NAVIGATION >> MENU PAGES
***********************************************************************/
  
  
#menu {
position : absolute;
bottom : 12px;
left : 50px;
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 : #966C42 ; 
text-decoration : none ; 
}
 
 

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

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


/* HEADER
**************************************************************/	
	
#header { 
text-align : left ; 
position : relative ; 
height : 426px ;
background : url(images/header.jpg) no-repeat; 
  }
  


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


#site-name {
width : 826px ;  
margin: 0 auto; 
position : relative ; 
padding : 0 0 0 60px
 }



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


#header h1 {
font-size : 1em;
margin : 0;
padding : 5px 0 0 0;
color : #9D9D9D;
font-size : 1.6em;
font-family : times ; 
text-transform : uppercase ;

 
}


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








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


#content {
position : relative ; 
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 20px; 
font-size : 1em;   
 }

 
#contenu p {

 }
 


 
#contenu img {
float : left ; 
margin : 0 10px 0 0; 
}






 
 
 
 /* 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{
color : 
}


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



.post a {
color : #966C42; 
text-decoration : none ;
 }
 
 
 .post a:hover {
color : #966C42; 
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 : #48412C ; 
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
 }
 
  #contenu .titre a:hover {
text-decoration : underline ; 
 }
 





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

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

}




#side h1 {
color : #9D9D9D;
font-size : 1em;
text-transform : uppercase; 
margin : 0;
padding : 0 0 0 30px;  
background : #2A2A2A url(images/bg-side-h2.jpg) no-repeat 10px 20px;
height : 3.8em ;
line-height : 3.6em ;
font-family : times;    
}


  #side h1:first-child  {
height : 3em ;
line-height : 2.5em ;
background : #2A2A2A url(images/bg-side-h2.jpg) no-repeat 10px 10px;

}



#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 8px  no-repeat;
display : block ; 
height : 25px ; 
line-height : 25px ;
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 10px; 
height : 50px ;
 
 }
 
 #side input {
margin :0; 
padding :  0; 
float : left ; 
 }
 
 
  #side #sidebarsubmit  {
 background : url(images/search.jpg) ;
 width : 78px;
 height : 35px; 
 border : none ; 
 margin :  7px 0 0 5px;
 padding :  0 ;
 border : 0 ;
 cursor:pointer ;  
 
  }
  
  
  
    #side #sidebarsubmit:hover  {
 background : url(images/search-over.jpg) ;
}


 
 
 
 #side .champ {
 width : 150px ; 
 height : 22px ; 
 margin : 10px 0 0 0 ;
 padding : 0;  
 border : 2px solid #2A2A2A ; 
 background : #CDCDCD;
 
 }
  

 
 

 



 /* 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 : 114px ;
background: url(images/footer.jpg) ;
font-size : 90%;
color : #9D9D9D ;
text-align : center ; 
}


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

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





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




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


.commentlist   {margin : 0; padding : 0 0 0 20px ; list-style : none ; }







.graybox {}



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

#commentform {
margin: 20px 0 0 40px;
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 ; }

	
	


.flashmovie {padding : 0 0 10px 20px;  }





/* GRAVATAR
****************************************************************************************************/	


#gravatar  {position : relative }

#gravatar p {float : left }


#gravatar img {float : left ; margin : 20px 10px 0 0  }