/* ezeegallery.css 
   by 4LevelWebs http://www.fourlevel.com
   copyright 2006
   Theme: Mariner 
 */

/*-----------------------------------------------------------------------------
 The body has a top and bottom margin of 0, and left/right of auto. The auto is to center the layout.
 A checkered background image.
*/
body {
	background-color: #D3D3C9;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-image: url(Mariner/images/bg_main.gif);
}

/*-----------------------------------------------------------------------------
 The Thumbnails styles.
 The norm state has a 1px solid black border.
 The over state has a 1px solid white border.
 The down state has a 1px white yellow border.
*/
.thumbNorm {/* Norm state*/
	margin: 1px;
	padding: 0px;
	background-color: #FFF;
	border-top: 1px solid #000;
	border-right: 3px solid #000;
	border-bottom: 1px solid #000;
	border-left: 3px solid #000;
}
.thumbOver {/* Over state*/
	margin: 1px;
	padding: 0px;
	background-color: #666;
	border-top: 1px solid #FFF;
	border-right: 3px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 3px solid #FFF;
}
.thumbDown {/* Down state*/
	margin: 1px;
	padding: 0px;
	background-color: #000;
	border-top: 1px solid #FFE88C;
	border-right: 3px solid #FFE88C;
	border-bottom: 1px solid #FFE88C;
	border-left: 3px solid #FFE88C;
	}

/*-----------------------------------------------------------------------------
 The Nav Links styles.
 The norm state has a 1px solid gray border - gray background - white text.
 The over state has a 1px solid white border - black background - white text.
 The down state has a 1px white yellow border - gray background - white text.
*/
.linksNorm {/* Norm state*/
	color: #FFF;
	text-decoration: none;
	background-color: #999;
	border: 1px solid #ccc;
	margin: 0 2px;
	padding: 0 6px;
}
.linksOver {/* Over state*/
	color: #FFF;
	text-decoration: none;
	background-color: #000;
	border: 1px solid #FFF;
	margin: 0 2px;
	padding: 0 6px;
}
.linksDown {/* Down state*/
	color: #FFF;
	text-decoration: none;
	/*background-color: #FFE88C;*/
	border: 1px solid #FFE88C;
	margin: 0 2px;
	padding: 0 6px;
}

/*-----------------------------------------------------------------------------
 The thumbnavlinks div contains the nav links. Font styles, and padding.
 The font weight and size for the nav links is determined here.
 The background image provides the very slight shadow at the bottom.
 NOTE: You may have to sadust the shadow in the OliveWindow.png file when changing thumb sizes.
*/
#thumbnavLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 7px 0 7px 0;
	color: #FFF;
	background-image: url(Mariner/images/bg_thumbnavlinks.jpg);
	border-bottom: 0px solid #FFF;
}

/*-----------------------------------------------------------------------------
 The thumbnavlinks <a> tags.
 This rule determines the size of the nav link "buttons".
 An 8px padding left/right for padding the button horizontally. Larger numbers make the buttons wider.
*/
#thumbnavLinks a {
	padding: 0 8px;
	margin: 1px;
}

/*-------------------------------------------------------------------------------
 The Gallery Title 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.
*/
#gallerytitle {
	position:absolute;
	left:10px;
	top:96px;
	width:260px;
	z-index:100;
	margin:0;
	padding: 0 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	letter-spacing: 4px;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
}	 

/*-----------------------------------------------------------------------------
 The wrapper div sits in the bottom area and spans the width of the browser.
 The background image provides the white shadow below the gray link div.
*/
#wrapper{
	margin: 0px;
	padding: 0;
	background-image: url(Mariner/images/bg_wrapper.jpg);
	background-repeat: repeat-x;
}

/*-----------------------------------------------------------------------------
 The container div contains the full image and caption div.
 A default width of 700px is used here. If your full images are larger
 you can increase this value.
*/
#container {
	width: 700px;
	margin: 0 auto;
	padding: 0px 0 20px 0;
}

/*-----------------------------------------------------------------------------
 The div that contains the big "full size" image. Nothing much to style here.
*/
#fullimage {
	margin: 0;
	padding: 0;
}

/*-----------------------------------------------------------------------------
 The thumbimages div contains the thumb images. 
 A padding of 15px is set for top, 10px for the bottom and 0 for left/right. 
 The background image provides the green texture behind the thumb images.
*/
#thumbimages {
	margin: 0;
	padding: 15px 0 10px 0;
	background-image: url(Mariner/images/bg_thumbimages.jpg);
}

/*-----------------------------------------------------------------------------
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 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:267px;
	top:114px;
	z-index:100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0 10px;
	color: #FFF;
	visibility: visible;
}

/*-----------------------------------------------------------------------------
 This style is applied directly to the full image.It's purpose is to provide a border around the full image.
 Adjust to suit the borders thickness and border style if desired.
*/
.imgwrap {
	margin: 0;
	padding: 0px;
	border-top: 0px solid #999;
	border-right: 4px solid #FFF;
	border-bottom: 4px solid #FFF;
	border-left: 4px solid #FFF;
}

/*-----------------------------------------------------------------------------
 This div contains your caption text.
 By default, just simple font styles and letter spacing for an interesting effect.
 The background image provides the shadow below the full size image.
 NOTE: To display the shadow without a caption set for a particular image,
 Enter into the caption field a non-breaking space   &nbsp;  and the shadow
 will appear without an actual caption.
*/
#caption {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	text-align: left;
	letter-spacing: 3px;
	margin: 0px auto;
	padding: 3px 4px 6px 4px;
	color: #999;
	border: 0px solid #FFF;
	font-weight: bold;
	background-image: url(Mariner/images/bg_caption.jpg);
}

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