/* CSS Document */

/*This document specifies attributes that will carry over for the entire site.*/

/*The "body" section specifies background color, default font color, the fonts to be displayed in order of most to least desirability.  Background color is black, default text color is gray.*/

html {
	height: 100%;
}

body {
	background-color: #000000;
	color: #999999;
	font-family: Garamond, "Times New Roman", serif;
	height: 100%;	
	text-align: left;
}

/*This causes the link text color to change to white when the mouse hovers over it, but keeps it the default gray otherwise.  Make sure to keep these in the order of link, visited, hover, and active.  Hover will break otherwise.  A img tells the browser to not display a border around images that are links.*/

a img {
	border: none;
}

a:link { 
	color: #999999;
}

a:visited {
	color: #999999;
}

a:hover {
	color: #FFFFFF;
}

a:active {
	color: #999999;
}

/*This section controls the specific changes in text display for first level headings, which are used to create the navigation menu and headings on pages.*/

h1 {
	font-variant: small-caps;
	text-decoration: none;
	font-size: 1.5em;
}

/*wrapper contains the entire page.  It sets a margin around the page of the same size as the default font size, fixes the width of the page at 970 pixels, and centers it.*/

#wrapper {
	margin-top: 1em;
	width: 970px;
	margin-left: auto;
	margin-right: auto;
}

/*navmenu is a fixed width of 200 pixels and stays to the left of the page's main content.*/

#navmenu {
	float: left;
	width: 200px;
}

/*The content div begins once the navmenu has ended...if you change the navmenu size, be sure to also alter the left margin for the content div.  It has an inner padding margin the same size as the default font for the browser.*/

#content {
	padding: 1em 1em;
	margin-left: 200px;	
}

/*content header creates the line that separates a page's header title from the actual content.*/  

#contentheader {
	border-bottom: 1px solid #999999;
}

/*inner specifies the color of the main text, which is kept lighter for readability, but not white so the user's eyes aren't blinded by too high contrast.
innerimg sets a small margin around the image used on content pages, which is also instructed to be to the far right and have the text wrap around it.*/

#inner {
	color: #CCCCCC;
}

#innerimg {
	float: right;
	margin-left: 0.5em;
}

/*The footer is instructed to sit below all the div elements below it.  Text is also made smaller.*/

#footer {
	clear: both;
	font-size: 0.75em;
	text-align: right;
}

/*.container, .image, and .clear control the "table" format used for the gallery pages.*/

.container {
	width: 700px;
	text-align: center;
	float: left;
	display: block;
	padding-top: 1em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	
}
.image {
	width: 150px;
	display: block;
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.clear {
	clear: both;
}

/*.slideshow centers the gallery slideshow and changes the font for the "buttons."*/

.slideshow {
	text-align:center;
	color: #999999;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}