/* Theme Name: BnF
Theme URI: http://imarginal.com/
Description: Theme du blog des Lecteurs de la BnF
Version: 1.0
Author: Sacha Quester-Séméon
Author URI: http://imarginal.com/
BNF v1.0
The CSS, XHTML and design is under copyright.
*/
html {margin:0;
/*\*/
height: 100%;
/*/  /**/
}
body {height:100%;width:100%;margin:0;padding:0;min-height:100%;background-color:#e6e6e6;font:12px Arial, Verdana, Helvetica, sans-serif}
div, span, img, p {margin:0;padding:0}
img {border:none}
hr {
clear:left;
border:0;
height:1px;
color:#FFFFFF;
background-color:#FFFFFF}
a {color:#333; text-decoration:none}
a:hover {color:#333;}
blockquote {color:#666; margin:1em; padding:0 0 10px 50px; background: url(images/blockquote.gif) no-repeat left top}
#sidebar ul, #sidebar ol, #sidebar li, div.commentaires ol, div.commentaires li, div.commentaires ul {list-style:none;padding:0;margin:0}
div#wrapper {
padding:0;
margin:0 auto;
width:980px;
min-height:100%;
background:transparent url(images/left-bkg.jpg) no-repeat top left;
}
div.toplinks {
position:absolute;
text-align:right;
width:920px;
font-size:10px;
height:10px;
}
div.toplinks a {color:#fff}
div.toplinks a:hover {text-decoration:underline}
div#content {
clear:both;
width:755px;
position:relative;
left:185px;
}
div.date {
position:relative;
float:left;
text-align:right;
left:-70px;
width:60px;
color:#666;
}
div.date div {
position:absolute;
left:-23px;
width:60px;
}
div.toptitle h3 {
background-color:#e6e6e6;
display:block;
padding-bottom:3px;
}
.post h2 a {color:#780000;}
.post h2 {
margin:0;
font-size:24px;
font-weight:normal;
margin-bottom:34px;
}
.post h4 {margin-bottom:14px;}
.date .jour {
font-size:30px;
display:block;
margin:-2px 0 2px 0;
}
.date .mois, .date .annee {
font-size:9px;
text-transform:uppercase;
}
div.post {
margin:0; 
width:547px;
float:left;
background:#e6e6e6 url(images/post-bkg-middle.jpg) repeat-y top left;
}
div.post div.texte, .post .postmeta, .post div.commentaires {
margin:0 0 0 0; 
padding:5px 20px 20px 23px;
background:transparent url(images/post-bkg-top.jpg) no-repeat top left;
}
div.post div.texte {padding-bottom:0px;}
div.post p {
margin-bottom:15px;
line-height:22px;
color:#383838;
font-size:13px;
}
div.post p a {
padding:2px 0 2px 0;
background-color:#d9e9ac;
color:#62742b;
font-weight:bold;
}
.post a.more-link {
display:block;
padding-top:10px;
background-color:transparent;
}
.clear, .navigation div.clear {
clear:both;
height:1px;
overflow:hidden;
}
.prop, .texte .prop, #sidebar .prop {
height:325px;
float:right;
width:1px;
}
#sidebar .prop {height:80px;}
.post a.imglink {background-color:transparent;}
.post img.imgright {
margin:7px 0 5px 5px;
float:right;
border:#ccc solid 1px;
}
.post img.imgleft {
margin:7px 5px 5px 0;													
float:left;
border:#ccc solid 1px;
}
.post div.wp-caption {
padding:7px 0px 0px 8px;
margin:7px 0 5px 5px;
border:#ccc solid 1px;
background-color:#FFF;
float:right;
}
.post div.alignright {float:right}
.post div.alignright a {display:block; padding:7px;margin:0;border:#ccc solid 1px;background-color:#FFF;float:right; font-size:20px}
.post div.alignleft {float:left}
.post div.alignleft a {display:block; float:left; padding:7px; margin:0; border:#ccc solid 1px;background-color:#FFF; font-size:20px}
div p.wp-caption-text {
font-size:9px;
line-height:normal;
margin:0 4px 4px 0 ;
}
.post div.auteur {
padding:12px 20px 0 15px;
margin:0;
width:475px;
background:transparent url(images/auteur-bkg.jpg) no-repeat 0 top;
}
.post h4.auteurtitre {
font-weight:normal;
color:#666;
font-size:13px;
margin:0;
padding:0;
}
.post h4.auteurtitre span.ecritpar {
width:103px;
display:block;
float:left;
text-align:right;
}
.post h4.auteurtitre span.nomauteur {
font-weight:bold;
display:block;
}
.post h4.auteurtitre span.nomauteur a {color:#336699;}
.post .auteur div.gravatar {
margin-top:3px;
float:left;
width:87px;
}
.post .auteur div.auteurdesc {
margin:0;
padding:0;
width:385px;
float:right;
}
.post .auteur div.auteurdesc p {
line-height:14px;
font-size:11px;
}
.post .postmeta {
padding-bottom:40px;
width:498px;
background:transparent url(images/post-bkg-bottom.jpg) no-repeat 0 bottom;
}
.post .postmeta p {margin-bottom:5px;}
.post .postmeta p.postmetap {margin:0;}
.post .postmeta p.postmetap span.metaspan {line-height:32px;}
.post .postmeta p span.metaspan {
font-size:11px;
padding:5px;
margin-bottom:10px;
background-color:#e0eaf8;
border:#cfe5f7 solid 1px;
color:#5b5b5b;
margin:0;
}
.post .postmeta p span.commlink {
padding-left:20px;
background:transparent url(images/16-file-page.gif) no-repeat left top;
}
.post .postmeta p a.permalink {
padding-left:20px;
background:transparent url(images/16-clock.gif) no-repeat left top;
}
.post .postmeta p span.author {
padding-left:20px;
background:transparent url(images/16-member.gif) no-repeat left top;
}
.post .postmeta p span.tags {
padding-left:20px;
background:transparent url(images/16-tag-hot.gif) no-repeat left ;
}
.post .postmeta	 p span a {
color:#5b5b5b;
font-weight:bold;
background-color:transparent;
}
div.navigation {
background-color:#e6e6e6;
font-size:20px;
padding:0px 22px 20px 23px}
div.navigation div.alignleft, div.navigation div.alignright {width:45%}
div.navigation div.alignleft {float:left}
div.navigation div.alignright {float:right; text-align:right}
div#sidebar {
float:right;
width:195px;
color:#393939;
}
#sidebar div.menu {
margin:0 0 0.8em 0;
padding-top:3px;
background:transparent url(images/sidebar-bkg-title.jpg) no-repeat left top;
}
#sidebar div.menubkg {background:transparent url(images/sidebar-bkg-middle.jpg) no-repeat left top;}
#sidebar div.menu ul {padding:1em 0 0 1.5em;}
#sidebar div.menu ul li {margin-bottom:0.3em;}
#sidebar div.menu ul ul {padding:0.2em 0 0 1em;}
#sidebar h3, .toptitle h3 {
margin:0;
padding:10px 0 0 18px;
font-size:18px;
color:#5e5e5e;
font-weight:normal;
}
span.copyright {font-size:9px;}
p.affiche {padding-bottom:10px;}
span.savoirplus {
margin-top:10px;
display:block;
padding:5px;
background-color:#d4e3a6;
border:#d1dabf solid 1px;
color:#5b5b5b;
width:140px;
}
span.savoirplus a {
color:#62742b;
font-weight:bold;
font-size:14px;
padding-left:29px;
background:transparent url(images/24-arrow-next.gif) no-repeat left;
}
.post div.commentaires {
float:none;
background:#e6e6e6 url(images/comment-bkg-title.jpg) no-repeat top left;
padding-bottom:60px;
}
h3#comments, h3#commentes {
color:#3d77a4;
font-size:18px;
font-weight:normal;
margin-bottom:30px;
}
h4.commentauthorlink {
margin:5px 0 2px 0;
padding:0;
color:#333;
font-size:15px;
}
h4.commentauthorlink a {color:#3d77a4;}
ol.commentlist, ol.commentlist li {
margin:0 0 0 0;
padding:0;
clear:both;
}
.commentlist div.gravatar {
width:120px;
text-align:right;
float:left;
margin-bottom:50px;
}
.commentlist div.textcomment {
padding:18px;
width:340px;
text-align:left;
float:right;
margin:-9px;
background:#e6e6e6 url(images/comment-bkg-text.jpg) no-repeat top left;
}
div.textcomment p {
font-size:11px;
line-height:18px;
}
.commentlist div.textcomment p a {
background-color:transparent;
color:#3d77a4;
font-weight:normal;
}
.commentlist div.textcomment div.prop {height:141px;}
li.author.user div.textcomment {background:#e6e6e6 url(images/comment-bkg-text-author.jpg) no-repeat top left;}
li.user div.textcomment {background:#e6e6e6 url(images/comment-bkg-text-user.jpg) no-repeat top left;}
div#footer {
font-size:10px;
margin:0 0 0 190px;
padding-bottom:15px;
width:535px;
clear:both;
}
div#footer a:hover {text-decoration:underline}
#bnflogo {float:left;}
.bandeau {float:right;margin-bottom:1em;}
.bandeau div {display:none;}
.retrolien {
background-color:#e6e6e6;
color:#666;
padding:5px 20px 20px 23px;
}
#sidebar .menu.wp_widget_mylinkorder, #sidebar #text-577564201.menu.widget_text {background-image: url(images/sidebar-bkg-title-yellow.jpg);}
#sidebar .menu.wp_widget_mylinkorder div.menubkg, #text-577564201 div.menubkg {background-image: url(images/sidebar-bkg-middle-yellow.jpg);}
#sidebar div#pages.menu, #sidebar #text-532978521.menu.widget_text {background-image: url(images/sidebar-bkg-title-red.jpg);}
#sidebar #pages div.menubkg, #text-532978521 div.menubkg {background-image: url(images/sidebar-bkg-middle-red.jpg);}
#sidebar div.menu.widget_categories {background-image: url(images/sidebar-bkg-title-green.jpg);}
#sidebar div.menu.widget_categories div.menubkg {background-image: url(images/sidebar-bkg-middle-green.jpg);}
#sidebar #recent-posts.menu {background-image: url(images/sidebar-bkg-title-blue.jpg);}
#sidebar #recent-posts.menu.widget_recent_entries div.menubkg {background-image: url(images/sidebar-bkg-middle-blue.jpg);}
#sidebar div#text-288329841 .prop {height:50px;}
#sidebar div#text-288329841 .menubkg {background-position: bottom left;}
#sidebar #tag_cloud.menu, #sidebar #archives.menu.widget_archive {background-image: url(images/sidebar-bkg-title-lavander.jpg);}
#tag_cloud div.menubkg, #archives div.menubkg {background-image: url(images/sidebar-bkg-middle-lavander.jpg);}
#tag_cloud div.menubkg {padding:15px 0 0 18px;}
#tag_cloud .menubkg a {color:#289;}
#tag_cloud .menubkg a:hover {
text-decoration:underline;
color:#333;
}
.flags {
width:20px;
float:right;
margin:0;
padding:0;
position:relative;
top:-90px;
}
.flags2 {top:-120px;}

/* Sociable */

div.sociable ul {list-style:none;}
div.sociable ul li {display: inline; }
div.sociable a img {padding: 5px;}
div.sociable a:hover img {
    background: #eeeeee;  
    border: solid 1px #cccccc;  
    padding: 4px;  
} 
div.sociable {margin: 0 0 10px 0;}
span.sociable_tagline {position: relative;}
span.sociable_tagline span {display: none; width: 14em;}
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {display: block;}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}
#content .post div.aligncenter {float:none}

#archives select {margin:1em}