/*
Theme Name: Simple Dewand
Theme URI: blog.zwatla.com
Description:  Thème Simple Dewand
Author: Zwatla
*/




body {
margin : 0 ; 
padding: 0;
font-family : arial ; 
font-size : 0.8em ;
text-align : left ;
background : url(images/bg.jpg) fixed ;
color : #000; 

}




 
/* 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
***********************************************************************/
  
  
ul#menu {
margin : 0 ;
padding : 0  ; 
list-style : none; 

position : absolute ; 
top : 14px ;
right : 10px ;  
font-weight : bold ; 

  }


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


  }
  
  
ul#menu li a {
padding : 0 10px; 
text-decoration : none ;  
color : #fff ; 



 }
  
  
ul#menu li a:hover {
text-decoration : underline ; 
 }  
 
 ul#menu li:first-child {
border : none ; 
 }
 

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

#page {
	width: 700px;
	margin: 0 auto;
	background-color: #fff;
	padding: 20px 20px 40px 20px;
	overflow : auto ; 
 }	
	


/* HEADER
**************************************************************/	
	
#header { 
	height: 300px;
	margin-bottom: 35px;
	background: url(images/header.jpg);
	text-align: center;
  }
  


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

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












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


.texte {
	padding: 0 0 0 0 ;


}
  
  
  .texte img {
	float: left;
  margin : 0 10px 0 0 ;
  border : 0 ; 
  }


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


.content {
float : left ; 
width : 470px ;
padding : 0;   
}


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


.content h3 {
margin : 0;
padding : 20px 0 0 0 ; 
font-size: 1em;
color : #000 ;  

}



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

.post{
margin:0;
padding :  0 0 40px 0;
background : transparent ; 

 
}




.post h1 {
margin : 0 0 10px 0 ; 
padding : 0 0 10px 0;
font-size : 2em; 
width : 100%;
border-bottom : 1px dotted #000 ; 
font-weight : normal ;  
 

}



.post h1 a {
color : #000  ; 
text-decoration : none ; 
 

}
.post a {color : #5F6025}


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




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

.right {
	float: left;
	width: 160px;
	margin : 0 0 0 30px; 
	padding : 12px 0 0 20px;
	color : #000; 
}


.right h1 {
color: #000 ;
font-size: 1em;
margin: 0 0 10px 0;
padding :  10px 0 5px 0;
border-bottom : 1px dotted #000 ; 

}



.right ul {
	margin: 0  ; 
	padding: 0 0 10px 0 ;
list-style : none ;
overflow : auto ; 
}



.right li { 
list-style: none;
padding : 0 0 4px 0 ; 
margin : 0; 
}



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


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


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

 
 
 
 
 /* SIDEBAR >> RECHERCHE
***********************************************************************/  
 
 
ul#search {


}


.right form {
margin : 0; 
padding :  0; 
 }
 
.right input {
margin : 0 5px 0 0; 
padding :  0; 
 }
 
 
 
/* CALENDRIER
****************************************************************************************************/



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


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

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



#calendar_wrap #prev {
border-top : 5px solid #fff ; 
color : #000
}

#calendar_wrap #prev a {
 color : #000
}

#calendar_wrap caption {
text-align : right ; 
background : transparent ; 
height : 30px ;
 
}



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



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


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

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



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


	
#footer {

  margin:0 ;
  height : 40px; 
 


	}



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


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

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





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


.commentlist li {padding : 10px}
.commentlist li a  {color : #5F6025}

.graybox {background : #eee ; }



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

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