/*
Theme Name: Black Town
Theme URI: blog.zwatla.com
Description:  Thème Black Town
Author: Kulko et krek
*/



body {
	background: #000;
	color: #EEE;
	font-family : arial ;
	text-align : left ; 
	margin : 0;
	padding : 0 ;
	font-size : 0.7em ; 
}
	
	


/* HEADER
**************************************************************/	
	
#header { 
background: #000 url(images/header.jpg);
height :250px ;
text-align : left ; 
  }
  


#header a {
	color: #fff;
	text-decoration: none;
}

#header a:hover {
	text-decoration: underline;
}



/* PAGE  >> Donne la couleur de fond
*****************************************************************/

#page {
background: #333 ;  
overflow : auto ;
 }



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


.texte {
	padding: 20px 0 60px 20px ;
	width: 950px; 
	font-family : georgia ; 
	margin : 0 auto ; 
}
  
  
  
  
  
  
  
  
  .texte img {
	float: left;
  margin : 0 10px 0 0 ;
  border : 4px solid #000
  }
  
  
  
  
  .centrage {
	width: 950px;
	margin : 0 auto ; 
}


/* NAVIGATION >> Menu principal
***********************************************************************/


#navigation {
	height: 39px;
	color : #D6D6D6 ;
	padding : 0 0 0 15px ;  
	margin : 0  ; 
		background: #000 url(images/main.jpg) bottom repeat-x;  
 }



  
  
ul#menu {
margin : 0 ;
padding : 8px 0 0 0  ; 
list-style : none; 
float : left ; 
font-size :90% ;

  }


ul#menu li{
 margin : 0 0 0 -1px ; 
border-left : 1px solid #BA8A26  ; 
float : left ; 


  }
  
  
ul#menu li a {
padding : 0 10px; 
text-decoration : none ;  
color : #BA8A26 ; 
text-transform : uppercase ; 
font-weight : bold ; 
 }
  
  
ul#menu li a:hover {
text-decoration : underline ; 
 }  
 
 ul#menu li:first-child {
border : none ; 
 }  
 
 
ul#search {
height : 29px ; 
margin : 0 0 0 40px; 
padding : 2px 0 0 4px  ;
float : left ;
list-style : none ; 
}


#navigation form {
margin : 0; 
padding :  0; 
 }
 
 #navigation input {
margin : 0 5px 0 0; 
padding :  0; 
 }
 
 
 
 /* CONTENT >> Conteneur du Post
*****************************************************************/


.content {
width :   680px ; 
float : left ;
}


.content a,.footer a {}
.content a:hover,.footer a:hover {}





.content h1 {
margin : 0;
padding : 0 ; 
font-size: 1.2em;
 
}



.content h1 a {
margin : 0;
padding : 0 ; 
color : #EEE ;  
text-align: left;
text-decoration : none ;
}

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

.post{
margin:0 0 25px 0;
padding : 0 0 20px 0;

 
}

a {color : #BA8A26}





.post h2 {
margin : 0;
padding : 20px 0 0 0 ; 
font-size: 1em;
color : #EEE ;  
}


.post h3 {
margin : 0;
padding : 20px 0 0 0 ; 
font-size: 1em;
color : #EEE ;  
}


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



.descr-files-uner{clear : both ; padding : 10px 0 0 0 ; }


.descr { margin : 0; padding : 0; }




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

.right {
margin : 0   ; 
padding: 10px 10px 20px 10px ;
float : right ; 
width: 205px;
}


.right h1 {
font-size: 1em;
margin:  0;
padding:  0 0 10px 0;
color : #BA8A26 ;  
}



.right ul {
	margin: 0 ; 
	padding: 0;
list-style : none ;
}



.right li { 
list-style: none;
margin: 0;
padding : 0 0 10px 0 ;
display : block ;
font-size: 1em;
}

.right li a {	
color : #fff;
text-decoration : none ; 
}


.right li a:hover {
color: #DDD;
text-decoration : underline ; 
}




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

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



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


	
#footer {
padding : 20px 0 0 0   ; 
border-top : 40px solid #333 ;
height : 142px ; 
background :  url(images/footer.jpg) repeat-x ;  
clear : both ; 
	}



#footer p {
margin: 0;
padding: 3px 0 0 0;
text-align: center;
color : #fff ; 
	}


#footer a {
text-decoration : none ; 
color : #fff ; 
	}
	

#footer a:hover {
text-decoration : underline ; 
	}
	
	





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

.graybox {
background : #000 ; 
border : 1px solid #BA8A26
}



.commentlist li {
padding : 10px;
margin : 0 0 10px 0;
}

.commentlist li a {
color : #fff; 
}





#commentlist li {
padding : 10px;
margin : 0 0 10px 0;
}

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