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


/*------------------------------------------------------------
 Simple background color. Margin is set to top/bottom=0, left/right=auto
 and text aligned center. This is so the page will center.
*/
body {
	background-color: #FFF;
	margin: 0 auto;
	text-align: center;
}


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


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


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


/*------------------------------------------------------------
 The container div hols all of the other divs except the caption
 and footer. The width here is adjustable to make the entire layout "wider".
*/
#container {
	width: 550px;
	margin: 0 auto;
	padding:0 10px;
	text-align: center;
}


/*------------------------------------------------------------
 The wrapper div encases the fullimage div. It is here to provide
 a border around the fullimage area only. A little padding around
 all sides gives breathing room for the border around the full image.
*/
#wrapper {
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: center;
	background-color: #FFF;
	border: 0px solid #CCC;
}


/*------------------------------------------------------------
 The header div contains the logo. This div can be removed if not
 wanted or place your own logo inside of it.
*/
#header {
	margin: 0 auto;
	padding:10px;
	text-align:left;
/*	border: 1px solid #CCC; */

}


/*------------------------------------------------------------
 The div that contains the thumb images. Here just 5px padding
 at the top.
*/
#thumbimages {
	margin: 0;
	padding: 5px 0 0 0;
}


/*------------------------------------------------------------
 The thumbnavLinks div contains the nav links below the thumbs.
 4px padding for left/right and some font styles. The links inside
 of this div are controlled by the ( .linksNorm ) styles above.
*/
#thumbnavLinks {
	margin: 0;
	padding: 14px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}


/*------------------------------------------------------------
 This pads the nav links left/right 4px for some breathing room.
*/
#thumbnavLinks a {
	padding: 0 4px;
}


/*------------------------------------------------------------
 The wait div contains the "Loading" text and is at the top
 of the page.
*/
#wait {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding:0 20px 0 0;
	text-align: center;
}


/*------------------------------------------------------------
 The div that contains the big "full" image.
 Just simple declarations to make sure the
 padding and margins are at zero.
*/
#fullimage {
	margin: 0 auto;
	padding: 0;
}


/*------------------------------------------------------------
 This style is applied directly to the full image. By default the 
 top/left has been given a dotted border and also 20px padding.
*/
.imgwrap {
	padding: 10px 12px 10px 12px;
	border-top: 1px dotted #CCC;
	border-left: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	border-right: 1px dotted #CCC;
	background-color: #F2F2F2;
}


/*------------------------------------------------------------
 The caption div styles. Simple font styles and a 1px bottom border.
*/
#caption {
	margin: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	border-bottom: 1px solid #CCC;
}


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


/*------------------------------------------------------------
 The footer div is at the very bottom of the page and contains
 by default the copyright info.
*/
#footer {
	margin: 5px auto 20px auto;
	padding: 2px 6px 0 0;
	font-family: Arial, Helvetica, sans-serif; font-size: .60em;
	text-align: right;
	color: #CCC;
	border-bottom: 1px solid #CCC;
}


/*------------------------------------------------------------
 The text inside of the footer div is encased in a <p> tag. This
 gives flexibility of adjusting the gap between the  footer text
 and the elements above it.
*/
#footer p {
	margin: 0;
	padding: 0;
}