/*  
Theme Name: News Dark
Theme URI: http://www.zwala.com
Description: kits graphiques et blogs de Zwatla
Author: kulko et krek
Author URI: http://www.zwatla.com
*/

html, body {
height: 100%;
}


body {
margin : 0 ;
padding : 0 ; 
background : #1D1D1D;
text-align : center;
font-size : 0.7em;
color : #000 ;
font-family : arial ;

}

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

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

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

#header {
position : relative ; 
height : 67px;
background : url(images/header.jpg);
margin : 0
}



#header span.description {
position : absolute ; 
top : 40px;
right : 20px ; 
font-size : 0.8em;
color : #000;
}


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

#header h1 {
position : absolute ;
top : 25px ; 
right : 20px ; 
margin : 0;
padding : 0 ; 
font-size : 1em ;
text-transform : uppercase ; 
font-weight : normal;  
}

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

}



#header h1 span {

}


   
/*  HEADER >> MENU PRINCIPAL
********************************************************************/
   
ul#menu {
position : absolute ; 
top : 36px;
left : 14px; 
list-style : none ;
margin : 0; 
padding : 0 ;
}
	
	
ul#menu  ul{

}


ul#menu  li{
float : left ;
margin : 0 ; 
padding : 0 10px 0 10px ; 
background : url(images/bg-li-first-menu.jpg) left no-repeat ; 
}


ul#menu  li:first-child {
background : none ; 
}
	
	

ul#menu  li a{
color : #979797 ;
text-decoration : none ; 
font-weight : bold ; 

}

ul#menu  li a:hover {    
color : #A3106C ;
}


/*  HEADER >> MENU LOGIN
********************************************************************/
   
   
  

ul#login {
position : absolute ; 
top : 60px ; 
right : 0; 
height : 42px;
background : url(images/bg-second-menu.jpg);
margin : 0;
padding : 2px 0 0 0 ;
list-style : none ;
width : 247px;
}


ul#login li  {
float : left ;
background : url(images/bg-li-second-menu.jpg) 0 3px no-repeat ; 
margin : 0 ;
padding : 0 10px 0 10px;
list-style : none ;
}


ul#login li:first-child  {
background : none ; 
}







ul#login li a  {
color : #A4A4A4;
text-decoration : none ;

}

ul#login li a:hover  {
color : #A4A4A4;
text-decoration : underline ; 
}



/*  HEADER >> SEARCH
********************************************************************/


#search {
position : absolute ; 
left : 580px ; 
top : 30px; 
}

#search .search {
width : 140px;
height : 18px;
margin : 0;
padding : 0 0 0 5px;
border : 1px solid #6F6F6F ;
float : left ; 
}

#search .search-ok {
width : 19px;
height : 20px;
background : url(images/search.jpg);
margin : 0;
padding : 0 ;
border : 0 ;
float : left ;
 cursor:pointer ;
}


#search form {
margin : 0;
 }
 
 #search p{
margin : 0;
 }





/* RSS
*****************************************************************************/

#rss a{

background: url(images/rss.jpg) no-repeat;
width: 16px;
height: 16px;
display : block
 }
 
 
 #rss a{
 position : absolute ; 
top : 124px;
right : 145px ; 

 }
 
 
 #rss span {

 position : absolute ; 
top : -9950px;
left : -9940px ; 

 }



/* MAIN
*****************************************************************************/

#main {
overflow : auto ;
padding :  0;
}

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

#contenu {
width : 538px ;
float  : left ;
margin : 0;
padding : 20px 0 40px 0   ;
}

/* CONTENT >> POST INDEX
*****************************************************************************/

.post-index {
width : 238px ;  
padding : 0 0 20px 0;  
margin : 0 0 0 20px ; 
text-align : justify;
float : left ; 
}


.post-index h3{
font-size : 1.5em ; 
padding :  0 ; 
margin: 0 ;
font-family : times; 
}

.post-index h3 a{
color : #000; 
text-decoration : none ; 
}

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





.post-index .date {
margin : 10px 0 0 0; 
padding : 0 ; 
color : #A3106C; 
font-weight : bold ;  
}


/* CONTENT >> POST 
*****************************************************************************/

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


.post h3{
font-size : 1.5em ; 
padding :  0 ; 
margin: 0 ;
font-family : times; 
}

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

 h4{
font-size : 1.5em ; 
padding :  0 ; 
margin: 0 0 0 20px ;
font-family : times; 
}

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

.post .date {
margin : 10px 0 0 0; 
color : #A31086; 
font-weight : bold ;  
}


.post img {
border : 1px solid #000;
margin : 1px ; 
float : left ; 
margin : 0 10px 0 0; 
display : block ; 
}

.post a {
color : #A31086
}




/* CONTENT >> POST >> content_text
*****************************************************************************/

.content_text  {

}


.content_text a {
color : #A31086; 
}




/* CONTENT >> POST >> H3 
*****************************************************************************/




#contenu ul { 
margin : 0; 
padding :  0 0 0 20px;
}

#contenu li {
padding : 0 0 10px 12px; 
}

#respond { margin-top:15px;}

.author {
color:#000000; 
font-size:1.01em;
}

.postmetadataalt {
	font-size:0.81em; 
}

.pagetitle {
	color:#000000; 
  font-size:1.01em; 
  font-weight:bold; 
  text-transform:uppercase;	
	padding:15px 0px 10px 0px;	
}


/* POST COMENTAIRES ET READ PAGE (EN BAS DES BILLETS)
*****************************************************************************/

.comment {
color:#E88A0F;  
border-top : 1px dotted #000;
border-bottom : 1px dotted #000;
margin : 10px 0 0 0; 
padding : 5px 0 0  0;
height : 25px;
  
}

.comment a {
color: #A31086;
text-decoration : none ; 
}

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

.postLink {
float : right ;
background:url(images/icon-postlink.gif) no-repeat 0px 5px;
}

.postLink a {
padding : 0 0 0 20px; 
}

.postcomment {
float : left ;
}


/* POST TAGS
*****************************************************************************/


.tags {
margin : 0 ; 
padding : 10px 0 0 0; 
clear : left ;  
 
}
 
.tags span  {
font-weight : bold
}

.tags a {
text-decoration : none ;  
}
 
 
 /* METATAGS
*****************************************************************************/
 
#tags {
text-align : jusitfy ; 
line-height : 20px; 
text-transform : uppercase; 
padding : 0 0 20px 0
}
  

/* POST NAVIGATION DES ARTICLES
*****************************************************************************/


.navigation {
padding : 5px 0 5px 0;  
}

.navigation p {
margin : 0;
padding : 0; 
}


.navigation a {
color:#D6694A;
}





/*  RIGHT SIDEBAR >> right sidebar >> Base
********************************************************************/


#side {
float : left ; 
width : 215px ;
padding : 40px  0 0 24px;  
}
 
 
 
#side .widget {
border : 1px solid #000;
background : #fff;
padding : 5px 0 0 0 ;
margin : 0 0 10px 0;
width : 200px; 
}


#side .widget ul {
list-style : none ; 
margin : 0 ;
padding : 0; 
}


#side .widget li  {
border-top : 1px dotted #000; 
}

#side .widget li:first-child {
border-top : none ; 
}



#side .widget li a {
color : #000;
text-decoration : none ;
margin : 0;
padding : 5px 0 5px 10px ;  
display : block ;   
}


#side .widget li a:hover {
color : #A3106C ;    
}



#side .widget .meta {
background : #606060;
height : 20px;
margin : 0 0 10px 0;
}

span.titre {
padding : 0 0 0 10px ; 
color : #fff;
float : left ; 
}

span.date {

}


#side .widget p {
text-align : justify;
padding : 0 10px ; 
margin : 0 0 5px 0;  }



#side .widget h2 {
font-size : 0.9em;
background : #606060;
color : #fff;
margin : 0 ; 
padding : 4px 0 4px 10px ;  
}


/*  RIGHT SIDEBAR >> right sidebar >> losqu'on ajoute un widget
********************************************************************/



#side .widget_style {
border : 1px solid #000;
background : #fff;
padding : 5px 0 0 0 ;
margin : 0 0 10px 0;
width : 200px; 
}

#side .widget_style ul {
list-style : none ; 
margin : 0 ; 
padding : 0; 
}


#side .widget_style li  {
border-top : 1px dotted #000; 
}

#side .widget_style li:first-child {
border-top : none ; 
}


#side .widget_style li a {
color : #000;
text-decoration : none ;
margin : 0;
padding : 5px 0 5px 10px ;  
display : block ;   
}


#side .widget_style li a:hover {
color : #A3106C ;    
}

#side .widget_style h2 {
font-size : 0.9em;
background : #606060;
color : #fff;
margin : 0 ; 
padding : 4px 0 4px 10px ;  
}



/*  RIGHT SIDE >> right sidebar >> widget commentaires récents
********************************************************************/

#recent-comments h2 { }

#recent-comments ul {padding : 5px 0 5px 0 }

#recent-comments li {padding : 3px 0 3px 10px ; margin : 0; }




/*  RIGHT SIDE >> RIGHT SIDEBAR >> WIDGET RIGHT SIDEBAR >> TAGCLOUD
********************************************************************/
 
 
#tag_cloud {}

#tag_cloud a {
color : #000;
text-decoration : none ;
margin : 0;
padding : 5px 0 5px 10px ;  
display : block ; 
border-top : 1px dotted #000;  
 }

#tag_cloud a:hover {
color : #E88A0F ;
text-decoration : underline ;  
}

#tag_cloud h2 {}


.textwidget {padding : 10px}



/*  SIDE >> RIGHT SIDEBAR >> linkat
********************************************************************/


li.linkcat  {
list-style : none ;
margin : 0 ; 
padding : 0 ;  }


.linkcat h2   {
background : url(images/bg-h2-rest.jpg) bottom no-repeat ;
margin: 0 0 20px 0 ;
padding : 0; 
 }
 
 li.linkcat ul {
margin : 0  ; 
padding : 0 ;  
list-style : none;
}



 li.linkcat ul li a {
text-decoration : none ; 
margin : 0;
padding : 0; 
 }
 
  li.linkcat ul li a:hover {
text-decoration : underline ; 
 }






/*  LEFT SIDEBAR >> left sidebar
********************************************************************/
   
   
   
#left-sidebar {
width : 207px ;
float  : left ;
padding :  0  ;
margin : 0 ; 
}
	
	
#left-sidebar h2 {
font-size : 1.2em ;
margin : 0 ;
padding :  0 ; 
color : #2468DA ; 

}


#left-sidebar h3 {
font-size : 1em ;
margin :  10px 0 10px 0 ;
padding :  0 ; 
color : #277CFA ; 
}



#left-sidebar ul{
list-style : none ; 
margin : 0 0 0 2px ; 
padding : 0; 
color : #000 ;

}



#left-sidebar li {

margin : 0 ;
padding :   0 0 0 20px; 

}


#left-sidebar li a{
font-size : 1em ;
margin : 0 ;
padding :   0 0 0 10px; 
height : 42px;
line-height : 42px; 
display : block ; 
color : #fff ;
background : url(images/bg-li-r-side.jpg) 0 40px   no-repeat;
text-decoration : none ; 
}



#left-sidebar li a.active{
background : url(images/bg-li-r-side.jpg) 0 0   no-repeat;
}
  



#left-sidebar li a:hover{
background : url(images/bg-li-r-side.jpg) 0 0 no-repeat;
}


#left-sidebar li.active{
background : url(images/bg-li-r-side.jpg) 0 0 no-repeat;
}


#left-sidebar p{
margin : 10px 0 25px 0 ; 
padding : 0 0 10px 0;
color : #277CFA ;
border-bottom : 1px dotted #277CFA ; 
}


#left-sidebar span {
margin : 0 ; 
padding : 0;
color : #277CFA ;

}


/*  SIDE >> RIGHT SIDEBAR >> WIDGET RIGHT SIDEBAR
********************************************************************/

#left-sidebar .widget_style  {}

#left-sidebar .widget_style h2 {
font-size : 1.2em ; 
color : #fff;
padding : 20px 0 0 30px;
margin : 0;
text-transform : uppercase ;   
}
 
 
#left-sidebar .widget_style ul {}


#left-sidebar .widget_style  li {}

#left-sidebar .widget_style li a  {}

#left-sidebar .widget_style li a:hover  {}



/*  LEFT SIDEBAR >> WIDGET LEFT SIDEBAR >> CALANDRIER
********************************************************************/
 
 
  #left-sidebar #calendar h2 {
margin : 0;
padding : 0;
height : 0; 
 }
 
 #left-sidebar #calendar_wrap {
text-align : left ; 
padding : 20px 0 0 0;
color : #fff;
width : 160px;
margin : 0 0 20px 30px ;  
 }
 
   #left-sidebar #calendar_wrap td  {
padding : 2px 
 }
 
  #left-sidebar #calendar_wrap td a {
color : #A3106C ;
text-decoration : none ;  
 }
 
   #left-sidebar #calendar_wrap td a:hover {
color : #fff ; 
background : #A3106C
 }
 
 #left-sidebar #calendar_wrap caption {
color : #A3106C ; 
text-align : left ; 
 }
 
 










   
/*  FOOTER
*******************************************************************/ 
   
#footer { 
position : absolute ; 
bottom : 0; 
left : 207px ; 
width : 538px; 
height :20px;
line-height : 20px; 
font-size : 90%;
background : #ccc ;
text-align : left ; 
color : #000; 
text-align : center; 
}


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




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

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



/*  FORMULAIRE COMMENTAIRES
*******************************************************************/ 

form#commentform {margin : 10px 25px 10px 20px ; }


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

.commentlist ol  { 
margin :  0 ; 
padding : 0; 
}

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


.commentlist .alt {background : #eee ; }