/* ezeegallery.css OrangeBamboo 4LevelWebs 2005 */


/*--------------------------------------------------------------------------------
 The body has a background image applied.  This background tiles the entire screen.
*/
body {
	margin: 0;
	text-align: center;
	background-color: #000;
	background-image: url(OrangeBamboo/images/bg_main.gif);
}


/*--------------------------------------------------------------------------------
 The Thumbnails styles.
*/
.thumbNorm {/* Norm state*/
	margin: 2px;
	padding: 1px;
	background-color: #FFF;
	border: 1px solid #FFF;
}
.thumbOver {/* Over state*/
	margin: 2px;
	padding: 1px;
	background-color: #E2E2C7;
	border: 1px solid #E2E2C7;
}
.thumbDown {/* Down state*/
	margin: 2px;
	padding: 1px;
	background-color: #E27226;
	border: 1px solid #FFF;
}


/*--------------------------------------------------------------------------------
 The Nav Links styles. Just simple text colors, bg color and no underlines.
*/
.linksNorm {/* Norm state*/
	color: #FFF;
	text-decoration: none;
}
.linksOver {/* Over state*/
	color: #000;
	text-decoration: none;
}
.linksDown {/* Down state*/
	color: #666;
	text-decoration: none;
}


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


/*--------------------------------------------------------------------------------
 The container div holds the "thumbimages", "thumbnavlinks", "fullimage", and "caption" divs.
 The width of the lower layout can be increased or decreased by the width style here.
*/
#container {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	border-bottom: 1px solid #FFF;
	background-color: #CDC2BE;
	background-image: url(OrangeBamboo/images/bg_full.gif);
}


/*--------------------------------------------------------------------------------
 The thumbimages div contains the thumnail images. In this style there is a bg image
 applied to this div.
*/
#thumbimages {
	margin: 0;
	padding:2px 0;
	background-color: #E27226;
	background-image: url(OrangeBamboo/images/bg_header.gif);
}


/*--------------------------------------------------------------------------------
 The thumbnavLinks div contains the nav links. A background image is applied to this div.
 The links are bold, and a border of 1px is applied to the bottom of the div.
*/
#thumbnavLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 2px 0 5px 0;
	color: #FFF;
	background-color: #E27226;
	background-image: url(OrangeBamboo/images/bg_header.gif);
	border-bottom: 1px solid #FFF;
}


/*--------------------------------------------------------------------------------
 Gives the thumb nav links some space inbetween each other.
 The padding is set to 0 (top/bottom ) and 5px ( left/right ).
*/
#thumbnavLinks a {
	padding: 0 5px;
}


/*-----------------------------------------------------------------------------
The wait div. 
 This div is positioned "absolute", meaning it will always stay put.To move this div
 you can select it in Dreamweaver Design View and move it with your mouse or keyboard arrows,
 or via the settings in the Property Inspector.
 This div contains the "Image Loading" message. You can change this text to whatever you like
 in the gallery page ( code view ).
*/
#wait {
	position:absolute;
	left:28px;
	top:33px;
	z-index:100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #FFF;
	visibility: visible;
}


/*--------------------------------------------------------------------------------
 The div that contains the big "full" image. A diagonally striped bg image is applied
 and padding is 10px top/right.
*/
#fullimage {
	clear:all;
	margin: 0 auto;
	padding: 10px 0;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
	background-image: url(OrangeBamboo/images/bg_full.gif);
}


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


/*--------------------------------------------------------------------------------
 The caption div styles. Simple font styles and a border on the left and right.
 The background color is slightly darker than the body bg color.
*/
#caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	color: #FFF;
	background-color: #C1B4AE;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
}


/*--------------------------------------------------------------------------------
 The caption text is encased in a <p> tag. No margin and
 a 2px padding for top/right and 50px for left/right.
*/
#caption p {
	margin: 0;
	padding: 2px 50px;
}


/*--------------------------------------------------------------------------------
 The footer div contains the copyright info.
*/
#footer {
	width: 750px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .60em;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	color: #666;
}


/*--------------------------------------------------------------------------------
 The footer text is in a <p> tag. Some padding added.
 top=6px, roght=0, bottom=1px, left=5px.
*/
#footer p {
	margin: 0;
	padding: 6px 0 1px 5px;
}