/* ----Thème GBO_HK3 --- Version: 2.1.c */
* { margin: 0; padding: 0; }
body {background:#080808}
/* Header */
#theHeader {
background:url(img/header.jpg) no-repeat scroll center bottom;
height:100px;
margin:0 auto;}
/* Common styles -------- */
h2, h3 , a, a:link {color:#C92;text-decoration:none;border:0}
a:hover{color:#Fafafa;text-decoration:none} 
pre {overflow:auto;width:100%;height:auto}
img{border:0}
H2{font-size:1.1em;background:url(img/fond_h2.png) repeat-x;border:1px solid #6D6D6D;margin:2px 0 0 0}
#comments H3 {margin:0 0 2px 0}
/* Page -------- */
.content div.titrePage {padding:0 0 1px}
#the_page{width:998px;margin:auto}
#the_page {position:relative;background:#131313;color:#e2dfd4;border:1px solid #e2dfd4}
.content  {margin:0}
/*Page Catégories -----*/
.content div.thumbnailCategory div.description h3 {font-size:1em}
/* nb de thumb by line */
.content ul.thumbnailCategories li {width:33.3%}
/* ---categories home page-*/
.content div.thumbnailCategory {height:118px;overflow:hidden}
.content div.thumbnailCategory  div.description{overflow:hidden}
.content div.thumbnailCategory , .tags_block{display:block;background:url(img/fond_cat.png);margin:2px;border-top: 1px inset  #9f7a09;border-left:1px inset  #9f7a09}

div.illustration img{border:2px solid #d0d0d0;margin:4px 0 0 4px;-moz-border-radius:4px;border-radius:4px;max-width: 128px; max-height: 105px}
div.illustration img:hover {border:2px solid #C92}
.tags_block{min-height: 55px}
/* Add Ex-FTB diapo for thumbnails */
.content ul.thumbnails span, .content ul.thumbnails span.wrap2 a{width:150px;}
.content UL.thumbnails SPAN.wrap2 {background-image:url(img/noir.png);height:150px}
.content UL.thumbnails SPAN.wrap2:hover {background-image:url(img/blanc.png)}
.content UL.thumbnails SPAN.wrap2 IMG {border:1px solid #222}
.content UL.thumbnails SPAN.thumbLegend {display:block;height:2.8em;font-size:.9em}
.nb-hits {color:#69c}
.nb-comments {color:#f92}
/*Page Image--*/
#imageHeaderBar .browsePath ,#imageHeaderBar .browsePath a {color:#C92;text-decoration:none;font-weight:bold}
#imageHeaderBar .browsePath a:hover {color:#F0F0F0}

/*Menu------*/
#menubar {position:relative;z-index:2}
.content {position:relative;z-index:1}
/* horizontal menubar */
#menubar {float:none;width:100%;margin:2px 0 -1px 0;border:none;display:block;
background-image:url(img/fond_titre.png);background-repeat:repeat-x}
/* set menubar height (not for IE) */
#the_page > #menubar {height:2.1em; padding:0}
#menubar DL>DT{padding:.2em .2em}
/* general UL formating */
#menubar UL,#menubar DL{list-style:none;margin:0; padding:0;float:left}
#menubar DL {display:inline;padding:0 1em}
/* Bt filter */
#menubar .button {position:absolute;left:95%;z-index:3} 
#menubar P,#menubar P.totalImages{clear:both; margin:0; text-align:center; padding:0.2em}
 /* titles and links */
#menubar A,#menubar DT {display:block}
/* positioning */
#menubar DD {position:absolute;z-index:500;background-color:#555;color:#FaFaFa;margin:0}
#menubar DD UL,#menuTagCloud{background-color:#555;color:#FBFBFB;width:17.5em;}
#menubar LI{position:relative;margin:0;padding:0;height:1.5em}
#menubar DD UL LI a {width:14.3em;overflow:hidden;height:1.1em}
#menubar form{width:16.5em;overflow:hidden;}
#menubar DD UL UL {position:absolute;  top:0; left:102%; z-index:500}
#menubar  .menuInfoCatByChild,#menubar .menuInfoCat{position:absolute;top:0;right:9px}
#menubar .icon{position:absolute;top:0;right:2.6em}
/* hiding and revealing up to 5 menu levels */
#menubar A,
#menubar DL:hover DD,
#menubar DD UL LI:hover UL,
#menubar DD UL UL LI:hover UL,
#menubar  UL  UL LI UL LI:hover UL,
#menubar UL  UL LI UL LI UL LI:hover UL{display:block}
#menubar DD,
#menubar UL UL,#menubar UL  LI:hover UL UL,
#menubar UL UL LI:hover UL UL,#menubar UL UL UL LI:hover UL UL ,
#menubar UL UL UL UL  LI:hover UL UL{display:none}
/* bords arrondis  */
#menubar DD,#menubar DL,#menubar DD UL,#menubar li:hover ,
.content div.thumbnailCategory   {-moz-border-radius:4px; border-radius:4px;}
#menubar DD,#menubar UL UL{ margin-left:-1em;border:1px solid #000}
/* survol */
#menubar  DT:hover ,#menubar  DT a:hover ,#menubar a{color:#f0f0f0}
#menubar a:hover {color:#000}
#menubar li:hover{background:url(img/survol.png) repeat-x;color:#000;z-index:600}
#menubar dl:hover{background:url(img/survol1.png) repeat-x;color:#000;z-index:600}
#mbAMM_randompict a:hover{background:transparent}
#menubar DD A {padding:.1em 0 .4em 0.5em}
/*quickconnect -----*/
FORM#quickconnect,.zero  {display:none}
/*--menuTagCloud ---------*/
#menuTagCloud span A {text-align:left;font-size:.85em;display:inline}
/* --commentaires -----*/
#theCommentsPage #comments div.thumbnailCategory{background:none;overflow:hidden;border:1px solid #c92;-moz-border-radius:6px;border-radius:6px;padding:.5em}
#thePicturePage #comments div.thumbnailCategory {background:none;overflow:hidden;border:1px solid #c92;-moz-border-radius:6px;border-radius:6px;margin:1em;padding:1em}
#theCommentsPage #comments ul.thumbnailCategories li {margin:5px auto;}
legend{color:#c92;font-style: italic;}
/*calendar---------*/
UL.categoryActions, DIV.calendarViews {padding-right:5px}
/* -- Footer -------- */
#copyright a:link,#copyright a:visited {text-decoration:none;color:#C92}
#copyright a:hover {text-decoration:none;color:#C92;border:0}

/* pwg stuff */
div.stuffs{margin-top:2px;margin-bottom:2px}
div.personal_block, #fullTagCloud{text-align:left;background:url(img/fond_cat.png);margin:2px;border-top: 1px solid #524014; border-left:1px solid #524014;
-moz-border-radius:4px;border-radius:4px;padding:5px;overflow:hidden}
.middle_block #comments .thumbnailCategories li {  width: 49.5% !important;}
.author{color:#9f7a09;font-weight:700}
#fullTagCloud{min-height: 85px}