body{
font-size:62.5%;
font-family:Trebuchet MS;
margin:15px 0 25px 0}

hr{
display:none;}

a{
color:#336666;}

#page{
width:80em; max-width:95%; margin:auto;}

#header{
margin:20px -15px 35px -15px;
border-bottom:5px #003333 solid;}
#header a img{
width:45em; border:none;}

#content{
margin-right: 30em;}

#content h1{
font-size:2.7em; color:#003333;
margin:35px 0 5px 0; padding-left:35px;
background-image:url(images/ico_article.gif);
background-repeat:no-repeat; background-position:top left}
#content h1 a{
color:#003333; text-decoration:none;}
#content h1 a:hover{
text-decoration:underline;}

#content p.date{
font-size:1.4em; font-weight:bold; color:#999;
margin:0 0 0 35px;}

#content p.chapeau{
font-size:1.6em;}

.vignette{
float:right;
width:15em;
border:2px #CCC solid;
margin:15px; padding:5px;}
.photo{
display:block; width:45em; 
border:2px #CCC solid;}

#content  blockquote{
margin:0; padding:0;}

#content p{
font-size:1.5em; line-height:150%;}

#content .post h3{
font-size:1.5em; color:#003333; text-transform:uppercase;}

#content .notes{
margin:0 0 25px 5px; padding-left:10px;
border-left:2px #CCC solid;}
#content .notes p, #content .notes li{
font-size:1.4em; margin:0 0 8px 0;}
#content .notes ul{
margin:0; padding-left:20px;}
#content .notes li{
list-style-type:circle;}

#content p.postmetadata{
font-size:1.4em; color:#999; padding:5px;
border-top:1px #999 dotted; border-bottom:1px #999 dotted;}
#content p.postmetadata a{
color:#336666; text-decoration:none;}
#content .postmetadata a:hover{
text-decoration:underline;}

#comments h2, #respond h2{
font-size:1.8em; color:#003333; margin:30px 0 15px 0;}
#comments ol{
margin:0;padding:0;}
#comments li{
list-style-type:none;
margin:0 0 25px 0; padding-left:10px;
border-bottom:1px #CCC dotted; border-left:1px #CCC dotted;}
#comments p, #respond p{
font-size:1.4em; margin:0 0 8px 0;}
p.comment_author{
color:#003333;}
p.comment_author a{
color:#003333; text-decoration:none;}
p.comment_author a:hover{
text-decoration:underline}
p.comment_date{
color: #999;}
p.comment_date a{
color:#336666; text-decoration:none;}
p.comment_date a:hover{
text-decoration:underline;}

#commentform{
padding:15px 15px 0 0; text-align:right;
border-top:1px #CCC dotted; border-right:1px #CCC dotted;}
#author, #email, #url{
width:15em; padding:3px; border:1px #CCC solid;}
#commentform label{
margin-right:1em;}
#comment{
width:35em; border:1px #CCC solid;}

.navigation{
text-align:center;}
.navigation p{
margin:0}
.navigation a{
font-weight:bold; color:#003333; text-decoration:none;}
.navigation a:hover{
text-decoration:underline;}

#sidebar{
float:right;
width:25em; padding-left:20px; border-left:1px #CCC dotted;}

#sidebar>ul{
margin:0; padding:0;}

#sidebar h2{
display:block; margin: 0 0 10px 0;
font-size:1.5em; font-weight:bold; text-transform:uppercase; 
line-height:150%; color:#003333;
border-bottom:1px #999 dotted;}

#sidebar>ul>li>ul, #searchform{
margin:0 0 15px 0; padding:0;}

#sidebar>ul>li{
list-style-type:none;}
#sidebar>ul>li>ul>li{
font-size:1.5em; list-style-type:none;}

#s{
border:1px #CCC solid;}

#sidebar a{
line-height:150%; color:#003333; text-decoration:none;}
#sidebar a:hover{
text-decoration:underline;}

#footer{
clear:both;
margin-right: 25em; text-align:center;}
#footer p{
margin:0;}
#footer a img{
height:2.5em; padding:0 5px 0 5px; border:none;}