/*  
Theme Name:Bouctoubou
*/

/***********************************/
/* Layout                          */
/***********************************/

body {font-family:Verdana, Arial, Helvetica, sans-serif; color:#282828; text-align:center; margin:0; padding:0; background:#FFF;}
a {outline:0}

#header {width:980px; padding:0;}
#contenteneur {width:980px;}
#page {margin:0px auto;	padding:0; width:980px; text-align:left;}
#content {width:474px; margin-left:0px; border:2px solid #e8e8e8; padding:15px 25px 20px 25px; _padding:15px 0px 20px 25px;}
#logo-head {width:200px; float:left; margin:9px 15px 0 25px;}
.narrowcolumn {float:left; padding:0; margin:0;}
.post {margin:0; padding:0 0 20px 0; width:473px;}

/***********************************/
/* Divers                          */
/***********************************/

.clear {clear:both;}
.php {width:470px; overflow:auto; padding-bottom:15px;}
.post hr {display:block;}
.deezer {margin:15px auto 20px auto; text-align:center; width:475px; height:25px; background:transparent url(img/fond_deezer.jpg) no-repeat center center;}
.video {padding:10px 5px 10px 5px; text-align:center; border:1px solid #CCCCCC; width:465px; margin:10px auto 10px auto;}
p.video {padding:10px 5px 10px 5px; text-align:center; border:1px solid #CCCCCC; width:440px; margin:10px auto 10px auto;}
hr {display:none;}
sup {vertical-align:super; font-size:10px; line-height:5px;} 

/***********************************/
/* RSS                             */
/***********************************/

.rss-side {margin:20px 0 0 0; }
.rss-side a {text-transform:uppercase; margin:10px 0 0 0; padding:0 10px 0 0; font-weight:bold; color:#282828; text-decoration:none; border-right:2px solid #C00; display:block;}
.rss-side a:hover {color:#C00; border-right:2px solid #e8e8e8;}
.rss-billet {border-top:1px solid #E8E8E8; padding:10px 0 0 0;}
.rss-billet a {color:#C00; text-decoration:none; border-bottom:1px dotted #f90; margin:0 5px 0 0;}
.rss-billet a:hover {color:#e05d26; text-decoration:none; border-bottom:0;}
p.rss-billet {font-size:11px; text-align:center; font-weight:bold; margin:15px 0 0 0; color:#282828;}
#flux-rss {background:url(img/rss_side.jpg); height:65px;}
#flux-rss ul {margin-left:100px; font-size:10px;}
#flux-rss li {font-size:10px; color:#FFFFFF; margin:0; padding:5px 0 0 0; font-weight:bold; text-transform:uppercase; text-decoration:underline;}
#feedburner {padding:12px 0 0 130px;}

/***********************************/
/* Navigation                      */
/***********************************/

#menu-header {background:#282828;  border-bottom:4px solid #CCC; padding:0; margin:15px 0 20px 0; height:46px;}
#menu-head ul {margin:0px 0 0 0px; padding:0; float:right; height:46px;}
#menu-head li {display:inline; float:left; list-style:none; margin:0 30px 0 0; font-size:10px; line-height:44px; padding:0px 0 0 0;}
#menu-head li a {color:#999; text-decoration:none; text-transform:uppercase; display:block;}
#menu-head li a:hover, #menu-header li.current_page_item a {color:#FFF; border-bottom:2px solid #C00}

/***********************************/
/* Footer                          */
/***********************************/

#footer {width:980px ;padding:5px 0 0px 0; clear:both; height:54px; margin:30px 0 0 0; border-top:1px solid #E8E8E8;}
#footer p {padding:0; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#999;}
#footer p a:link, #footer p a:visited {color:#282828; text-decoration:underline;}
#footer p a:hover {text-decoration:none;}

/***********************************/
/* Sidebar                         */
/***********************************/

#sidebar-right {width:130px; float:right; text-align:right;}
#sidebar {margin:0px 0 0px 555px; width:220px; border:2px solid #e8e8e8; padding:24px 25px 20px 25px; _padding:24px 0px 20px 25px;}
#sidebar img {border:0}
#sidebar a {color:#666; text-decoration:none;}
#sidebar a:hover {color:#282828;}
#sidebar ul {margin:0; padding:0;}
#sidebar li {list-style:none;}
#sidebar li.last-comments {border-left:1px solid #E8E8E8; padding:3px 4px 3px 10px; border-bottom:1px dashed #E8E8E8; line-height:16px; color:#aeaeae; font-size:10px; margin:0 0 0px 0px;}
#sidebar li.last-comments a {font-weight:bold; text-decoration:underline;}
#sidebar li.last-comments a:hover {color:#C00; text-decoration:none;}

/***********************************/
/* Flickr                          */
/***********************************/

.flickr-gal {margin:20px 0 0 0;}
.flickr-gal img {margin:5px 0 5px 0; border:2px solid #E8E8E8; padding:4px;}
.flickr-gal img:hover {border:2px solid #BFBFBF; border-left:2px solid #C00;}

/***********************************/
/* Popular                         */
/***********************************/

.popular  {margin:5px 0 10px 0;}
.popular li a {font-size:10px; border-left:2px solid #E8E8E8; padding:0 0 0 4px;}

/***********************************/
/* Author                          */
/***********************************/

.side-author {margin:0 0 10px 0;}
.side-author strong {background:url(img/li-hover.gif) no-repeat 0 4px; padding:0 0 0 8px; font-size:12px;}
li.side-author  {font-size:11px; line-height:17px; text-align:left; margin:0;}
#sidebar .side-author-lien a {color:#C00; text-align:right; text-align:right; text-decoration:underline; background:url(img/li.gif) no-repeat 0 3px; padding:0 0 0 8px; font-size:10px; margin:0 0 0 10px;}
#sidebar .side-author-lien a:hover {text-decoration:none;}
#sidebar .side-author-lien {margin:0 0 15px 0; text-align:right;}

/***********************************/
/* Comments                         */
/***********************************/

h3#comments, #respond h3, h3#pings {background:#FBFBFB; padding:5px; margin:20px 0 20px 0; padding-left:5px; border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; font-size:11px; text-align:center;}
#respond h3 a {color:#C00;}
#respond h3 a:hover {text-decoration:none;}

ul.commentlist {margin:0 0 0 0; font-size:11px; padding:0; list-style:none;}
ul.commentlist li {list-style:none;}
ul.commentlist li p {}
.comment-author {padding:0 0 5px 0; margin:10px 0 10px 0; background:transparent url(img/li-hover.gif) no-repeat 0px 3px; padding:0 0 0 10px; *background:transparent url(img/li-hover.gif) no-repeat 0px 7px;}
.comment-author cite, .comment-author a {color:#282828; font-style:normal;}
.comment-author a:hover {color:#C00; text-decoration:none;}

.reply {margin:0 0 0px 0; text-align:right;}
.reply a {color:#282828; margin:0 0 0px 0; font-size:10px;}
.reply a:hover {color:#C00; text-decoration:none;}

.children .comment-text {width:353px;}
ul.children {background:url(img/comment-reply.png) 0px 5px no-repeat; *background:url(img/comment-reply.png) 0px 5px no-repeat; *margin:0; *padding:0 0 0 40px;}

.comment-author-admin .comment-text {border-left:4px solid #C00;}
.comment-text {background:#FBFBFB; border-left:4px solid #D7D7D7; padding:1px 10px 1px 10px; margin:0 0 10px 0; line-height:18px; border-bottom:1px solid #E8E8E8; border-top:1px solid #E8E8E8; float:left; width:393px;}
.comment-text a {color:#C00;}
.comment-text a:hover {text-decoration:none;}

.byuser .comment-text {border-left:4px solid #D7D7D7;}
.bypostauthor .comment-text {border-left:4px solid #C00;}
.bypostauthor .children .comment-text {border-left:4px solid #D7D7D7;}

.comment-pings {background:#FBFBFB; border-left:4px solid #D7D7D7; padding:1px 10px 1px 10px; margin:0 0 10px 0; line-height:18px; border-bottom:1px solid #E8E8E8; border-top:1px solid #E8E8E8; float:left; width:450px;}
.comment-pings a {color:#C00;}
.comment-pings a:hover {text-decoration:none;}

.comment-avatar {float:left; width:32px; padding:6px; border:1px solid #D7D7D7; margin:0 10px 0 0;}
.comment-avatar img {}

.cancel-comment-reply {margin:0 0 15px 0;}
.cancel-comment-reply a {color:#282828;}
.cancel-comment-reply a:hover {text-decoration:none; color:#C00;}

.reply-com {text-align:right; margin:0 0 5px 0;}
.yarr span {font-size:10px; margin:0 0 0 5px; color:#C00;}

/***********************************/
/* Navigation                      */
/***********************************/

.navlinks {padding:5px; margin:0 0 10px 0; text-align:center; color:#282828; font-weight:bold; border-bottom:1px solid #E8E8E8; font-size:10px; line-height:18px;}
.navlinks a, .navlinks a:visited {color:#bebebe; text-decoration:underline;}
.navlinks a:hover {text-decoration:none; color:#C00;}

.navigation .alignleft {float:left;}
.navigation .alignright {float:right;}
.navigation a {color:#C00; font-size:12px;}
.navigation a:hover {text-decoration:none;}

/***********************************/
/* Pagination                      */
/***********************************/

div.pagination {text-align:center; padding:7px; font-size:10px; margin-bottom:15px; margin:20px 0 10px 0;}
div.pagination a {padding:2px 5px 2px 5px; margin:2px; border:1px solid #E8E8E8; text-decoration:none; color:#282828;}
div.pagination a:hover, div.pagination a:active {border:1px solid #E8E8E8; background-color:#C00; color:#fff;}
div.pagination span.current {padding:2px 5px 2px 5px; margin:2px; border:1px solid #E8E8E8; font-weight:bold; background-color:#C00; color:#FFF;}
div.pagination span.disabled {padding:2px 5px 2px 5px; margin:2px; border:1px solid #EEE; color:#DDD;}

.wp-commentnavi {text-align:center; padding:7px; font-size:10px; margin-bottom:15px; margin:20px 0 10px 0;}
.wp-commentnavi a {padding:2px 5px 2px 5px; margin:2px; border:1px solid #E8E8E8; text-decoration:none; color:#282828;}
.wp-commentnavi a:hover, .wp-commentnavi a:active {border:1px solid #E8E8E8; background-color:#C00; color:#fff;}
.wp-commentnavi span.current {padding:2px 5px 2px 5px; margin:2px; border:1px solid #E8E8E8; font-weight:bold; background-color:#C00; color:#FFF;}
.wp-commentnavi span.disabled {padding:2px 5px 2px 5px; margin:2px; border:1px solid #EEE; color:#DDD;}

/***********************************/
/* Forms                           */
/***********************************/

#commentform {margin-left:25px;}
#commentform p {margin:0 0 10px 0; padding:0; font-size:12px;}
#commentform a {color:#C00;}
#commentform a:hover {text-decoration:none;}

label {font-size:12px;margin:0 0 0 0; padding:0;}
input, textarea {font:1em Verdana, Arial, Helvetica, sans-serif; color:#282828; border:1px solid #CDCDCD; font-size:12px;	width:70%; margin:5px 0 0 0;}
textarea {width:90%; height:250px; padding:6px; overflow:auto;}

input#author, #author input {background:transparent url(img/ico_user.gif) no-repeat 2% 50%; padding:6px 0px 6px 25px;}
input#email, #email input {background:transparent url(img/ico_mail.gif) no-repeat 2% 50%; padding:6px 0px 6px 25px;}
input#url, #url input {background:transparent url(img/ico_home.gif) no-repeat 2% 50%; padding:6px 0px 6px 25px;}
input#submit, #submit input {background-color:#282828; color:#FFFFFF; padding:5px; cursor:pointer; width:100px; border:0;}
input#submit, #submit input {-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; border:1px solid #282828;}
input#submit:hover, #submit:hover input {background-color:#C00; color:#FFFFFF; padding:5px; cursor:pointer; width:100px; border:1px solid #C00;}

.subscribe-to-comments label {cursor:pointer;}
.subscribe-to-comments input {border:1px solid #CDCDCD;}
p.subscribe-to-comments {font-size:11px;}

.wpcf7-form p {margin:5px 0 0 0;}
#submit img.ajax-loader {border:0; padding:5px 0 0 5px;}

/***********************************/
/* Sidebar                         */
/***********************************/

h2.widgettitle, 
.categories h2 {color:#282828; font-weight:bold; border-bottom:2px solid #BFBFBF; font-size:12px; line-height:23px; height:23px; margin:0; padding:0 0 3px 0;}
.categories h2 {margin:0px 0 10px 0;}

#pages ul {padding:0 0 4px 0; margin:10px 0 10px 0;}
#pages li {background:transparent url(img/li.gif) no-repeat 15px 8px; padding:0; border-bottom:1px dashed #E8E8E8; line-height:18px; color:#666666; font-size:11px;}

.categories ul {padding:0 0 24px 0; margin:10px 0 0 0;}
.categories li {padding:0; border-bottom:1px dashed #E8E8E8; line-height:24px; color:#aeaeae; font-size:11px; letter-spacing:1px;}
.categories li a {background:transparent url(img/li.gif) no-repeat 0px 10px; padding-left:14px; display:block;}
.categories li a:hover {color:#282828; text-align:right; font-weight:bold; background:#f7f7f7 url(img/li-hover.gif) no-repeat 0px 10px; padding:0 10px 0 0;}

.widget_categories {color:#666666;}
.widget_my_links ul, .linkcat ul {padding:0 0 0px 0; margin:0px 0 0 0;}
.widget_my_links li, .linkcat li {background:transparent url(img/li.gif) no-repeat 15px 8px; color:#666666; font-size:11px; letter-spacing:1px;}
.widget_my_links li a, .linkcat li a {line-height:19px; padding:3px 4px 3px 0px; padding-left:14px;}
.widget_my_links h2, .linkcat h2 {margin:10px 0 7px 0; color:#E894B6; background:none; border:0; font-size:11px; padding:0 0 0 0px;}

#text-1 h2 {margin-top:10px;}
.textwidget {margin:0;padding:0;}

/***********************************/
/* Post                            */
/***********************************/

.entry {padding:0 0px 0 0px; text-align:justify; font-size:12px; line-height:20px;}
.entry img {background-color:#FFFFFF; padding:8px; border:1px solid #CCCCCC;}
.entry a {text-decoration:underline; color:#C00;}
.entry a:hover {color:#C00; text-decoration:none; border-bottom:0;}
.entry ul {padding:4px 0; margin:0;}
.entry ul li, .entry li {padding:1px 0px 1px 14px; background:transparent url(img/li.gif) no-repeat 2px 8px; font-size:12px; list-style:none;}

.post-info {line-height:16px; margin-top:3px; font-style:normal; padding-left:0px; font-size:11px; padding:0 0 10px 0px; border-bottom:1px solid #E8E8E8;}
.post-info a {color:#999; text-decoration:underline;}
.post-info a:hover {color:#333; text-decoration:none;}

blockquote {width:455px; border-left:4px solid #E8E8E8; margin:4px 0 4px 0px; padding:0 15px 0 0; font-size:80%; line-height:17px;}
blockquote p {padding:0 20px 0 10px;}

a.more-link  {background:url(img/li.gif) no-repeat 0px 3px ; font-weight:bold; padding:0 0 0 13px; border-bottom:0; font-size:11px; color:#282828;}
a:hover.more-link {color:#282828;}

.post-date {float:left; display: inline; margin:0 10px 0 0; /*background:url(img/date-button-bg.gif) no-repeat;*/ width:50px; height:60px; display:block; margin:10px 10px 0 0;}
.post-date .month {font-size:14px;text-align:center; background:#282828; color:#FFF; height:25px; line-height:25px; text-transform:uppercase;}
.post-date .day {font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; color:#CC0000; text-align:center; line-height:31px; height:35px; background:#f0f0f0;}

/*.post-titre {border-bottom:1px solid #E8E8E8;}*/

/***********************************/
/* Comments                        */
/***********************************/

.postmetadata {clear:left; padding:5px; margin:20px 0 0px 0; padding:5px 0 7px 0; padding-left:5px; border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; text-align:left;}
.postmetadata a {font-size:11px; color:#999; text-decoration:underline; background:transparent url(img/commentaire.png) no-repeat 0 50%; padding-left:20px;}
.postmetadata a:hover {color:#333; text-decoration:none;}

/***********************************/
/* Footnotes                       */
/***********************************/

ol.footnotes {border-top:1px dashed #E8E8E8; border-bottom:1px dashed #E8E8E8; padding:4px 0px 7px 0px; margin:25px 0 0 4px;}
.footnotes p {font-size:10px; color:#666666; padding:0; margin:0; line-height:16px; margin-top:10px;}
li.footnote {background:none; font-size:10px; color:#666666; line-height:16px; margin:0; padding:0;}
.footnotes li {margin-left:18px;}

/***********************************/
/* Titles                          */
/***********************************/

.post h2 {color:#282828; padding:13px 0px 5px 0px; border-bottom:3px solid #bfbfbf; margin:0; font-size:15px; font-weight:bold; text-transform:uppercase;}
.post h2 a {color:#282828; text-decoration:none;}
.post h2 a:hover {color:#C00;}
h2.pagetitle {color:#282828; margin:9px 0 15px 0; font-size:12px; font-weight:bold; text-align:center; padding:6px; border-bottom:2px solid #BFBFBF;}
h1, h1 a {padding-top:70px; margin:0; text-align:center; color:#FFFFFF;}
h5 {background:#FBFBFB; padding:5px; margin:30px 0 25px 0; border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; font-size:12px; color:#282828; text-align:center;}

/***********************************/
/* Related                         */
/***********************************/	

ul.st-related-posts  {padding:0 0 4px 0px; margin:0px 0 25px 0;}
.st-related-posts li {background:transparent url(img/li-hover.gif) no-repeat 0px 7px; padding:0px 4px 0px 0px; line-height:20px; padding-left:15px; color:#999; font-size:11px; letter-spacing:1px; list-style:none;}
.st-related-posts li a {color:#999; text-decoration:underline;}
.st-related-posts li a:hover {color:#C00; text-decoration:none; border-bottom:0;}
.tags-billet {margin-top:25px; font-size:11px; border-top:1px solid #E8E8E8; padding:10px 0 0 0;}

/***********************************/
/* Search                          */
/***********************************/

#searchform {margin:10px 0 10px 0;}
#searchform input {background-color:#C00; color:#FFFFFF; padding:3px; cursor:pointer; width:70px; font-size:10px; border:0;}
#searchform input {-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; border:1px solid #C00;}
#searchform input:hover {background-color:#282828; color:#FFFFFF; padding:3px; cursor:pointer; border:1px solid #282828;}
input#s {border:1px solid #CDCDCD; background-color:#FFFFFF; cursor:text; margin-left:0px; color:#C00; width:130px; padding:4px;}
input#s {-moz-border-radius:0px; -webkit-border-radius:0px; -khtml-border-radius:0px; border-radius:0px;}
input#s:hover {border:1px solid #CDCDCD; background-color:#FFFFFF; cursor:text; color:#C00; padding:4px;}