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


/*-----------------------------------------------------------------------------
 The body has a bottom margin of 20px. This can be adjusted bigger or smaller.
 Leave the "auto" in the margin for centering the layout.
 Text is aligned center to allow a centered layout.
 A gradient background is applied.
*/
body {
	background-color: #666;
	margin: 0 auto 20px auto;
	padding: 0;
	text-align: center;
	background-image: url(Kiwi/images/bg_main3.jpg);
	background-attachment: fixed;
}


/*-----------------------------------------------------------------------------
 The Thumbnails styles.
 The norm state has a solid white border and gray background.
 The over state has a solid white border and white background and is "raised" by the margin setting of 6px.
 The down state has a 3 solid white borders and no background and is "raised" by the margin setting of 6px.
*/
.thumbNorm {/* Norm state*/
	margin: 1px;
	padding: 5px;
	background-color: #999;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
.thumbOver {/* Over state*/
	margin: 1px 1px 6px 1px;
	padding: 5px;
	background-color: #FFF;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
.thumbDown {/* Down state*/
	margin: 1px 1px 7px 1px;
	padding: 5px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 0px solid #FFF;
	border-left: 1px solid #FFF;
}


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


/*-----------------------------------------------------------------------------
 The thumbnavlinks div contains the nav links. Font styles, and padding.
 A 1px bottom border is applied to the top and bottom of this div.
 The font weight and size for the nav links is determined here.
*/
#thumbnavLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 3px 0 3px 0;
	color: #FFF;
	background-color: #999;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #666;
}


/*-----------------------------------------------------------------------------
 The thumbnavlinks <a> tags.
 This rule determines the size of the nav link "buttons" effect.
 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 via the settings in the Property Inspector.
 This div determines how your Gallery Title will appear. Text color, size, weight etc..
*/
#gallerytitle {
	position:absolute;
	left:10px;
	top:85px;
	z-index:1;
	color: #fff;
	margin:0;
	padding: 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 3px;
}


/*-----------------------------------------------------------------------------
 The container div contains the full image and caption div.
 If your full size images are wider than 700px change the width rule.
 The 20px margin sets the distance of the top of the full image from the navlinks bar.
*/
#container {
	width: 700px;
	margin: 20px auto 0 auto;
	padding: 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 20px is set for top/bottom
 and 0 for left/right. By default this div has the green gradient background image.
*/
#thumbimages {
	margin: 0;
	padding: 20px 0;
	background-color: #666;
	background-image: url(Kiwi/images/bg_masthead.jpg);
	border-bottom: 1px solid #000;
}


/*-----------------------------------------------------------------------------
 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:10px;
	top:10px;
	z-index:100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 10px;
	color: #000;
	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: 1px solid #FFF;
	border-right: 5px dashed #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 5px dashed #FFF;
}


/*-----------------------------------------------------------------------------
 This div contains your caption text.
 By default, just simple font styles and letter spacing for an interesting effect.
*/
#caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	letter-spacing: 3px;
	margin: 0 auto;
	padding: 6px;
	color: #FFF;
}


/*-----------------------------------------------------------------------------
 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;
}