/* colors from kuler.adobe.com, theme dieselpunk */
/* http://kuler.adobe.com/#themeID/833368 */
/* horiz center: http://www.noobcube.com/tutorials/html-css/horizontal-and-vertical-centering-using-css-a-beginners-guide-/ */

body {
	background-color: #AB0007;
	font-family: Calibri,Veranda;
}

a {
	color: #17374C;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

#container {
	position: absolute;
	width: 1024px;
	left: 50%;
	margin-left: -512px;
	top: 0;
	/*background-color:#b0e0e6;*/
}

#sidebar {
	background-color: #D6C28F;
	
	position: fixed;
	float: left;
	width: 25%;
	max-width: 250px;
	min-width: 250px;
	height: 650px;
	top: 0;
	
	box-shadow: 3px 3px 7px #000;
	
	font-family: Cambria, Georgia, Serif;
	text-align: left;
	color: #17374C;
}

#leftBox {
	/*position: absolute;*/
	float: right;
	height: auto;
	width: 75%;
	margin-top: 45px;
	
	/*border: 1px solid;*/
}

#content {
	/*background-color: #212625;*/
	
	text-align: center;
	
	/*box-shadow: 2px 2px 7px 6px #555;*/
}

#footer {
	color: #17374C;
	text-align: center;
	margin-bottom: 40px;
}

h1.name {
	padding-top: 12px;
	font-family: Cambria, Georgia;
	font-size: 65px;
	text-align: center;
	color: #17374C;
}

p.bio {
	font-size: 12px;
	text-align: justify;
	color: #9ca6a2;
	
	padding-left: 5px;
	padding-right: 5px;
}

p.content {
	font-size: 19px;
	text-align: left;
	text-indent: 2em;
	
	padding: 20px;
}

ul.nav {
	color: #17374C;
	
	list-style-type: none;
	
	font-size: 26px;
}
a.nav {
	color: #17374C;
}