/* -----------------------------------------------------------------------------
 WIRED-DARK
 Theme for Piwigo
 ------------------------------------------------------------------------------
 file: wired/theme/dark/theme.css
 file version: 1.0
 date: 2009-10-27
 ------------------------------------------------------------------------------
 author: michal kreidl
----------------------------------------------------------------------------- */

/*html {font-size: 100.01%;}
body {font-size: 0.8125em;}*/

BODY {
 font-size: 13.5px;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 background-color: #000000;
}

BODY,
H3,
DT,
INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
 color: #D0CCC3; 
}

H1 {
 color: #9C9075; 
 font-family: Times, "Times New Roman", serif;
 font-size: 30px;
 font-weight: normal;
 font-style: normal;
 font-variant: small-caps; 
}

#theHeader {
 background-image: url(images/hdrlb.gif);
 background-repeat: no-repeat;
 background-position: left bottom; 
}

#theInHeader1 {
 background-image: url(images/hdrrb.gif);
 background-repeat: no-repeat;
 background-position: right bottom; 
}

#theInHeader2 {
 background-image: url(images/hdrbl.gif);
 background-repeat: repeat-x;
 background-position: bottom; 
}

#theIndexBox {
 background-image: url(images/rightvl.gif);
 background-repeat: repeat-y;
 background-position: right; 
}
 
#copyright {
 background-image: url(images/ftrrb.gif);
 background-repeat: no-repeat;
 background-position: right bottom; 
}

#inCopyright1{
 background-image: url(images/ftrbl.gif);
 background-repeat: repeat-x;
 background-position: bottom; 
}

#inCopyright2{
 color: #4A4539;
 background-image: url(images/ftrdl.gif);
 background-repeat: repeat-y;
 background-position: right; 
 font-size:90%; 
 font-style:italic;
}

#content, #redir {
 background-image: url(images/leftbl.gif);
 background-repeat: no-repeat;
 background-position: left bottom; 
 background-color: #000000; /* Opera 9 */
}

#imageWrapper {
 background-image: url(images/leftbl.gif);
 background-repeat: no-repeat;
 background-position: left bottom; 
}
 
H2,
#menubar DT,
.throw {
 color:#D0CCC3; 
 font-size:140%;
 font-family: Times, "Times New Roman", serif;
 font-weight: bold;
 font-variant:small-caps;
 letter-spacing:0.8px;
}

.throw {
 background-color: #303030;
}

#content .pageNumberSelected {
 color: #9C9075;
}

.tabsheet li,
.tabsheet li a {
 color: #fff; 
}

.tabsheet li a:hover {
 color: #fff48e; 
}

.linedBox, #menubar DT {
 background-color:#000000;
 background-image: url(images/leftvl.gif);
 background-repeat: repeat-y;
 background-position: left; 
}

H2 {
 background-image: url(images/midmb.gif);
 background-repeat: repeat-y;
 background-position: left;
 background-color: #171511;
}

#menubar DT SPAN {
 background-image: url(images/leftmb.gif);
 background-repeat: repeat-y;
 background-position: left;
}

#menubar LI.selected A {
 border-bottom: 1px #9C9075 solid;
}

#menubar LI.selected LI A {
 border:none;
}

.tabsheet li { 
 background-color: #3f3f3f; 
}

.selected_tab {
 background-color: #5f5f5f !important; 
}

.content,
#content,
#menubar DL,
#comments DIV.comment BLOCKQUOTE,
#content DIV.thumbnailCategory {
 border: none;
}

#menubar {
 background-image: url(images/leftbl.gif);
 background-repeat: no-repeat;
 background-position: left bottom;
}
 
#menubar DL {
 background-image: url(images/leftvl.gif);
 background-repeat: repeat-y;
 background-position: left;
} 

#menubar UL,
#menubar FORM,
#menubar P {
 font-size: 100%;
 font-family: Arial,Helvetica,sans-serif;
}

#menubar LI {
 background-image:url('images/bullet.gif');
 background-repeat:no-repeat;
 background-position: 0 7px;
}
 
#menubar LI.selected LI A {
 color: #C7A863;
 font-weight: normal;
}

#menubar LI.selected LI A:hover {
 color: #FFE19E;
}

#menubar .menuInfoCatByChild {
 font-size: 80%;
 font-style: italic;
}

#menubar P.totalImages {
 color: #4A4539;
 font-size:90%; 
 font-style:italic;
}

#menubar .forAdmin {
	color:#A02020; 
}

#theImage img {
 border: 1px solid #21262E;
 background-color: #000000;
}

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

FIELDSET:disabled,
INPUT:disabled, 
SELECT:disabled, 
TEXTAREA:disabled
{
 color:#404040;
 background-color:#808080;
}

#comments DIV.comment BLOCKQUOTE {
 border-left: 15px solid #696969;
 background-color: #404040;
}

ul.tabsheet { 
 border-color: #fff48e; 
}

.tabsheet li { 
 border: 1px solid #fff; 
}

.tabsheet li:hover {
 border-color: #fff48e !important; 
}

A, INPUT.rateButton {
 color: #C7AA64;
 border: none;
}

A:hover {
 color: #FEE19E;
 border: none;
}

.pleaseNote {
 background: #9c9c9c;
 color: #ffff99;
 padding: 1ex;
 font-weight: bold;
}

SPAN.calItemEmpty { 
	color: silver; 
}

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

.virtual_cat {
 background: #3f3f3f !important; 
}

.qsearch {
 font-size: 80%;
 font-style: normal; 
}

#mbMenu #quicksearch > p {
 text-align: left; 
}

.button {
 background-image: url(icon/buttons.gif);
 background-repeat: no-repeat;
}

#icoStartFilter {background-position: 0px 0px;}
a:hover #icoStartFilter {background-position: 0px -24px;}
#icoStopFilter {background-position: 0px -72px;}
a:hover #icoStopFilter {background-position: 0px -96px;}

#icoCalendar {background-position: -24px 0px;}
a:hover #icoCalendar {background-position: -24px -24px;}

#icoFlat {background-position: -48px 0px;}
a:hover #icoFlat {background-position: -48px -24px;}
#icoNormal {background-position: -48px -72px;}
a:hover #icoNormal {background-position: -48px -96px;}

#icoMetadata {background-position: -72px 0px;}
a:hover #icoMetadata {background-position: -72px -24px;}
#icoMetadataHide {background-position: -72px -72px;}
a:hover #icoMetadataHide {background-position: -72px -96px;}

#icoSlideshow {background-position: -96px 0px;}
a:hover #icoSlideshow {background-position: -96px -24px;}
#icoSlideshowStop {background-position: -96px -72px;}
a:hover #icoSlideshowStop {background-position: -96px -96px;}

#icoFaster{background-position: -120px 0px;}
a:hover #icoFaster{background-position: -120px -24px;}
#icoFasterInactive{background-position: -120px -48px;}

#icoSlower{background-position: -144px 0px;}
a:hover #icoSlower{background-position: -144px -24px;}
#icoSlowerInactive{background-position: -144px -48px;}

#icoRepeat{background-position: -168px 0px;}
a:hover #icoRepeat{background-position: -168px -24px;}
#icoRepeatStop{background-position: -168px -72px;}
a:hover #icoRepeatStop{background-position: -168px -96px;}

#icoFirst{background-position: -192px 0px;}
a:hover #icoFirst{background-position: -192px -24px;}
#icoFirstInactive{background-position: -192px -48px;}

#icoLast{background-position: -216px 0px;}
a:hover #icoLast{background-position: -216px -24px;}
#icoLastInactive{background-position: -216px -48px;}

#icoPrev{background-position: -240px 0px;}
a:hover #icoPrev{background-position: -240px -24px;}
#icoPrevInactive{background-position: -240px -48px;}

#icoNext{background-position: -264px 0px;}
a:hover #icoNext{background-position: -264px -24px;}
#icoNextInactive{background-position: -264px -48px;}

#icoUp{background-position: -288px 0px;}
a:hover #icoUp{background-position: -288px -24px;}

#icoPause{background-position: -312px 0px;}
a:hover #icoPause{background-position: -312px -24px;}
#icoPlay{background-position: -312px -72px;}
a:hover #icoPlay{background-position: -312px -96px;}

#icoHome{background-position: -336px 0px;}
a:hover #icoHome{background-position: -336px -24px;}

#icoNewMsg{background-position: -360px 0px;}
a:hover #icoNewMsg{background-position: -360px -24px;}
 
.thumbLink {
 border:2px #FFFFFF solid;
}

.content UL.thumbnails SPAN.thumbLegend {
	font-size: 90%;
	color: #9C9C94; 
}

.content UL.thumbnails img,
#linkPrev img,
#linkNext img,
div.illustration img {
 border: 1px #9C9C94 solid;
}

.content UL.thumbnails a:hover img, div.illustration a:hover img {
 border: 2px #FEE19E solid;
}

FORM#quickconnect fieldset {
 border:1px #101010 solid;
}

.rateButtonStarFull {
 background: url('icon/rating_stars.gif') no-repeat scroll; 
 background-position:-16px center; 
}

.rateButtonStarEmpty {
 background: url('icon/rating_stars.gif') no-repeat scroll;
 background-position:0 center;
}

DIV.header_notes_w {
 color: #4A4539;
 font-weight: normal;
 font-size: 90%;
 font-style: italic;
}
 
ul.categoryActions .titreSelect {
 color: #4A4539; 
 font-size:90%;  
}

.titreSelect SELECT {
 background-color:#171511;
 border:1px solid #4A4539;
 color: #9C9075;
}

INPUT#qsearchInput {
 background-color:#000000;
 border:1px solid #171511;
 color: #4A4841;
 font-style: italic;
}

INPUT#qsearchInput.userInput {
 color: #D0CCC3;
 font-style: normal;
}

DIV.infoDblBar,
DIV.infoSngBar,
DT.infoDblBar,
DT.infoSngBar {
 color:#4A4539;
 font-size: 90%;
}
 
DIV.infoDblBar,
DT.infoDblBar {
 background-image: url(images/middbl.gif);
 background-repeat: no-repeat;
 background-position: center center;
}

DIV.infoSngBar,
DT.infoSngBar {
 background-image: url(images/midsng.gif);
 background-repeat: no-repeat;
 background-position: center center;
}

#content .additional_info p {
 color:#D0CCC3; /* Opera 9*/
}

.description .text {
 background-image: url(images/midlb.gif);
 background-repeat: no-repeat;
 background-position: top left; 
}

.description .text p {
 color: #9C9C94;
}

/* -----------------------------------------------------------------------------
  Calendar
----------------------------------------------------------------------------- */

/* month calendar */
.calBackDate {
 color: #000;
}
.calForeDate {
 color: #fff;
}

td.calDayCellFull, td.calDayCellEmpty, td.calDayCellBlank
{
 font-size:18px;
 font-weight:bold;
}

td.calDayCellEmpty {
  color:#303030;
}

td.calDayCellEmpty, td.calDayCellFull {
 border:1px solid #101010;
}

td.calDayHead {
 font-size:14px;
 font-weight:normal;
}

TABLE.infoTable .label {
 color:#9C9075;
 font-weight: bold;
}

TABLE.infoTable TD.value LI {
 background-image:url('images/bullet.gif');
 background-repeat:no-repeat;
 background-position: 0 7px;
}

DIV.infoHead {
 background-image: url(images/leftinfb.png);
 background-repeat: no-repeat;
 background-position: left center; 
}

DIV.infoHead DIV {
 background-image: url(images/rightinfb.png);
 background-repeat: no-repeat;
 background-position: right center; 
 color:#4A4539;
}

#theImage #imgComment {
 background-color: #171511;
}

.infoBar2 .imageNumber {
 color:#4A4841;
 font-size:90%;
 font-style:italic;	
}

.infoBar2 .browsePath {
 font-family: Arial,Helvetica,sans-serif;
}

.rateButtonSelected {
	font-weight:bold;
	font-size:120%;
}

.about P.rightsWarn {
	border: 1px #B90000 solid;	
}

.about H4 {
 font-size: 100%;
 font-weight: bold;
}

/* Guestbook */
 
.usrgbMsgList .infoBar2 {
 background-image: url(images/midlb.gif);
 background-repeat: no-repeat;
 background-position: bottom left; 
}

DIV.usrgbMsgBody {
 color: #D0CCC3;
}

.usrgbMsgList .infoBar2 H3,
.bookFields {
 color:#9C9075;
 font-size: 100%;
 font-weight:normal;
}

.usrgbMsgList .infoBar2 H3 BIG {
 font-size: 110%;
 font-style:normal;
 font-weight:normal; 
 font-variant:small-caps;
}

.usrgbMsgList .infoBar2 H3 SPAN {
 font-size: 90%;
 font-weight: normal;
}

.usrgbMsgList .bookDate {
 color:#4A4841;
 font-style:italic;
 font-size: 90%;
}

.usrgbMsgList .infoBar2 H4 {
 color: #9C9075;
 font-weight:normal;
}

.bookFields SPAN {
 color: #4A4841;
 font-style:italic;
}

.bookReply SPAN {
 color: #D0CCC3;
}

.usrgbButton {
 background-image:url(icon/gb_buttons.gif);
 background-repeat:no-repeat;
}

.usrgbNote {
 color: #4A4539;
 font-size: 90%;
 font-style: italic;
}

.usrgbInput INPUT,
.usrgbInput SELECT,
.usrgbInput TEXTAREA {
 background-color: #171511;
 border: 1px solid #4A4539;
 color: #D0CCC3;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 100%;
}

.usrgbContainer .usrgbSubmit INPUT  {
 background-color: #000000;
 color: #C7AA64;
 font-family: Arial,Helvetica,sans-serif;
 font-size: inherit;
}

.usrgbContainer .usrgbSubmit INPUT:hover {
 color: #FEE19E;
}

.usrgbContainer .usrgbSubmit A {
 border: 1px solid #C7AA64;
}

.usrgbContainer .usrgbSubmit A:hover {
 border: 1px solid #FEE19E;
}

.usrgbContainer .usrgbReturn A {
 display: block;
 width: 9em;
 padding: 4px;
 margin-left: 40px;
 outline: none;
 text-align: center;
}

.usrgbContainer .usrgbReturn A:hover {
 border: 1px solid #FEE19E;
 color: #FEE19E;
}

#usrgbForm LABEL {
 color: #9C9075;
}

.usrgbInput SPAN {
 color: #CC0000;
}

.usrgbError SPAN {
 color: #CC0000;
 font-size: 90%;
}

.usrgbFormErr DIV {
 color: #CC0000;
}

.usrgbHints SPAN {
 color: #4A4539;
 font-size: 90%;
}

.usrgbPreview {
 background-color: #171511;
 color: #4A4539;
}

IMG.usrgbVcode { 
 border: 1px solid #4A4539;
}