/* $Id: theme.css 2823 2008-11-04 01:46:17Z rvelices $ */

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

H2, #menubar DT {
	color: #fff48e;
}


/* backgrounds */

BODY, H3, #imageHeaderBar, #imageToolBar A:hover {
	background-color: #2f2f2f;
}

#menubar DL, .content, #imageToolBar, .header_notes {
	background-color: #505050;
}

H2, #menubar DT {
	background-image: url(images/tableh1_bg.png);
}

#imageHeaderBar H2 {
	background-image: none;
	background-color: transparent;
/*	border: none; */
	float: left;
	margin-top: -1px;
	overflow: hidden;
	color: white;
/*	border: 1px solid yellow; */
}

/*if this is specified here, it drops the div down a line, whether it's an "id" or a "class".  When in picture.tpl, it doesn't, so that's where it is! */
/*#imageheaderBar #photofilename {
	float: left;
	margin-left: 1em;
}*/

#imageHeaderBar {
	background-image: url(images/tableh2_bg.png);
	background-repeat: repeat-x;
	background-position: center;
	border-top: 1px solid #000;
	margin-bottom: 0.5em;
}

/* #imageheaderBar .browsePath {
	float: left;
}*/

/*added section*/
#thePicturePage #the_page #theHeader {
	display: none;
}/*works!  gets rid of useless header only on single photo page*/

/*#thePicturePage #the_page #imageHeaderBar {
	border: 1px solid white;
} */

		/*MUCH OF THE FOLLOWING IS MAINLY IN PICTURE.CSS*/
#imageToolBar {
	width: 2.5em;
	position: fixed top right;
	float: right;
}
/*.navbuttons {
	background-color: white;
}*/  /*does nothing here    specified somewhere else... in picture.css???*/

/*#imageToolBar .randomButtons {
	margin: 0;
	padding: 0;
	width: 3em;
}                                  does nothing here*/

/*end added section*/

/* borders */
#menubar DL, .content{
	border: 1px solid #000;
}

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

FIELDSET, INPUT, SELECT, TEXTAREA,
.content DIV.thumbnailCategory {
	border: 1px solid gray;  /*this makes the outline on directory themnails + description.  IF UNSPECIFIED INHERITS GRAY FROM SOMEWHEREs*/
}

.content UL.thumbnails SPAN.wrap2 {
	border: 1px solid #aaaaaa;	/* thumbnails border color and style  has to be specified on inherits gray from somewhere*/
/*	border-radius: 4px 4px;   commented out*/	/* round corners with CSS3 compliant browsers */
}

.content UL.thumbnails SPAN.wrap2:hover,
.content UL.thumbnailCategories DIV.thumbnailCategory:hover,
.content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
	background-color: #575786; /*#faebd7;*/   /*THIS IS THE ONE THAT COUNTS!! does not work on local-layout.css*/
	border-color: #aaa;	/* thumbnails border color when mouse cursor is over it */
	color: black;
}


/* links */
A, INPUT.rateButton {
	color: #fff;
	border: none;
}

A:hover {
	color: #FFF48E;
}