/*  
Theme Name: Damiani
Theme URI: 
Description: Thème WordPress orienté magazine et inspiré par Michael Oeser (thème BranfordMagazine) et les travaux de Brian Gardner et de Darren Hoyt
Version: 1.0
Author: ACS04.com
Author URI: http://www.acs04.com
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
/******************************************

*   HTML Elements                         

******************************************/


*{margin:0;padding:0;}
body,html{min-height:101%;}
body{background:#3d0b24;color:#333;padding:13px 0 25px 0;}
body, select, input, textarea{font:12px Arial, Verdana, Sans-Serif;line-height:1.5em;}
p{margin:15px 0;}
a:link, a:visited{color:#333;text-decoration:none}
a:hover, a:active{color:#333;text-decoration:underline;}
hr{display:block;height:1px;background:#333;border:0;}
small{font-size:0.9em;padding:3px 6px;}
/****** Images ****************************/
img, a:link img, a:visited img{border:1px solid #999; padding:1px;}
img.left,img.center,img.right,img.norm{margin:5px 12px 5px 0; border:1px solid #999; padding:1px;}
img.left{float:left; margin:0 12px 5px 0; }
img.center{display:block; margin:0 auto 5px auto; }
img.right{float:right; margin:0 0 5px 12px; }
img align left{float:left; margin:0 12px 5px 0; }
/*******************************************   General Structure                         ******************************************/
#page{
/*the main container*/
width:880px;margin:0 auto;font-size:1em;background:#FFF;padding:10px 25px 0px 25px;border:3px double #333;}
#branding{
/*where the logo sits*/
width:880px;height:307px;padding-top:5px;float:left;
/*height:100px;*/
/*padding-bottom:15px;*/
/*background:url(images/backgrounds/bg_branding.png) no-repeat;*/
}
p.branding1{font-size:45px;text-transform:capitalize;color:#993366;letter-spacing:-4px;}
span.branding2{font-variant:small-caps;font-family:"Century Schoolbook";letter-spacing:-4px;}
span.branding3{color:#999999;}
span.branding4{font-family:"Century Schoolbook";letter-spacing:-4px;}
p.branding5{font-family:Arial, Helvetica, sans-serif;font-size:14px;letter-spacing:1px;margin-left:40px;}
.left{float:left;}
.right{float:right;}
#sidebar{
/*you guessed it:it�s the sidebar container*/
width:250px;float:right;}
#leftcol{
/*the left homepage column carrying the "Featured Article" section*/
width:287px;border-right:1px solid #b6b6b6;padding-right:18px;}
#leftcol, #rightcol{margin-top:10px;float:left}
#rightcol{
/*actually the column in the middle of the homepage (if the right column is the sidebar)*/
width:277px;padding-left:18px;margin-top:-2px;text-align:justify;}
/*******************************************   Sidebar                         ******************************************/
.subnav li{
/*.subnav is mainly the categories list*/
list-style:none;}
.subnav li a:link, .subnav li a:visited{background:#fff;display:block;padding:4px 4px 4px 20px;border-bottom:1px solid #999;}
.subnav li a:hover, .subnav li a:active{background:#F4F4EC;text-decoration:none;}
#sidelist li{list-style:none;}
.bullets li{margin:0 0 5px 15px;list-style:square;}
#sidelist .bullets li{list-style:square;margin-bottom:5px;margin-left:22px;}
#sidelist .children{background:#F4F4EC;}
#sidelist .children li{background:#F4F4EC;list-style:none;margin-left:15px;padding-left:15px;border-bottom:1px solid #fff;}
#sidelist .children li a, #sidelist .children li a:visited{padding:2px 2px 2px 0px;border:0;background:#F4F4EC;color:#666;}
#sidelist .children li a:hover, #sidelist .children li a:active{color:#000;}
#sidelist .feed li{margin-bottom:5px;padding-left:20px;background:url(images/rss.gif) no-repeat;}
/*******************************************   Headlines                         ******************************************/
.blogtitle, .blogtitle a{color:#000;font-size:1.8em;font-family:Georgia, "Times New Roman", Times, serif;font-weight:regular;padding:20px 0px 10px 0px;}
h1{color:#993366;font-size:1.8em;font-family:Georgia, "Times New Roman", Times, serif;font-weight:bold;margin:0px 10px 0px 0px;padding:20px 0px 0px 10px;}
h2{color:#993366;font:1.8em Georgia, "Times New Roman", Times, serif;padding-bottom:8px;border-bottom:1px solid #666;margin:20px 0;}
h3{font:0.9em Arial, Helvetica, sans-serif;text-transform:uppercase;letter-spacing:0.3em;margin-bottom:4px;font-weight:bold;color:#993366;}
#sidebar h2, #sidebar h3 a{font:0.9em Arial, Helvetica, sans-serif;letter-spacing:0.3em;text-transform:uppercase;margin-bottom:4px;font-weight:bold;color:#993366;}
#sidebar h3, #sidebar h2{font-size:0.9em;border-top:3px double #999;border-bottom:1px solid #999;padding:5px 0 5px 2px;margin:20px 0 15px 0;color:#993366;}
h3#respond{font-size:1.1em;border-top:1px solid #666;margin-top:25px;padding-top:20px}
h3#comments{margin-top:32px}
h3 a:link, h3 a:visited{color:#666;;}
h4{font-size:1.2em;margin-bottom:6px;}
/*******************************************   Content                        ******************************************/
#content{width:605px;float:left}
.description{font-size:1.3em;font-weight:bold; color:#999;}
/* Featured Articles formatting "leftcol" */
.feature{background:url(images/backgrounds/bg_featured.jpg) repeat-x #F4F4EC;padding:15px;border:1px solid #ccc;}
.feature p, #rightcol p{margin:0;}
#leftcol img, #rightcol img{padding:1px;border:1px solid #999;}
#leftcol .feature{margin-bottom:15px; }
/* Formating of the Leadstory stuff in the tabbed section */
#leadpic{float:left;margin:0 18px 8px 0;padding:1px;border:1px solid #999;}
.title, a.title{font-family:Georgia, "Times New Roman", Times, serif;font-size:1.1em;font-weight:bold;color:#993366;letter-spacing:normal;}
#lead p{margin-bottom:10px;}
/* Formating of "rightcol" which is the column in the homepage middle;-) */
#rightcol img{float:left;margin:3px 10px 4px 0;}
#leftcol img{margin-bottom:4px;display:block}
#rightcol .clearfloat{border-bottom:1px solid #999;padding:12px 0;}
/* Post Formatting */
.entry{padding-bottom:28px;text-align:justify;}
.post blockquote{color:#666;background:#F4F4EC;padding:6px 14px;margin:18px 35px;border-right:1px solid #DDD;border-bottom:1px solid #DDD;}
.post ul li{list-style:square;margin-bottom:5px;margin-left:42px;}
.post ol li{margin-bottom:5px;margin-left:48px;}
#tags{padding:3px;border-bottom:1px solid #DDD;border-top:1px solid #DDD;}
.postmetadata{font-size:0.9em;margin:0 0 10px 0;padding:5px 10px;background:#F4F4EC;border-top:1px solid #E6E3D3;border-bottom:1px solid #E6E3D3;}
/* Form Elements */
select{background:#f2f2f2;border:1px solid #9c9c9c;width:100%}
#searchform{padding:-5px 5px 10px 0; }
.button{padding:1px;background:#333;color:#fff;border:none;}
.button:hover{background:#666;color:#FFF;text-decoration:none}
#commentform input{width:170px;margin:5px 5px 1px 0;}
#commentform textarea{width:100%;margin-top:5px;}
/* Comments*/
.commentlist{padding-left:30px;}
.commentlist li{margin:15px 0 3px;padding:8px 15px 10px 15px;background:#F4F4EC;border:1px solid #E6E3D3;}
.commentlist blockquote{color:#666;background:#fff;padding:6px 14px;margin:18px 35px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
#commentform small{background:#FFF;font-weight:bold;padding:0;}
.commentmetadata{display:block;}
.commentlist small{background:#fff;border:1px solid #E6E3D3;}
/* Float Properties*/
.clearfloat:after{display:block;visibility:hidden;clear:both;height:0;content:".";}
.clearfloat{display:inline-block;}
.clearfloat{display:block;}
/*******************************************   Footer                        ******************************************/
#footer{margin:0 auto;width:900px;font-size:0.9em;text-align:center;padding-top:15px;color:#FFF;}
#footer a{color:#ededed;}