/* ************************************************ */
/* ********************** Menu *********************** */
/* ************************************************ */

body {
	background: #000000;
}

#menuo {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	border-color: #000000;
	border-style: solid;
	border-width: 0pt 1px;
	display: block;
	background: #000000 repeat-x scroll 0pt 0%;
}
#menuo ul {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	height:70px;
	list-style-type:none;
	margin:0 auto;
	padding:1 0px;
	text-align:center;
	width:800px;
}
#menuo li {
	background-repeat:no-repeat;
	float:left;
}
#menuo li a {
	float:left;
	font-size:0;
	text-indent:-9999em;
	height:61px;
}
#menuo li.images a {
	background-image:url(/menu.gif);
	background-position: -50px 0;
	width:125px;
}
#menuo li.images a:hover {
	background-image:url(/menu.gif);
	background-position: -50px -61px;
}
#menuo li.actualites a {
	background-image:url(/menu.gif);
	background-position:-210px 0;
	width:180px;
}
#menuo li.actualites a:hover {
	background-image:url(/menu.gif);
	background-position:-210px -61px;
}
#menuo li.auteur a {
	background-image:url(/menu.gif);
	background-position:-420px 0;
	width:180px;
}
#menuo li.auteur a:hover {
	background-image:url(/menu.gif);
	background-position:-420px -61px;
}
#menuo li.contact a {
	background-image:url(/menu.gif);
	background-position:-620px 0;
	width:175px;
}
#menuo li.contact a:hover {
	background-image:url(/menu.gif);
	background-position:-620px -61px;
}
#menuo li.liens a {
	background-image:url(/menu.gif);
	background-position:-820px 0;
	width:140px;
}
#menuo li.liens a:hover {
	background-image:url(/menu.gif);
	background-position:-820px -61px;
}



body { margin:0; padding:0; background:url(http://blog.olivieresnault.com/wp-content/themes/piano-black/img/back1.gif);
       font-family: Arial, Helvetica, sans-serif; 
       font-size:12px; color:#b8babb; text-align:center; }
a img { border:none; }
a, a:visited { color:#7f8e91; text-decoration:none; outline:none; }
a:hover { color:#81c8d5; text-decoration:underline; }
p { margin:0 0 1em 0; padding:0; line-height:160%; }
ul { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
ul li { margin:0; padding:0; line-height:normal; }
ol { margin:0 0 1em 19px; padding:0; }
* html ol { margin:0 0 1em 23px; padding:0; }
ol li { padding:0 0 5px 0; }
form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; border:0; width:100%; }
blockquote { margin:0 0 1em 0; padding:15px 20px 0 20px; border:1px solid #333; background:#222; }
blockquote a, blockquote a:visited { text-decoration:underline; }
pre { border:1px solid #333; background:#222; padding:10px 20px; margin:0 0 1em 0; overflow:auto; }
object { display:block; margin:0 auto; }
.wp-caption-text { text-align:center; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.centered { display: block; margin-left:auto; margin-right:auto; }
.clear { clear:both; }


/*  ------ layout ------------------------ */

#wrapper { background:url(http://blog.olivieresnault.com/wp-content/themes/piano-black/img/back2.png) no-repeat center top; }
#contents { width:959px; margin:0 auto; text-align:left; }
#header { background:url(http://blog.olivieresnault.com/wp-content/themes/piano-black/img/top.png) no-repeat bottom; height:160px; }
#middle-contents { background:url(http://blog.olivieresnault.com/wp-content/themes/piano-black/img/side.png) repeat-y; padding-bottom:50px; }
#left-col { float:left; display:inline; width:584px; margin:0 0 0 5px; }
#right-col { float:right; display:inline; width:330px; margin:70px 5px 0 0; }
#footer { background:url(http://blog.olivieresnault.com/wp-content/themes/piano-black/img/bottom.png) no-repeat top; height:114px; margin-bottom:50px; }


/*  ------ page widthout side ------------------------ */
#no-side { background:url(http://blog.olivieresnault.com/wp-content/themes/piano-black/img/side-noside.png) repeat-y; padding:60px 0; }
#no-side .post { margin:0 35px 20px 35px; }
#footer-noside { background:url(http://blog.olivieresnault.com/wp-content/themes/piano-black/img/bottom-noside.png) no-repeat top; height:114px; margin-bottom:50px; }




/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/*  ------ header ---------------------- */


/* Change the number of margin if you are using original logo image */
#logo_image { margin:69px 0 0 30px; float:left; display:inline; }
#logo_image h1 { margin:0; padding:0; }

/* blog title */
#logo { float:left; display:inline; margin:64px 0 0 40px; }
#logo a, #logo a:visited { color:#ccc; font-size:22px; }
#logo a:hover { text-decoration:none; color:#83bac4; }

#logo h1 { font-weight:normal; line-height:100%; margin:0; padding:6px 0; color:#666; font-size:11px; }

#rss-feed { font-size:11px; float:right; margin:62px 10px 0 0; display:inline; color:#777; background:url(http://blog.olivieresnault.com/wp-content/themes/piano-black/img/rss.gif) no-repeat left top; height:25px; width:80px; padding:18px 0 0 60px; }
#rss-feed:hover { background:url(http://blog.olivieresnault.com/wp-content/themes/piano-black/img/rss.gif) no-repeat left bottom; color:#83bac4; text-decoration:none; }

#search-area { float:right; display:inline; width:183px; height:29px; margin:70px 47px 0 0; background:url(http://blog.olivieresnault.com/wp-content/themes/piano-black/img/search-area.gif) no-repeat; }
#search-input { float:left; margin:8px 0 0 24px; border:0px; height:17px; display:inline; width:125px; font-size:12px; color:#7e7e7e; background:transparent; }
#search-button { float:right; }


/*  ------ left-col ------------- */

h2 {font-weight:normal; }
.post { margin:60px 0 5px 35px; }

.post h2 { margin:0 0 4px 0; padding:0; line-height:100%; }
.post h2 a, .post h2 a:visited, #single h2 { color:#ccc; font-size:16px; line-height:120%; font-weight:normal; }
.post h2 a:hover { text-decoration:none; color:#83bac4; }
.post-info { margin:0; }
.post-info li { display:inline; font-size:11px; color:#797f80; margin:0 10px 0 0; }
.write-comment { background:url(http://blog.olivieresnault.com/wp-content/themes/piano-black/img/arrow1.gif) no-repeat left center; padding:0 0 0 11px; }
.post-info a, .post-info a:visited { color:#777; }
.post-info a:hover { color:#83bac4; }

.post-content { clear:both; padding:15px 0 40px 0; line-height:160%; }
.post-content p { margin:0 0 1em 0; line-height:160%; }
.post-content a,.post-content a:visited { text-decoration:underline; }
.post-content a.more-link, .post-content a.more-link:visited 
  { display:block; clear:both; margin:15px 0 5px 0; height:23px; padding:6px 0 0 35px; background:url(http://blog.olivieresnault.com/wp-content/themes/piano-black/img/arrow3.gif) no-repeat left top; text-decoration:none; }
.post-content a.more-link:hover { background:url(http://blog.olivieresnault.com/wp-content/themes/piano-black/img/arrow3.gif) no-repeat left bottom; text-decoration:none; }

.post img, .post a img { border:1px solid #222; padding:5px; margin:0;  background:#555; }
.post a:hover img { border:1px solid #849ca0; background:#59847d; }
.post img.centered,div.centered { display:block; margin:0 auto; }
.post img.alignright, div.alignright { margin:4px 0 10px 10px; display:inline; }
.post img.alignleft, div.alignleft { margin:4px 10px 10px 0; display:inline; }
.post img.wp-smiley { border:0px; padding:0px; margin:0px; background:none; }

.post table { margin:0 0 1em 0; }
.post td, .post th { border:1px solid #333; padding:15px; }
.post th { background-color:#000; font-weight:normal; }
.post-content ul li { margin:0 0 0 0; line-height:160%; background:url(http://blog.olivieresnault.com/wp-content/themes/piano-black/img/bullet1.gif) no-repeat left 9px; padding:0 0 0 12px; }
.post-content input { margin:5px 0; }

.post-meta { background:url(http://blog.olivieresnault.com/wp-content/themes/piano-black/img/meta-top.gif) no-repeat right top; padding:13px 0 0 0; width:585px; }
.post-meta ul { background:url(http://blog.olivieresnault.com/wp-content/themes/piano-black/img/meta-bottom.gif) no-repeat right bottom; padding:0 10px 10px 30px; line-height:0%; }
.post-meta li { display:inline; font-size:11px; line-height:140%; }
.post-category { float:left; width:345px; background:url(http://blog.olivieresnault.com/wp-content/themes/piano-black/img/category-icon.gif) no-repeat 2px 2px; padding:0 0 1px 20px; }
.post-tag { float:left; width:345px; background:url(http://blog.olivieresnault.com/wp-content/themes/piano-black/img/tag-icon.gif) no-repeat 2px 2px; padding:0 0 1px 29px; }
.post-comment { float:right; width:80px; background:url(http://blog.olivieresnault.com/wp-content/themes/piano-black/img/write-comment.gif) no-repeat left top; padding:0 10px 2px 22px; }

#back-top { padding:10px 5px 0 15px; font-size:11px; background:url(http://blog.olivieresnault.com/wp-content/themes/piano-black/img/arrow5.gif) no-repeat left 16px; float:right; color:#777; }
#back-top:hover { text-decoration:none; color:#83bac4; }