/*   
Theme Name:Piano Black
Theme URI:
Description:This theme supports widget, threaded-comments, theme-options,and translation is ready. Also including page-navigation and multi level dropdown menu.You can see live demo including more information here http://www.mono-lab.net/demo3/
Author:mono-lab
Author URI:http://www.mono-lab.net
Version:2.3
Tags: black, two-columns, fixed-width, theme-options, threaded-comments, translation-ready
*/

/*  ------ basic ------------------- */

body { margin:0; padding:0; background:url(img/fond-eva.jpg);
       font-family: 'Tinos', arial, serif; 
       font-size:1.1em; color:#1B1464; text-align:center; }
a img { border:none; }
a, a:visited { color:#006E84; text-decoration:none; outline:none; }
a:hover {  color:#000; 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 { margin-left:auto; margin-right:auto; }
.centered { margin-left:auto; margin-right:auto; }
.clear { clear:both; }
h4  { text-transform: uppercase; font-size:0.9em; text-decoration: underline ; line-height: normal; }


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

#wrapper { /* background:url(img/back2.png) no-repeat center top; */ }
#contents { width:992px; margin:0 auto; text-align:left; }
#header { background:url(img/header.png) no-repeat; height:151px; width:776px; position:absolute; position:fixed; margin:0 0 0 254px;}
#middle-contents { /*background:url(img/side.png) repeat-y;  padding-bottom:50px; */ padding-top:130px; }

/*  ------ sidebar - generale ------------------------ */
#left-col { float:left; display:inline; width:216px; margin:0 0 0 5px; position:absolute; top:140px; }

/*  ------ content - generale ------------------------ */
#right-col { background:#D8D7D9; float:right; display:inline; width:688px; margin:0 5px 0 0; }

#footer { text-align:right; padding:0 5px 5px 5px; height:65px; clear:left;/*background:url(img/bottom.png) no-repeat top; height:65px; margin-bottom:50px; */}


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

/* blog title */
#logo { float:right; display:inline; margin:40px 30px 0 0; }
#logo a { text-decoration:none; }
#logo a:hover { background:#F7D60B;  }

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


/*  ------ CONTENT ------------- */

.post { margin:0px 0 5px 0px; }

.post h2 { background:url(img/bar-titre.jpg) no-repeat top left;;margin:0 0 4px 0; height:36px; padding:0 0 0 10px; margin:10px 0 0 0 ;}
.post h2, .post h2 a, .post h2 a:visited { color:#fff; font-size:20px; line-height:140%; font-weight:bold; text-transform: uppercase; }
.post h2 a:hover { text-decoration:none; color:#FFDD0B; }
.post-info { margin:0; padding:0 0 0 15px; }
.post-info li { display:inline; font-size:11px; color:#1B1464; margin:0 10px 0 0; }
.write-comment { background:url(img/arrow1.gif) no-repeat left center; padding:0 0 0 11px; }
.post-info a, .post-info a:visited { color:#1B1464; }
.post-info a:hover { color:#83bac4; }

.post-content { clear:both; padding:25px 0 40px 25px; }
.post-content p { font-size:0.9em; margin:0 25px 0 0; line-height:140%; text-align:justify; }
.post-content a,.post-content a:visited { text-decoration:underline; }
.post-content a.more, .post-content a.more:visited 
  { display:block; clear:both; margin:15px 0 5px 0; height:23px; padding:6px 0 0 0px; background:url(img/arrow3.gif) no-repeat left top; text-decoration:none; }
.post-content a.more:hover { background:url(img/arrow3.gif) no-repeat left bottom; text-decoration:none; }

.post img.centered,div.centered { display:block; margin:0 auto; }
.post img.aligncenter,div.aligncenter { 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 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 input { margin:5px 0; }

.post-meta { background:url(img/meta-top.gif) no-repeat right top; padding:13px 0 0 0; width:585px; clear:both; }
.post-meta ul { background:url(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(img/category-icon.gif) no-repeat 2px 2px; padding:0 0 1px 20px; }
.post-tag { float:left; width:345px; background:url(img/tag-icon.gif) no-repeat 2px 2px; padding:0 0 1px 29px; }
.post-comment { float:right; width:100px; background:url(img/write-comment.gif) no-repeat left top; padding:0 10px 2px 22px; margin-top: -8px; }

#previous_next_post { padding:15px 0 0 30px; margin:0 0 20px 0; }
#previous_next_post #previous_post a { float:left; display:block; width:231px; padding:8px 0 10px 40px; background:url(img/preview_post.gif) no-repeat left top; }
#previous_next_post #next_post a { float:right; display:block; text-align:right; width:231px; padding:8px 40px 10px 0; background:url(img/next_post.gif) no-repeat right top; }
#previous_next_post p { line-height:140%; margin:0; }

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

p.post-edit { margin:0; }


/*  ------ Article random ouh yeah! ------------- */

#random { width:638px; border-top:#F7D60B solid 2px; border-bottom:#F7D60B solid 2px; display:block; padding:5px;}
#random img{ margin: 0 10px 0 0;}
#random ul li{ list-style-type: none; margin: 0;}
#random li{ list-style-type: none; margin: 0;}

/*  ------ SIDEBAR ------------- */
#side-top img  {margin:0 auto; padding:0;}
#side-top ul { margin:0 auto; padding:0; }
#side-top li {
	width:166px;
	color:#000;
	background:#D8D7DA;
	margin:0 auto;
	font-size: 0.91em;
	padding:5px 0;
	text-transform: uppercase;
	display: block;
}
#side-top li a {
	color:#000;
	padding: 0 0 0 5px;

}
#side-top li a:hover, #side-top li:hover {
	color:#fff;
	background:#177590;

}
#sidetxt a{
	font-size: 0.75em;
	line-height:90%;
	color:#000;
	padding:0;
	
}
#sidetxt a:hover{
	font-size: 0.9em;
	color:#000;
}

#copyrights {
	font-size: 0.8em;
	color:#000;
	text-align: center;
}
#sidederoule .noback{
	background:none;
}


/* Bouton side right - back to the top*/
#return_top a { position:absolute; position:fixed; right:0; bottom:15px;
                display:block; height:118px; width:54px; background:url(img/up-up-up.png) no-repeat left top; }
#return_top a:hover { background:url(img/up-up-up2.png) no-repeat left top; text-decoration:none; }


/*  ------ archive ------------- */
.archive, .search-page { margin:25px 0 25px 30px; border-left:3px solid #555; padding-left:10px;  }
.archive h2, .search-page h2 { font-size:14px; color:#fff; margin:0 0 3px 0; display:block; line-height:120%; font-weight:normal; padding:0; }
.archive p, .search-page p { font-size:12px; }
.read-more { padding:0 0 0 0; }

/* ------ page navi -------------- */
.page-navi, .next-previous-navi { margin:50px 0 25px 30px; }
#comment-pager { margin:20px 0 0 0; }
.page-navi li { line-height:0%; display:block; float:left; }
.page-navi a, .page-navi a:visited, .page-navi a:hover,
.page-navi span.pages, .page-navi span.extend, .page-navi span.current, .page-navi span.dots
 { font-size:11px; line-height:100%; margin:0 -1px 25px 0; padding:2px 14px; display:block; float:left; border-right:1px solid #555; border-left:1px solid #555; }

.page-navi span.current { color:#81c8d5; background:url(img/arrow8.gif) no-repeat center bottom; padding-bottom:10px; border:none; }
.page-navi a.prev, .page-navi a:hover.prev, .page-navi a:visited.prev { border-left:none; }
.page-navi a.next, .page-navi a:hover.next, .page-navi a:visited.next { border-right:none; }

#previous-page a, #previous-page a:visited { float:left; display:inline; margin:5px 0 10px 5px; height:22px; padding:7px 0 0 40px; background:url(img/arrow2.gif) no-repeat left top; }
#previous-page a:hover { background:url(img/arrow2.gif) no-repeat left bottom; text-decoration:none; }
#next-page a, #next-page a:visited { float:right; display:inline; margin:5px 0 10px 0; height:22px; padding:7px 40px 0 0; background:url(img/arrow3.gif) no-repeat right top; }
#next-page a:hover { background:url(img/arrow3.gif) no-repeat right bottom; text-decoration:none; }


/* ---------- 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 */
.post a img { border:1px solid #fff; padding:5px; margin:5px;  background:#fff; }
.post a:hover img { border:1px solid #FFE613; background:#FFE613; }
.post img.wp-smiley { border:0px; padding:0px; margin:0px; background:none; }

/* ---------------------
Capcha
--------------------- */
.capcha-word {
	padding:3px 8px 3px 8px; margin:5px !important; background:#333; border:1px solid #e3e3e3; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; color:#333; font-size:1.1em; font-style:italic; font-weight:bold; letter-spacing:2px;
}
.capcha-letter {
	font-weight : bold;
	color : #1D96EF !important;
}