/* ezeegallery.css Theme OliveWindow 4LevelWebs 2005 */

/*----------------------------------------------------------------------------
 The body has a bg image applied. The margin is set
 to 30px top which pushes everything down a little bit.
*/
body {
	background-color: #CDC2BE;
	margin: 30px 0 0 0;
	padding: 0;
	background-image: url(OliveWindow/images/bg_main.gif);
}


/*----------------------------------------------------------------------------
 The Thumbnails styles.
 display:block is used to make the thumbs have a vertical orientation. This
 shouldn't be changed as it would compromise the layout.
*/
.thumbNorm {/* Norm state*/
	margin: 0;
	padding: 0 10px;
}
.thumbOver {/* Over state*/
	margin: 0;
	padding: 0 10px;
	background-color: #FFF;
}
.thumbDown {/* Down state*/
	margin: 0;
	padding: 0 10px;
	background-image: url(OliveWindow/images/bg_header.gif);
}


/*----------------------------------------------------------------------------
 The Nav Links styles. Just simple text colors and no underlines.
*/
.linksNorm {/* Norm state */
	color: #999;
	text-decoration: none;
	padding: 0 2px;
}
.linksOver {/* Over state */
	color: #000;
	text-decoration: none;
	padding: 0 2px;
}
.linksDown {/* Down state */
	color: #ff0000;
	text-decoration: none;
	padding: 0 2px;
}


/*-------------------------------------------------------------------------------
 The Gallery Title div.
*/
#gallerytitle {
	margin:0;
	padding: 7px 0 2px 40px;
	height:21px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 16px;
	color: #666;
}


/*----------------------------------------------------------------------------
 The vertical strips
 .top = Applied to a <td> The top strip accross page.
 .botttom = Applied to a <td> The bottom strip accross page.
*/

.top {
	margin: 0;
	padding: 0;
	border-top: 0px solid #FFF;
	background-image: url(OliveWindow/images/bg_top.gif);
}

.bottom {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #FFF;
	background-image: url(OliveWindow/images/bg_top.gif);
}

/*----------------------------------------------------------------------------
 Used to pad the div that encases the thumb images.
 4px top and bottom
*/
#thumbimages {
	margin: 0;
	padding: 4px 0;
	z-index:300;
}


/*----------------------------------------------------------------------------
 The table that surrounds the thumbs. Only used for border color.
*/
.navlinktable {
	border: 1px solid #FFF;
}


/*----------------------------------------------------------------------------
 The div containing the Nav Links.
*/
#thumbnavLinks {
	margin: 0 auto;
	padding: 8px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	height: 22px;
}


/*----------------------------------------------------------------------------
 A little padding for the Nav Links. Gives them some room. 
*/
#thumbnavLinks a {
	margin: 0 2px;
	padding-bottom: 3px;
}


/*----------------------------------------------------------------------------
 The div that contains the big "full" image.
*/
#fullimage {
	margin: 0 20px 0 0;
	padding: 0;
	z-index:200;
}


/*----------------------------------------------------------------------------
 This div spans accross the entire page and sits
 behind the full image and thumbs.
*/
#fullbg {
	background-color: #DED7D3;
}


/*----------------------------------------------------------------------------
 This style is applied directly to the full image.
 It's purpose here is to provide a border around
 the full image.
*/
.imgwrap {
	margin: 0;
	padding: 0;
	border-top: 1px solid #000;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #000;
}


/*----------------------------------------------------------------------------
 The caption div. Borders have been assigned to only 3 sides.
 A font type, size, and color have been assigned as well as
 some letter spacing. A lighter bg color than the full bg is used.
*/
#caption {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	color: #000;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #000;
	letter-spacing: 1px;
	background-color: #F2EFEE;
}


/*----------------------------------------------------------------------------
 The caption text is encased in a <p> tag. Here, some padding
 has been assigned to give the text some breathing room.
*/
#caption p {
	margin: 0px;
	padding: 4px 10px 4px 10px;
}


/*----------------------------------------------------------------------------
 This style is applied to the center table cell where the
 full and thumb images reside.
*/
.centerbg {
	margin: 0;
	padding: 20px 0 20px 20px;     /* Pads the space above and below main image */
	border-top: 1px solid #999;    /* Top border of cell */
	border-right: 3px solid #FFF;  /* Right border of cell */
	border-left: 3px solid #FFF;   /* Left border of cell */
	background-color: #DED7D3;     /* The bg color */
}


/*----------------------------------------------------------------------------
 This div resides at the very bottom of the page and contains
 the copyright info.
*/
#footer {
	margin: 0;
	padding: 0;
	text-align: left;
}


/*----------------------------------------------------------------------------
 The footer text is encased in a <p> tag. A small text size is used
 and some padding applied for breathing room.
*/
#footer p {
	margin: 0px;
	padding: 2px 8px;
	font-family: Arial, Helvetica, sans-serif; font-size: .60em;
	text-align: left;
	color: #FFF; /*text color*/
}