/*  
Theme Name: Red 190209
Theme URI: http://www.zwala.com
Description: Thème pour wordpress de Zwatla 
Author: kulko et krek
Author URI: http://www.zwatla.com
*/


html, body {
height: 100%;
}

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

}

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




/* PAGE
***********************************************************************/


#site { 
position : relative; 
width : 810px;
margin : 0 auto 0 auto;
text-align : left  ;
padding : 62px 0 0 0 ;
min-height: 100%;
background : url(images/bg-site.png) repeat-y
}

	

/*  HEADER
********************************************************************/
   

#header {
position : absolute ; 
left : 0;
top : 0; 
height : 66px;
width : 100%; 
background : url(images/header.png) repeat-x;
margin : 0;
z-index : 1; 
}


#header div {
position : relative; 
width : 810px; 
margin : 0;
margin : 0 auto;
}




/*  HEADER >> TITRE DU SITE >> H1
********************************************************************/


#header h1 {
position : absolute ; 
right : 10px;
top : 5px;
color : #B32720;
margin : 0;
padding : 0 ; 
font-size : 1.8em ;
text-transform : uppercase ; 
font-weight : normal; 
}


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


#header .description {
position : absolute ; 
right : 10px;
top : 30px;
text-align : right ; 
}




#header .description p {
color : #fff;
margin : 0;
padding : 0 ; 
}



/*  HEADER >> MENU PRINCIPAL
********************************************************************/
   
   
#header  ul{
list-style : none ;
margin : 0; 
padding : 0 0 0 10px ;
line-height : 60px;
float : left ; 
}


#header li{
float : left ;
background : url(images/li-header.jpg) no-repeat left;
}

#header li:first-child {
background : none ;
}
	
	
	
#header li a{
margin : 0 ; 
padding : 0 10px 0 10px; 
text-decoration : none ;    
color : #fff ;
}

#header  li a:hover{
color : #B32720 ;
}


#header  li .active {
color : #B32720 ;
}

	

/*  Main
********************************************************************/

#main {
overflow : auto ;
padding :  0 0 80px 10px;
 }



/* CONTENT
***********************************************************************/

#content {
width : 588px ; 
float  : left ;
margin : 0 ;
padding : 0 0 188px 0  ;
}
	
	
#content img {}	

#content #presentation {
height : 192px ; 
background : url(images/presentation.jpg);
}
	
	
/* POST
*********************************************/

.post {
background : url(images/post-bottom.jpg) bottom left ; 
padding : 0 0 20px 0; 
}




.post  h3 {
height : 36px; 
font-size : 1.2em ; 
padding :  15px 0 0 37px; 
margin: 0 0 5px 0 ;
color : #000 ; 
background : url(images/h2-cont.jpg) no-repeat; 
 }
 
 
.post  h3 a {
color : #000 ;
text-decoration : none ;  
}

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

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



.post ul {
list-style : none;
margin : 0; 
padding :  20px 0 0 30px;
}



.post li {
background : url(images/bg-li.jpg) 0 5px no-repeat ; 
margin : 0 0 20px 0;
padding :  0 0 0 15px;  
}


.post a {
color : #6B1C16 ;
}






/* SMALL
**********************************************************************/

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}
	
	
.alt {}


code {
font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps{
font-size: 0.9em;
letter-spacing: .07em;
}

	
.postmetadata {
border-bottom: 1px dotted #000;
margin: 0 0 0 20px;
padding : 2px 0 6px 0; 
}


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

.postmetadata a:hover {
text-decoration : underline ; 
}


.flashmovie {
margin : 10px 0 10px 0
}

.clear {
clear : left ; 
height : 1px
}


.tags {
margin: 0 ;
padding : 4px 0 6px 0; 
}
 
.tags p {
margin: 0 ;
padding : 0 0 0 20px; 
} 

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

#sidebar {
width : 205px ;
float  : left ;
padding :  0 ;
margin : 0;  
}



#sidebar h2{
font-size : 1em ;
margin : 0 ;
padding : 0 0 0 20px  ; 
color : #fff ;
background : url(images/h2-side.jpg) repeat-x ;
height : 45px ;
line-height : 45px; 
font-weight : normal 
}



#sidebar form {
margin: 0;
}
	

#sidebar .widget_style {

}



#sidebar .widget_style li {
background : url(images/li-side.jpg) left no-repeat ; 
padding :  8px 0 5px 15px; 
}


#sidebar ul {
list-style : none ; 
margin : 5px 0 15px 0 ; 
padding : 0 10px 0 20px; 
color : #434343
}




#sidebar li  {
font-size : 1em ;
margin :  0 ;
padding :  8px 0 5px 15px; 
background : url(images/li-side.jpg) left no-repeat ;
}


#sidebar li  a {
color : #434343 ;
text-decoration : none ; 

}


#sidebar li a:hover {
color : #B32720 ;
text-decoration : none ; 
}	






/* SIDEBAR >> RECHERCHE
**********************************************************************/
	
	
#search {
margin : 0 0 10px 0
}
	
#searchform {
margin: 10px auto;
padding: 5px 3px; 
text-align: center;
}

#sidebar #searchform #s {
width: 108px;
padding: 2px;
}


#sidebar #searchsubmit {
padding: 1px;
}	
	


/* COMMENTAIRES
*****************************************************/

.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist {
padding: 0;
text-align: justify;
margin : 0;
padding : 0 ;
	}

.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
font-weight: bold;
}
	

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}

.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
margin: 10px 5px 10px 0;
}

#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;	
margin: 5px 0;
}


.commentmetadata {
font-weight: normal;
margin: 0;
display: block;
}
	

	
	
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}



	/* CALENDRIER >> WIDGET
**********************************************************************/	


#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}

#wp-calendar a {
text-decoration: none;
	}
	
#wp-calendar a:hover  {
background : #fff ; 
	}

#wp-calendar caption {
margin : 10px 0 0 0; 
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
	}

#wp-calendar th {
font-style: normal;
}

#calendar h2 {
height : 0;
margin : 0;
padding : 0;  }


#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
	}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
	}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
text-align: center;
width: 100%;
	}

#wp-calendar td {
padding: 3px 0;
text-align: center;
	}

#wp-calendar td.pad:hover { 
background-color: #fff; 
  }



/* FORMULAIRE DE RECHERCHE 
**************************************************/

select {
width: 130px;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform textarea {
}

#commentform #submit {
margin: 0;
float: right;
}




/*  FOOTER
*******************************************************************/ 
   
#footer { 
position : absolute ; 
bottom : 0; 
left : 10px ; 
width : 100%; 
height :188px;
font-size : 90%;
background : url(images/footer.jpg) no-repeat;
text-align : center ; 
z-index : 1;
 
  
}


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



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

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


#footer ul { 
margin : 20px 0 0 40px;
padding : 0 ;
list-style : none; 
float : left ;  
}

#footer li { 
margin : 0;
padding : 0 0 5px 0;
}

#footer li a { 
margin : 0;
padding : 0 0 5px 0;
color : #E49999
}


	/* COPY
**********************************************************************/
	
#copy {font-size : 80% ; padding : 0 10px 0 0}
#copy a {text-decoration : none }



/* DIVERS
************************************************************/

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}