/* eZeeGallery.css Dual 4LevelWebs 2005 */

/*-------------------------------------------------------------------------------
 The body has a background image applied that repeats vertically only. It gives
 the page a gray strip down the left side. The body background itself is set
 to a color of #000 - black.
*/
body {
	background-color: #000;
	margin: 0;
	background-image: url(Dual/images/bg_main.gif);
	background-repeat: repeat-y
}


/*-------------------------------------------------------------------------------
 The Thumbnails styles.
*/
.thumbNorm {/* Norm state*/
	margin: 0;
	padding: 0;
	border-right: 3px solid #FFF;
}
.thumbOver {/* Over state*/
	margin: 0;
	padding: 0;
	border-right: 3px solid #FF0000;
}
.thumbDown {/* Down state*/
	margin: 0;
	padding: 0;
	border-right: 3px solid #FF0000;
}


/*-------------------------------------------------------------------------------
 The Nav Links styles. Images have been applied to the background of the nav links.
 The colors are solid and can be changed in the included png file. The float:left
 allows the thumb images to be in vertical fashion.
*/
.linksNorm {/* Norm state*/
	background-image: url(Dual/images/navnorm.gif);
	float:left;
	margin: 0 2px;
}
.linksOver {/* Over state*/
	background-image: url(Dual/images/navover.gif);
	float:left;
	margin: 0 2px;
}
.linksDown {/* Down state*/
	background-image: url(Dual/images/navdown.gif);
	float:left;
	margin: 0 2px;
}


/*-------------------------------------------------------------------------------
 The Gallery Title div.
*/
#gallerytitle {
	margin:0;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 16px;
	color: #FFF;


}
/*-------------------------------------------------------------------------------
 The thumbimages div contains the thumbnails. No styles are applied.
*/
#thumbimages {}


/*-------------------------------------------------------------------------------
 The fullimage div contains the full image. No special styles applied, just
 padding and margin set to 0.
*/
#fullimage {
	margin: 0;
	padding: 0;
}


/*-------------------------------------------------------------------------------
 This style is applied directly to the full image.It's purpose
 is to provide a border around the full image.
 The padding allows the background color to show around the edges.
*/
.imgwrap {
	padding: 5px;
	border: 1px solid #666;
	background-color: #000;
}


/*-------------------------------------------------------------------------------
 The caption div styles. Simple font styles.
*/
#caption {
	margin: 0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	border-bottom: 0px solid #FF0000;
}


/*-------------------------------------------------------------------------------
 The caption text is encased in a <p> tag. No margin and 4px padding
*/
#caption p {
	margin:0;
	padding: 4px;
}


/*-------------------------------------------------------------------------------
 The navlinktable class is applied to the table that contains the thumbimages div.
 It has been set to have borders on 3 sides, all but the right side. The thicker
 border on the right side is set by the The Thumbnails styles above.
*/
.navlinktable {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
}


/*-------------------------------------------------------------------------------
 The bgstrip div is purely cosmetic. It provides a backdrop for the full image.
 The borders are set to 1px white except the left border which is #333, the same
 color as the bg image. This give a "connected" look as this div is butted against
 the edge of the body bg image.
*/
#bgstrip {
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #333;
}


/*
 The footer div contains the copyright info. It is set to hidden by default. To make it
 appear just set the visibility to "visible". If set to visible it is recommended
 to set the border-bottom of the #caption above to 1px.
*/
#footer {
	margin: 5px 0 0 0;
	padding: 0 5px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	visibility: visible;
}