/* $Id$ */

/* text color */
BODY, BODY#theCategoryPage #content, #content .pageNumberSelected {
  color: rgb(176,196,222);
}

BODY#thePicturePage,
BODY #content, H1, H3 {
  color:#e0e0e0;
}

H2, #menubar , .throw {
  color: #fff48e;
}

#content .navigationBar {
  color: #aaaaaa;
}

/* backgrounds */
BODY,
BODY#theCategoryPage #content,
BODY#thePicturePage #the_page {
  background-color: #000000;
}

BODY #content {
  background-color: rgb(40,40,70);
}

.row1 {
  background-color: rgb(60,60,105);
}

#menubar, #menubar DD, #menubar UL {
  /*background-color: rgb(119,136,153);*/
  background-color: #000000;
}

H2, H3, #menubar DT, .throw {
  background-color: rgb(25,25,112);
}

BODY#thePicturePage H2, #imageHeaderBar, #imageToolBar {
  background-color: #5f5f5f;
}

#content UL.thumbnails SPAN.wrap2 {
  background-color: #d0d0d0;
}
#content UL.thumbnails SPAN.wrap2:hover {
  background-color: #f0f0f0;	/* thumbnails background color when mouse cursor is over it */
}

/* borders */
#imageToolBar {
  border-top: 1px solid #5f5f5f;
  border-bottom: 1px solid #5f5f5f;
}
#menubar, #content, #theImage IMG,
#comments DIV.comment BLOCKQUOTE {
  border: 1px solid #5f5f5f;
}

#theImage IMG {
  border-width: 3px;
}

#content UL.thumbnail IMG {
    border: 1px solid #a0a0a0;
}

FIELDSET, INPUT, SELECT, TEXTAREA, TABLE.table2,
#content DIV.comment  A.illustration IMG, #infos,
#content DIV.thumbnailCategory {
  border: 1px solid gray;
}

#comments DIV.comment BLOCKQUOTE {
  border-left: 2px solid #696969;
}

#content UL.thumbnails SPAN.wrap2 {
  border-top: 2px solid #ffffff;	/* thumbnails border color and style */
  border-right: 2px solid #ffffff;	/* thumbnails border color and style */
  -moz-border-radius: 4px;	/* round corners with Geko */
  border-radius: 4px 4px;	/* round corners with CSS3 compliant browsers */
}
#content UL.thumbnails SPAN.wrap2 IMG {
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

#content UL.thumbnails LI.thumbCat SPAN.wrap2 {
  border-style: hidden;
  background-color: #ccccaa;
}
#content UL.thumbnails LI.thumbCat SPAN.wrap2:hover {
  border-style: solid;
}

#imageHeaderBar H2 {
  border: none;
}
/* links */
.rateButton, A {
    color: #FFFFFF;
}

.rateButton:hover, A:hover {
    color: #FFF48E;
}

A, A:hover {
    border-bottom: none;
}

/*=== menu ===*/

/* menu layout */
#menubar DL, #menubar DD, #menubar UL{
  width: 100%;
}
#menubar DT {
  padding-left: 0;
  padding-right: 0;
}
#menubar DL, #menubar DD, #menubar UL, #menubar LI{
  margin: 0;
  padding: 0;
}
#menubar UL>LI {
  display: block;
  position: relative;
}
#menubar LI SPAN {
  position: absolute;
  right: 20px;
  top: 0;
}
#menubar LI IMG {
  position: absolute;
  right: 5px;
  top: 0;
}
#menubar DL UL {
  list-style: none;
  border: none;
}
#menubar DL UL UL { text-indent: 1em; }
#menubar DL UL UL UL { text-indent: 2em; }
#menubar DL UL UL UL UL { text-indent: 3em; }
#menubar DL UL UL UL UL UL { text-indent: 4em; }

#menubar DD P, #menubar DD P.totalImages {
  margin: 0;
  padding: 10px 1px 10px 1px;
  text-align: center;
}
#menubar DD A {
  display: block;
  width: auto; /*devrait être 100% pour IE */
  padding-left: 1px;
  padding-right: 25px;
}

#menubar DT A {
  display: block;
  width: auto; /*devrait être 100% pour IE */
  padding-left: 1px;
  padding-right: 1px;
}

#menubar #menuTagCloud {
  margin:0;
  text-align: left;
}

#menubar UL#menuTagCloud>LI {
  display: block; /*FF doesn't like it inline, IE doesn't like it block*/
}
UL#menuTagCloud A IMG {
  position: static;
}

/* menu colors */
#menubar DD A, FORM#quickconnect, #menubar DD P, #menubar DD P.totalImages {
  border-left: 5px groove rgb(159,181,204);
  border-right: 5px groove rgb(159,181,204);
}

#menubar DD A:hover {
  border-left-color: rgb(179,204,230);
  border-right-color: rgb(179,204,230);
  background-color: rgb(139,159,178);
}

/* give more style */
#menubar DD A {
  padding-left: 0.3em;
  padding-right: 3em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

UL#menuTagCloud A {
  position: absolute;
  left: 7px;
  top: 0;
  top: 0.2em;
  padding-right: 0;
  display: inline;
  border-width: 0;
}
#menubar UL#menuTagCloud A.tagLevel1,
#menubar UL#menuTagCloud A.tagLevel2,
#menubar UL#menuTagCloud A.tagLevel3,
#menubar UL#menuTagCloud A.tagLevel4,
#menubar UL#menuTagCloud A.tagLevel5 {
  /*font-size: 100%;*/
  /*padding-left: 1.5em;*/
  padding-left: 18px;
  position: static;
  display: block;
  border-width: 5px;
}
FORM#quickconnect P {
  margin-left: 0.5em;
}
FORM#quickconnect P, FORM#quickconnect A {
  border: none;
  padding: 0;
}
FORM#quickconnect A, FORM#quickconnect UL.actions LI {
  display: inline;
}
FORM#quickconnect UL.actions IMG {
  position: static;
}

/* others */
.pleaseNote {
    background: #9c9c9c;
    color: #ffff99;
    padding: 1ex;
    font-weight: bold;
}
#the_page {
    border: 1px solid #e0e0e0;
    padding-top: 5px;	
    padding-bottom:0px;
    text-align:center;
    display:block;
    background:#3f3f3f;
}

UL.categoryActions, DIV.calendarViews {
  padding-top: 5px;
  padding-right: 6px;
}

/*calendar elements*/
SPAN.calItemEmpty { color: silver; }

SPAN.calItem, SPAN.calItemEmpty
{
  border: 1px solid gray;
}

/* nice looking month calendar*/
TD.calDayCellEmpty, TD.calDayCellFull { border: 1px solid gray;}

TD.calDayCellEmpty { color: silver; }

.calBackDate { color: #000; }
.calForeDate { color: #fff; }