/* eZeeGallery.css Theme MidnightBloo 4LevelWebs 2005 */

/*----------------------------------------------------------------------------
 The margin is set to 30px top which pushes everything down a bit.
*/
body {
	background-color: #000;
	margin: 10px auto;
	text-align: center;
}


/*----------------------------------------------------------------------------
 The Thumbnails styles.
*/
.thumbNorm {/* Norm state*/
	margin: 0;
	padding: 0;
	border-top: 0 solid #3366FF;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
.thumbDown {/* Over state*/
	margin: 0;
	padding: 0;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #000;
	border-left: 1px solid #FFF;
}
.thumbOver {/* Down state*/
	margin: 0;
	padding: 0;
	border-right: 1px solid #3366FF;
	border-bottom: 1px solid #000;
	border-left: 1px solid #3366FF;
}


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


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


}
/*----------------------------------------------------------------------------
 Nothing special here, just making sure the padding and margins are zero.
*/
#thumbimages {
	margin: 0;
	padding: 0px;
}


/*----------------------------------------------------------------------------
 The Thumb group nav links. The padding pads the links
 from the left of the blue strip by 20px and 2px from the top.
*/
#thumbnavLinks {
	margin: 0;
	padding: 2px 0 0 20px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #FFF;
}


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


/*----------------------------------------------------------------------------
 The "Loading" text that appears at the top. Simple
 styles here. Font type,size, color and alignment.
 Padding 0px ( top/bottom ) and 5px ( left/right ).
*/
#wait {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	margin: 0;
	padding:0 5px;
	text-align: left;
}


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


/*----------------------------------------------------------------------------
 This style is applied directly to the full image.
 It's purpose here is to provide a black 1 px border
 on top.
*/
.imgwrap {
	padding: 0;
	border-top: 1px solid #000;
}


/*----------------------------------------------------------------------------
 The caption div styles. Simple font styles and alignment.
*/
#caption {
	margin: 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: left;
}


/*----------------------------------------------------------------------------
 The caption text is encased in a <p> tag. No margin or padding
 is assigned in this theme, just zero values.
*/
#caption p {
	margin: 0;
	padding: 0;
}


/*----------------------------------------------------------------------------
 This class is applied to the <td> that the nav links
 are in.
*/
.navlinkstop {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #99CCFF;
	border-left: 1px solid #99CCFF;
	background-color: #3366FF;
	color: #FFF;
	text-align: left;
}


/*----------------------------------------------------------------------------
 This class is applied to the <td> that the thumb images
are in.
*/
.thumbimagestop {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	background-color: #333;
	color: #FFF;
}


/*----------------------------------------------------------------------------
 This class is applied to the cell that the company name is in, below
 the full image. Font styles, and borders for the cell.
*/
.bgbottom {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;
	padding: 0;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	color: #FFF;
	text-align: left;
}