/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 14px;
	font-family: Georgia, serif;
	font-style: italic;
	color: #8e8e8e;
	background-color: #101010;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #ff000c; }
a:active { text-decoration: none; color: #ff000c; }
a:visited { text-decoration: none; color: #323232; }
a:hover { color: #ffffff; }

a img { border: none; }


	.top-section {
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 8px;
		padding-left: 25px; /* matches padding left in #menu ul */
		font-size: 24px;
		line-height: 24px;
		color: #8e8e8e;
		font-style: italic;
		font-family: Georgia, serif;
	}


#menu {
    	width: 225px;
    	overflow: auto;
    	top: 0;
   	bottom: 0;
	left: 0;
    	position: fixed;
    	height: 100%;
    	background-color: #101010;
    	padding-top: 25px; /* change to match the padding-top in #content if you want them to align */
    	padding-bottom: 25px;
/* padding-left & right can be changed in #menu ul - below */
    	font-size: 14px;
	text-align: right;
}

#menu ul {
	list-style: none;
	margin: 0 0 0 0;
 	padding-right: 0px;
	padding-left: 25px;
}

#menu ul li {
		margin-top: 0px;
		margin-bottom: 0px;
	}

#menu ul li.section-title { 
font-family: Georgia, serif;
		font-style: italic;
		font-size: 14px;
		padding-top: 5px;
		padding-right: 0px;
		padding-bottom: 5px;
		padding-left: 0px;
		color: #8E8E8E;


}

	/* The following selectors style the "Built with Indexhibit" on the menu */	
		
		#menu ul.built {
			margin-bottom: 0;
		}
	
		#menu ul.built li {
			padding-top: 5px;
			border-top-color: #8e8e8e;
			border-top-style: solid;
			border-top-width: 1px;
			color: #101010;

	}


#content {
    height: 100%;
    margin: 0 0 0 225px;
    top: 0;

/* sets the spacing around the content area - this is normally set to match padding options in #menu but can be changed seperately */
    padding-top: 64px;  /* change to match the padding-top in #menu if you want them to align */
    padding-right: 5px;
    padding-bottom: 25px;
    padding-left: 25px;	
}

.container {
	margin-bottom: 25px;
}

#content p { width: 600px; 
	margin-bottom: 20px; 
	line-height: 18px; 
	margin-left: 0px; 
	 
}

p {
    margin: 0 0 9px 0;
}

h1 { 	background-color:#ff000c;
	color:#ffffff;
	font-family:Georgia, serif;
	font-size:14px;
	font-style:italic;
	padding: 0 5px 0 15px; 

}

h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0 0 20px 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

.nothumb img {
		margin-top: 0px;  
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
}


#once { clear: left; }


	
/* SLIDE SHOW - Navigation */
	
	p.nav a {
		background-color: #101010;
		padding-top: 3px;
		padding-right: 9px;
		padding-bottom: 3px;
		padding-left: 9px;
		font-size: 11px;
		font-family: Georgia, serif;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
	}
	
	p.nav a:hover {
		background-color: #000000;
	}
	
	p.nav span#num {
		letter-spacing: 2px;
		font-family: Georgia, serif;
		font-style: italic;
		padding-left: 20px;
	}