/* ezeegallery.css
   by 4LevelWebs http://www.fourlevel.com
   copyright 2006
   Theme: Simpleton1
*/
/*
HINTS
MAKE THE LAYOUT WIDER:
 adjust the width of the #container div style
 Default-> width: 550px;
CHANGE THE OVERALL COLOR SCHEME:
 Change the background-color of the body style
 Default-> background-color: #70615F;
 You may have to change the color of the #caption
 div text as well.
*/
/*-----------------------------------------------
 text align center, margin right/left=auto for centering the layout.
*/
body {
	/*background-color: #70615F;*/
	/*margin: 0px auto;*/
	text-align: center;
}
/*-----------------------------------------------------
 The Thumbnails styles. Different border colors and a
 2px margin for left/right.
*/
.thumbNorm {/* Norm state*/
	margin: 2px;
	padding: 0;
	border: 1px solid #FFF;
}
.thumbOver {/* Over state*/
	margin: 2px;
	padding: 0;
	border: 1px solid #79132B;
}
.thumbDown {/* Down state*/
	margin: 2px;
	padding: 0;
	border: 1px solid #79132B;
}
/*-----------------------------------------------------
 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: #FF0000;
	text-decoration: none;
}
.linksDown {/* Down state*/
	color: #FF0000;
	text-decoration: none;
}
/*-------------------------------------------------------------------------------
 The Gallery Title div.
*/
#gallerytitle {
	margin:0;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 14px;
	color: #FFF;
}
/*-----------------------------------------------
 The container div encompasses all of the other divs in the layout.
 Everything in the page is inside of this div. To make the layout
 wider or narrower change the width value.
*/
#container {
	width: 650px;
	margin: 0 auto;
	padding:5px 5px;
	text-align: center;
}
/*-----------------------------------------------
 The wrapper div contains the "fullimage" div. It serves
 as a container for the fullimage and is the width of the
 "container" div. In this design dotted borders have been
 assigned only on the right/left.
*/
#wrapper {
	margin: 0 auto 10px auto;
	padding: 0;
	text-align: center;
	border-right: 1px dotted #FFF;
	border-left: 1px dotted #FFF;
}
/*-----------------------------------------------
 The header div is at the top of the layout and contains the
 logo. You can replace this logo with your own or add anything
 inside of here that you like to serve as a header to the page.
*/
#header {
	margin: 0 auto;
	padding: 10px;
	border-top: 0px solid #FF0000;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #FFF;
	background-color: #FFF;
}
/*-----------------------------------------------
 The thumbimages div contains the thumb images after they load.
 By default just 0 padding and margins.
*/
#thumbimages {
	margin: 0;
	padding: 0px 0;
	height:100px;
}
/*-----------------------------------------------
 The thumbnavLinks div contains the nav links after they load.
 A font family and size have been set as well as 4px padding
 top/bottom.
*/
#thumbnavLinks {
	margin: 0;
	padding: 4px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/*-----------------------------------------------
 The links ( <a> tags ) inside of the thumbnavLinks have
 some breathing room left to right with some padding here.
*/
#thumbnavLinks a {
	padding: 0 4px;
}
/*-----------------------------------------------
 The wait div contains the "Image Loading" text. This div is
 located at the top of the page and will appear if a full image
 has not loaded or not in the browser cache. Simple font styles
 and alingnment "center".
*/
#wait {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-align: center;
}
/*-----------------------------------------------
 The fullimage div contains the full image after it has loaded.
 A margin of top/bottom=0 and left/right=auto will kee it centered
 in the layout.
*/
#fullimage {
	margin: 0 auto;
	padding: 0;
}
/*-----------------------------------------------
 The imgwrap class is applied to the full image. It is used here
 to provide a 1px solid border on the full image.
*/
.imgwrap {
	padding: 0;
	/*border: 1px solid #000;*/
	width: 488px;
	height: 402px;
}
/*-----------------------------------------------
 The caption div contains the caption text, if any. Font styles
 and  a border on the top. 
 The margin is set to top=0, right=auto, bottom=7px, left=auto.
 the auto will keep the div centered in the layout.
*/
#caption {
	margin: 0 auto 7px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: left;
	border-top: 1px solid #CCC;
}
/*-----------------------------------------------
 The caption text is encased in a <p> tag. Some simple padding.
*/
#caption p {
	margin: 0;
	padding: 2px 4px;
}
/*-----------------------------------------------
 The footer div contains the copyright text by default.
 margin left/right for centering, font styles, and a border on the top.
*/
#footer {
	margin: 2px auto 0 auto;
	padding: 2px 0 0 0;
	font-family: Arial, Helvetica, sans-serif; font-size: .60em;
	text-align: left;
	color: #CCC;
	border-top: 1px solid #CCC;
}
/*-----------------------------------------------
 The footer text is encased in a <p> tag. Some simple padding.
 top=6px, right=0, bottom=1px, left=5px.
*/
#footer p {
	margin: 0;
	padding: 6px 0 1px 5px;
}