/*
Theme Name: Squaar Red
Theme URI: blog.zwatla.com
Description:  Thème Squaar Red
Author: Zwatla + Lagouache
*/


body {
color:#801600; 
font:75% "Trebuchet MS" Arial, Helvetica, sans-serif;
margin:0; 
padding:0; 
text-align:center; 
 background:#5A0F00 url(images/body_fd.gif) top repeat-x; 
 }



a:active, a:focus{
   outline:none;
}








/* SITE
*****************************************************************/

#site {
position:absolute; 
left:50%; 
top:50%; 
width:640px; 
height:460px; 
margin-top:-230px; 
margin-left:-320px; 
text-align:left;
background : #fff url(images/image01.jpg) 10px 10px no-repeat; 
 }
 
 
/* HEADER
**************************************************************/	
	

	

/* TITRE DU SITE
*****************************************************************/

     
#site-name h1 {
position : absolute ; 
top:-20px; 
left:-40px; 
margin:0; 
padding: 4px;
background:#330900; 
border:10px solid #FFF;
font-size:2.2em; 
font-family:Georgia, "Times New Roman", Times, serif;
 color:#5A0F00;
 }



#site-name h1 a {
color : #fff;
text-decoration : none ; 
}



/* NAVIGATION >> MENU PAGES
***********************************************************************/
  
  
#menu {
position:absolute; 
top:70px; 
left:-40px; 
width:	170px;
background:#E53917; 
border:10px solid #FFF;
}

#menu ul {
margin:0; 
padding:0; 
list-style:none; 
text-align:right;
list-style : none ; 
}


#menu ul li a { 
font:1.4em Arial, Helvetica, sans-serif; 
text-decoration:none;
color:#FFF;
display:block; 
 width:auto;
padding : 5px; 
margin : 0 ; 
}


#menu ul li a:hover {
background:#330900;
}
   



   

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


.texte {
}



#overflow {
padding : 60px 0 0 0; 
height:350px;
overflow : auto;
}
  
/* CONTENT >> Conteneur du Post
*****************************************************************/


	

#contenu {
float:right; 
width:430px;
height:430px;
background:#F2E7E5;
border-top : 10px solid #fff; 
border-right : 10px solid #fff;
padding : 10px 0 0 10px; 
}


#contenu h2 {
color:#5A0F00;
font-size:1.4em; 
margin : 0 0 5px 0;
padding :  0 0 0 0; 
}



#contenu h3 {
color:#5A0F00;
font-size:1.4em; 
margin :  0;
padding : 10px 0 0 0; 
}





 
/*  CONTENU >> POST
*****************************************************************/	


.post {
margin : 0 10px 20px 0 ;
padding : 0;  
overflow : auto;  
}




.post h1 {
margin : 0 0 10px 0;
padding : 0; 
font-family:Georgia, "Times New Roman", Times, serif;  
font-size:1.8em; 
}



.post h1 a {
color:#5A0F00;
}





.post img {
float  : left ;
margin : 0 10px 10px 0 ; 
border : 4px solid #fff ;
}

.post  a {
color : #E53917 ;
text-decoration : none ; 
}

.post  a:hover {
background : #E53917 ; 
color : #fff ; 
}


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




/*  CONTENU >> POST >> DATE BILLET SOUS H1
*****************************************************************/	


.post .descr-auteur {
margin : -10px 0 10px 0 ; 
padding : 0;
color : #E53917 ;
  }





.meta-comment {padding : 0; color : #927016 ; clear : left ; }
.meta-comment a {color : #927016}



/*  CONTENU >> POST >> Signature du billet
*****************************************************************/	


.post .descr {
clear : left; 
margin : 0 ;
padding :  0;
background : #F9F3F2 ;
border : 1px dashed #5A0F00;   
}


.post .descr p {
margin : 0; 
padding :  10px;

}







.post .descr a {}
  
.post .descr a:hover {}







.entry {padding : 0 0 20px  0}


 
 
 

 
 





 


 
 
  
 
 
 
 

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


	
   
#footer {
position:absolute; 
bottom:-20px; 
right:-20px; 
width:auto;
color:#E53917;
background:#330900; 
border:10px solid #FFF ; 
padding : 4px;
height : 16px;  
}

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

#footer a:hover {
background : #E53917;
color : #fff; 
}


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





   
	





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


.commentlist li {
list-style : none
}


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


.commentlist li a  {
color : #E53917
}

.graybox {
background : #F9F3F2 ;
border : 1px dashed #5A0F00;   
}



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

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








/* COMENTAIRES FORMULAIRE
****************************************************************************************************/




#commentform {
margin: 10px 10px 0 0;
padding : 20px; 
background: #F9F3F2 ;
border : 1px dashed #5A0F00;
}

#commentform textarea {
background : #ffffff ;
border : 1px dashed #5A0F00;  
width: 200px;
float : right ;
color : #E53917; 
padding : 4px;  
}


#commentform textarea:hover {
background: #FFFFFF;
border : 1px dashed #5A0F00; 
}
#commentform textarea:focus {
background: #ffffff;
border : 1px dashed #5A0F00; 
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background : #fff ;
border : 1px dashed #5A0F00;
color : #E53917;
padding : 4px;   

}





#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border : 1px dashed #5A0F00;  

}



#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border : 1px dashed #5A0F00;  

}





#commentform label {
float : left ; 
width: auto;
font-size : 1.2em;  
}


#commentform input {
float : right ; 
width: 200px;
}



#commentform p {
overflow : auto ;  
}


#submit {background : red ; border : none ; color : #fff; width : auto ; height : 40px ; cursor:pointer;}



#submit:hover {background : #330900}



/* 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;
}





/* PREVIOUS ENTRIES
****************************************************************************************************/


.prec-suiv {}


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

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

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


#gravatar  { }


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



/* CFORM
****************************************************************************************************/	

#cformsform {width : 220px ; border : 1px solid yellow}