/*
Theme Name: Balibulle
Theme URI: http://www.balibulle.com
Description: Balibulle theme for WordPress Blog
Version: 2.0
Author: Matthieu DA CONCEICAO
Author URI: http://www.matdac.fr
Tags: mode

*/

/* *********************************************************************************** */ 
/* *********************************************************************************** RESET */
/* *********************************************************************************** */
* { padding:0; margin:0; border:0; vertical-align:baseline; }
a { text-decoration:none; cursor:pointer; outline:0 none; }
a:hover { /*text-decoration:underline;*/ }
object { outline:0 none; }
ul { list-style:none; }
input { height:auto; }
textarea { overflow:auto; }
select, input, textarea { font-family:Arial, Helvetica, sans-serif; color:#666; }

/* *********************************************************************************** */ 
/* *********************************************************************************** STRUCTURE */
/* *********************************************************************************** */
html { font-size:100%; } /* utile pour gestion des em sous ie6 */
body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.75em/*12px*/; color:#666; background:url(skin/bg-body.gif); }

#main-o { background:url(skin/bg-main-o.gif) no-repeat 0 100%; padding:0 0 4px 0; width:988px; margin:0 auto; }
#main { background:url(skin/bg-main.gif) repeat-y 0 0; padding:0 4px; }

/* header */
#header { padding:214px 0 20px 15px; background:url(skin/bandeau.gif) no-repeat 0 0; overflow:hidden; width:965px; }
#header h1, #header .h1 { display:block; float:left; width:290px; height:0; }
#header ul { height:59px; float:right; overflow:hidden; width:610px; }
#header li { display:inline; float:left; height:59px; }
#header li a { display:block; float:left; height:0; padding:59px 0 0 0; background:url(skin/bg-menu.gif) no-repeat 0 0; }
#header .m-1 a { background-position:0 0; width:195px; }
#header .m-2 a { background-position:-195px 0; width:196px; }
#header .m-3 a { background-position:-389px 0; width:219px; }
#header .m-1 a:hover { background-position:0 -59px; }
#header .m-2 a:hover { background-position:-195px -59px; }
#header .m-3 a:hover { background-position:-389px -59px; }

/* footer */
#footer { width:980px; background:#000; overflow:hidden; color:#e1d6c4; font-size:0.92em; padding:5px 0; }
#footer .links { float:left; }
#footer a { padding:0 10px; color:#e1d6c4; }
#footer .copyright { float:right; padding:0 10px; color:#e1d6c4; }

/* middle */
#middle { padding:0 15px; overflow:hidden; width:950px; }
#middle #col-l { width:630px; float:left; }
#middle #col-r { width:300px; float:right; }

/* *********************************************************************************** */ 
/* *********************************************************************************** COLONNE DROITE */
/* *********************************************************************************** */

#col-r-baliquoi { padding:0 0 10px 0; }
#col-r-baliquoi h2 { padding:0 0 5px 0; }
#col-r-baliquoi p { padding:0 10px; color:#000; }
#col-r-baliquoi p a { color:#bb962d; text-decoration:underline; }

#col-r-baliou { margin:0 0 10px 25px; padding: 0 0 0 8px;}
#col-r-baliou ul li { display: inline; margin: 0 40px 0 0; }
#col-r-baliou ul li img { height:50px; width:50px; }

#col-r-recherche { padding:0 0 10px 0; }
#col-r-recherche h2 { padding:0 0 5px 0; }
#col-r-recherche form { width:280px; overflow:hidden; padding:0 10px; }
#col-r-recherche form #keyword { border:1px solid #c7c1b2; float:left; width:220px; height:22px; line-height:22px; padding:0 5px; }
#col-r-recherche form .submit { float:right; }

#col-r-pub { padding:0 0 10px 0; }

#col-r-pub-b { padding:0 0 10px 0; }

#col-r-last-post { padding:0 0 10px 0; }
#col-r-last-post h2 { padding:0 0 5px 0; }
#col-r-last-post ul { width:280px; padding:0 10px; }
#col-r-last-post li { display:block; width:280px; padding:0 0 5px 0; height:68px; overflow:hidden; }
#col-r-last-post .visu { display:block; float:left; width:55px; padding:0 6px 0 0;text-align:center; }
#col-r-last-post h3 { float:left; color:#bb962d; font-size:0.92em; font-weight:bold; margin:0 0 0 4px;}
#col-r-last-post h3 a { color:#bb962d; display:block; width:210px; }
#col-r-last-post li span { float:left; color:#000; font-size:0.92em; width:209px; display:block; margin:0 0 0 4px;}
#col-r-last-post li img {height:60px;max-width:60px;vertical-align:baseline;margin:4px 0 0 0;}

#col-r-categorie { background:#f2eee4 url(skin/bg-applat.jpg) no-repeat 0 100%; padding:0 0 10px 0; margin:0 0 10px 0; }
#col-r-categorie h2 { padding:0 0 5px 0; }
#col-r-categorie h3 { padding:5px 0; background:url(skin/dotted.gif) repeat-x 0 100%; margin:0 10px; font-size:1.17em; }
#col-r-categorie h3 a { color:#333; display:block; background:url(skin/bg-oc.gif) no-repeat 100% 5px; }
#col-r-categorie h3 .open { background-position:100% -45px; }
#col-r-categorie h3 { color:#bb962d; }
#col-r-categorie ul { padding:3px 10px; }
#col-r-categorie li { padding:0 0 2px 12px; background:url(skin/bullet.gif) no-repeat 0 6px; }
#col-r-categorie li a { color:#222; }
#col-r-categorie li { color:#bb962d; }

#col-r-album { padding:0 0 10px 0; }
#col-r-album h2 { padding:0 0 5px 0; }
#col-r-album ul { padding:0 10px; }
#col-r-album li { display:block; width:280px; height:280px; margin:0 0 10px 0; }
#col-r-album li a { display:block; width:280px; height:280px; position:relative; }
#col-r-album li .title { display:block; position:absolute; bottom:0; left:0; width:260px; padding:10px; background:#000; filter:alpha(opacity=80); -moz-opacity:.80; opacity:0.80; color:#fff; }
#col-r-album li .title strong { display:block; color:#bb962d; }
#col-r-album li span img { display:block; margin:0 auto;}
#col-r-album #album-1 { text-align:center; }
#col-r-album #album-1 span.title { display:block;margin:0 0 0 54px;width:151px; }
#col-r-album #album-2 { text-align:center; }
#col-r-album #album-2 span.title { display:block;margin:0 0 0 42px;width:175px; }

#col-r-liens { background:#f2eee4 url(skin/bg-applat.jpg) no-repeat 0 100%; padding:0 0 10px 0; margin:0 0 10px 0; }
#col-r-liens h2 { padding:0 0 5px 0; }
#col-r-liens .inner { padding:5px 10px; width:280px; overflow:hidden; }
#col-r-liens ul { float:left; width:130px; padding:0 10px 0 0; }
#col-r-liens li { padding:0 0 2px 12px; background:url(skin/bullet.gif) no-repeat 0 6px; }
#col-r-liens li a { color:#222; }
#col-r-liens .inner span { display:none; }

#col-r-faq { padding:0 0 10px 0; }
#col-r-faq h2 { padding:0 0 5px 0; }
#col-r-faq p { padding:0 10px; color:#000; }
#col-r-faq p a { color:#bb962d; text-decoration:underline; }


/* *********************************************************************************** */ 
/* *********************************************************************************** COLONNE GAUCHE */
/* *********************************************************************************** */
/* title */
#col-l h2 { font-family:"Courier New", Arial, Helvetica, sans-serif; color:#bb962d; font-weight:normal; font-size:34px; padding: 14px 0 0 0;}
#col-l h2 a { font-family:"Courier New", Arial, Helvetica, sans-serif; color:#bb962d; font-weight:normal; font-size:34px;  }
#col-l .from { font-weight:bold; padding:0 0 15px 0; }
#col-l .from a { color:#bb962d; font-style:italic; font-weight:normal; }
#share {margin: 28px 0 0 0;font-size: 12px;float: right;width: 150px;}
#share .addthis_button_compact {color:#bb962d;}

/* article */
.article { padding:0 0 20px 0; }
.article p { padding:0 0 12px 0; }
.article p a { color:#bb962d; text-decoration:underline; }
.article a { color:#bb962d; text-decoration:underline; }
.article p a.more-link { color:#000; text-decoration:none; }
.article .nb-com { float:left; color:#bb962d; font-weight:bold; margin:-10px 0 0 0;  } 
.article .more-link { display:block; float:right; color:#000; font-size:0.92em; font-weight:bold; width:93px; height:22px; text-align:center; line-height:22px; background:url(skin/bg-more.gif) no-repeat 0 0; }
.article .aligncenter {display:block;float:center;margin:0 auto;text-align:center;}
/* comments */
#comments { padding:0 0 20px 0; }
#comments h2 { padding:0 0 15px 0; }
#comments ul {  }
#comments li { display:block; padding:8px 12px; color:#666; }
#comments .pair {  }
#comments .impair { background:#f0eae1; }
#comments .frombalibulle { background:#d1d7d1 url(skin/bg-frombalibulle.gif) no-repeat 10px 0; padding-left:85px; min-height:50px; height:auto !important; height:50px; }
#comments li .who { font-weight:bold; font-size:1em; }
#comments li .who a { color:#bb962d; }
#comments li a { color:#bb962d; }
/* add-comment */
#add-comment { padding:0 0 20px 0; }
#add-comment h2 { padding:0 0 15px 0; }
#add-comment form { padding:0 0 0 27px; }
#add-comment dl { width:600px; overflow:hidden; padding:0 0 10px 0; }
#add-comment dt { width:118px; float:left; }
#add-comment dd { width:482px; float:right; }
#add-comment label { line-height:24px; color:#2b292e; }
#add-comment input { border:1px solid #c7c1b2; height:22px; line-height:22px; padding:0 5px; width:220px; font-size:1em; }
#add-comment textarea { border:1px solid #c7c1b2; height:18px; line-height:22px; padding:0 5px; width:390px; height:100px; font-size:1em; }
#add-comment .submit { text-align:center; font-size:0.92em; font-weight:bold; width:94px; height:22px; line-height:22px; background:url(skin/bg-submit.gif) no-repeat 0 0; overflow:hidden; color:#000; display:block; border:0; padding:0; cursor:pointer; }

/* abums */
.albums { padding:0 0 10px 0; }
.albums h2 { padding:0 0 15px 0; }
.albums ul { width:600px; overflow:hidden; padding:0 0 0 30px; }
.albums ul ul { display:none; }
.albums li { display:block; width:280px; height:280px; margin:0 10px 10px 0; float:left; }
.albums li a { display:block; width:280px; height:280px; position:relative; }
.albums li .title { display:block; position:absolute; bottom:0; left:0; width:260px; padding:10px; background:#000; filter:alpha(opacity=80); -moz-opacity:.80; opacity:0.80; color:#fff; }
.albums li .title strong { display:block; color:#bb962d; }
.albums p { padding:0 0 10px 30px; }
.albums #album-1 span.title { width:151px; }
.albums #album-2 span.title { width:175px; }


#pagination {margin:35px 0 15px;display:block;height:50px;}
#pagination a { color:#bb962d; }
#pagination .left-pagination {float:left;}
#pagination .left-pagination img {vertical-align:middle;}
#pagination .right-pagination {float:right;}
#pagination .right-pagination img {vertical-align:middle;}
/* rte */
.rte {  }
.rte h1 { font-family:"Courier New", Arial, Helvetica, sans-serif; color:#bb962d; font-weight:normal; font-size:2.5em; }
.rte h2 { color:#bb962d; font-size:1.5em; padding:0 0 5px 0; }
.rte p { padding:0 0 12px 0; }
.rte ul { padding:0 0 12px 0; }
.rte li { padding:0 0 2px 12px; background:url(skin/bullet.gif) no-repeat 0 6px; }
.rte a { color:#bb962d; }

/* *********************************************************************************** */ 
/* *********************************************************************************** PLUGINS */
/* *********************************************************************************** */
/* VALIDATE */
form .error { border-color:red !important; color:red !important; }
form label.error { display:none !important; }
/* lightbox */
#jquery-overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.92em; color:#666; }
#jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#jquery-lightbox a img { border:none; }
#lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#lightbox-container-image { padding:18px; }
#lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#lightbox-container-image-box > #lightbox-nav { left:0; }
#lightbox-nav a { outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; zoom:1; display:block; }
#lightbox-nav-btnPrev { left:0; float:left; }
#lightbox-nav-btnNext { right:0; float:right; }
#lightbox-container-image-data-box { font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em;	overflow:auto; width:100%; padding:0 18px; }
#lightbox-container-image-data { color:#666; }
#lightbox-container-image-data #lightbox-image-details { width:82%; float:left; text-align:left; }	
#lightbox-image-details-caption { display:block; }
#lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:1.0em; }			
#lightbox-secNav-btnClose { width:21px; float:right; padding-bottom:0.7em; }
.singlepage .like { float:right; margin: 14px 0 0 0; padding: 0 0 0 0; }