/* PhpWebGallery zouz theme.css                   */
/* Template  : yoga                               */
/* Author    : Grand-Pa                           */
/* Release   : 2007-04-22                         */
/* Gallery   : http://eireann-phoebe.myphotos.cc/ */
/* Tested on : 1.6.2, 1.7.0RC2                    */

/* tableh1 et tableh2 colors:                  */
/* light blue : 80aaff (T:220°, S:50%, L:100%) */
/* dark  blue : 4080ff (T:220°, S:75%, L:100%) */
/* light pink : ffabe3 (T:320°, S:33%, L:100%) */
/* dark  pink : ff54c6 (T:320°, S:67%, L:100%) */

/* colors used : */
/*  blue   pink  */
/* 203080 802060 */
/* 102040 401030 */
/* D0DDFF FFE0EE */
/* BFCAFF FFBFEA */
/* F2F4FF FFF2FB */


/* text color */
BODY, H1, H3, DT, #content .pageNumberSelected {
  color: #000000;
}

A, H2, HR.separation, INPUT.rateButton, .header_notes, .infos, .throw, #content .navigationBar, #menubar DT {
  color: #802060;
}

A, H2, HR.separation, INPUT.rateButton, .header_notes, .infos, .throw, #content .navigationBar, #menubar2 DT {
  color: #802060;
}

A:hover {
  color: #401030;
}

.pleaseNote {
  color: #FFE0EE;
}

.errors {
  color: #FF0000;
}


/* backgrounds */
BODY, HR.separation, .pleaseNote, .pwgmenu A, .statBar {
  background-color: #8ec3f9;
}

.pwgmenu A:hover, #theImage IMG {
  background-color: #401030;
}

H3, .row1, #content UL.thumbnails SPAN.wrap2:hover, #imageHeaderBar, #the_page {
  background-color: #8ec3f9;
}

#content UL.tabsheet LI.selected_tab {
  background-color: #FFBFEA !important;
}

.header_notes, #content, #content UL.tabsheet LI.normal_tab, #imageToolBar, #menubar DL {
  background-color: #FFF2FB;
}

.header_notes, #content, #content UL.tabsheet LI.normal_tab, #imageToolBar, #menubar2 DL {
  background-color: #FFF2FB;
}

DIV.comment BLOCKQUOTE, INPUT[type="text"], INPUT[type="password"], INPUT[type="button"], 
INPUT[type="submit"], INPUT[type="reset"], INPUT[type="file"], SELECT, TEXTAREA, .errors, .infos, 
#content DIV.thumbnailCategory:hover, #content UL.tabsheet LI:hover, #the_page TABLE.infoTable {
  background-color: #FFE0EE;
}

INPUT.rateButtonStarEmpty, INPUT.rateButtonStarFull {
  background-color: transparent;
}

.throw, #content H2, #menubar DT {
  background: url(images/tableh1_bg.png) top;
}

.throw, #content H2, #menubar2 DT {
  background: url(images/tableh1_bg.png) top;
}

#content DIV.titrePage IMG.button:hover, #menubar IMG.button:hover {
  background: url(images/tableh1_bg_hover.png) top;
}

#content DIV.titrePage IMG.button:hover, #menubar2 IMG.button:hover {
  background: url(images/tableh1_bg_hover.png) top;
}

#thePicturePage #imageHeaderBar {
  background: url(images/tableh2_bg.png) top;
}

#thePicturePage #imageHeaderBar2 {
  background: url(images/tableh2_bg.png) top;
}

#content UL.thumbnailCategories LI DIV.thumbnailCategory .description H3 {
  background: url(images/tableh2_bg.png) center;
}

#imageToolBar {
  background: url(images/toolbar.png) center;
}

#imageToolBar A:hover {
  background: url(images/toolbar_hover.png) center;
}

.rateButtonStarFull {
  background: url('icon/star_f.png') no-repeat center;
}

.rateButtonStarEmpty {
  background: url('icon/star_e.png') no-repeat center;
}

.errors {
  background-image: url(icon/errors.png);
}

.infos {
  background-image: url(icon/infos.png);
}

.header_notes {
  background-image: url(icon/note.png);
}


/* borders and positions */
#content UL.tabsheet {
  border-bottom: 2px solid #802060;
  padding: 0px 20px 0px 20px;
}

#content UL.tabsheet LI {
  border: 1px solid #802060;
  margin: 1px 5px 0px 5px;
  padding: 4px 20px 4px 20px;
}

FIELDSET, INPUT, SELECT, TEXTAREA, .header_notes, 
#content DIV.comment A.illustration IMG, #content DIV.thumbnailCategory,
#infos, #linkPrev, #linkNext {
  border: 1px solid #802060;
}

DIV.comment BLOCKQUOTE, #the_page TABLE.infoTable {
  border: 1px dotted #802060;
}

#content DIV.thumbnailCategory {
	padding-right: 10px;
	margin-top: 2px;
	margin-right: 20px;
	margin-bottom: 7px;
	margin-left: 20px;
	padding-left: 10px;
	height: auto;
}

#content UL.thumbnailCategories LI DIV.thumbnailCategory .description H3 {
	border: 2px outset #FFBFEA;
	text-align: left;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#imageHeaderBar H2 {
  border: none;
  font-size: 18px;
}

.browsePath, .imageNumber, .thumbLegend {
  border: none;
  font-size: 12px;
  font-weight: bold;
}

.mbCategories {
  border: none;
  font-size: 22px;
  font-weight: bold;
}

#content DIV.titrePage UL.categoryActions LI SELECT {
  margin-bottom: 1px;
}

#menubar UL UL UL {
  margin-bottom: 0px;
}

#menubar2 UL UL UL {
  margin-bottom: 0px;
}

HR.separation {
  visibility: visible;
  height: 4px;
  width: 100%;
  margin: 12px 0px 6px 0px;
}

#the_page TABLE.infoTable {
  margin-top: 10px;
  margin-bottom: 10px;
}

#the_page A.navThumb {
  position: absolute;
}

#thumbPrev {
  margin-top: 10px;
  left: 15px;
}
#thumbNext {
  margin-top: 10px;
  right: 15px;
}
#linkPrev, #linkNext {
  margin: 0px 0px 0px 0px;
}

#content DIV.comment A.illustration {
  margin-bottom: 12px;
}

#content, #menubar DL {
  border: 1px solid #000000;
}

#content, #menubar2 DL {
  border: 1px solid #000000;
}

#imageHeaderBar {
  border: 2px outset #FFBFEA;
  margin-top: 0px;
  margin-bottom: 5px;
  width: inherit;
}

#imageToolBar A {
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}

#imageToolBar A:hover {
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
}

H2, #menubar DT, #imageToolBar {
  border-bottom: 1px solid #000000;
}

H2, #menubar2 DT, #imageToolBar {
  border-bottom: 1px solid #000000;
}

#imageToolBar {
  border-top: 1px solid #000000;
}

#menubar IMG.button, #content IMG.button {
  padding: 2px 4px 2px 2px;
}

#menubar2 IMG.button, #content IMG.button {
  padding: 2px 4px 2px 2px;
}

#menubar IMG.button {
  margin-top: 1px;
}

#menubar2 IMG.button {
  margin-top: 1px;
}

#theImage IMG {
  border: 4px ridge #FFBFEA;
  padding: 14px 14px 14px 14px;
  margin-top: 5px;
}

#theImage P {
  font-weight: bold;
  margin-top: 5px;
}

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

#copyright {
  margin: 5px 0px 5px 0px;
}

#content UL.thumbnails SPAN.wrap1 {
  padding: 5px 5px 0px 5px;
}

#content UL.thumbnails SPAN.wrap2 {
  border: 1px solid #aaaaaa;
  -moz-border-radius: 12px;
  border-radius: 12px 12px;
}

#content UL.thumbnails SPAN.wrap2:hover {
  border-color: #802060;
}

.errors, .infos {
  padding: 10px 10px 1px 50px;
}

.header_notes {
  margin: 10px 14px 10px 14px;
  padding: 5px 0px 0px 0px;
}

.pleaseNote {
  font-weight: bold;
  margin: 0px 5px;
  padding: 1ex;
}

A, INPUT.rateButton {
  border-bottom: 1px dotted #802060;
}

#theImage A, A.navThumb, A.navThumb:hover, #copyright A {
  border-bottom: none;
}

#menubar .menuInfoCat, #menubar .menuInfoCatByChild {
  font-size: 90%;
}

#menubar2 .menuInfoCat, #menubar .menuInfoCatByChild {
  font-size: 90%;
}

#the_page TABLE.infoTable TH {
  visibility: hidden;
  font-size: 0px;
}


/*calendar elements*/
SPAN.calItemEmpty, TD.calDayCellEmpty, .calBackDate {
  color: #802060;
}
SPAN.calItem, SPAN.calItemEmpty, TD.calDayCellEmpty, TD.calDayCellFull {
  border: 1px solid #802060;
}
.calForeDate {
  color: #FFBFEA;
}


/* Set some sizes according to your maximum thumbnail width and height */
#content UL.thumbnails LABEL, #content DIV.thumbnailCategory DIV.illustration {
  width: 155px;			  /* max thumbnail width + 5px */
}
#content UL.thumbnails SPAN, #content UL.thumbnails SPAN.wrap2 A {
  width: 160px;			  /* max thumbnail width + 10px */
}
#content UL.thumbnails SPAN.wrap2 {
  height: 160px;		  /* max thumbnail height + 10px */
}
#content DIV.thumbnailCategory DIV.description {
  height: auto;		  /* max thumbnail height + 10px */
}
#content DIV.comment BLOCKQUOTE {
  margin-left: 170px;	/*max thumbnail width + 20px */
}
#content UL.thumbnails SPAN.thumbLegend {
  height: 40px;		    /* legend height (don't set auto to be Gecko friendly) */
}


#the_page {
  border: 1px solid #e0e0e0;
  text-align: center;
  display: block;
  padding-top: 5px;
}

#menubar {
  margin: 0px 0px 5px 5px;
  width: 220px;
}

#menubar2 {
	width: 220px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#content {
	margin-top: 0px;
	margin-right: 240px;
	margin-bottom: 0px;
	margin-left: 240px;
	height: auto;
}

#content2 {
  margin: 0px 280px 0px 280px;	/* = #menubar width + 15px */
}