/* 
-------------------------------------------------------------------------
style.css
-------------------------------------------------------------------------
*/




body {
	background-color: white;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #372523;
	padding: 0;
	margin: 0;
	}
	
div.clear {
	clear: both;
	}
	
img {
	border: 0;
	}

a {
	color: #737eac;
	}
	
a:visited {
	color: #737eac;
	}
	
a:hover, a:active {
	color: #924646;
	}

h1 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 30px;
	color: #353535;
	font-weight: normal;
	}

p {
	margin: 0 0 10px 0;
	padding: 0;
	}	
	
#PageContainer {
	background-color: white;
	width: 640px;
	padding: 0;
	margin: 80px auto; /* centers page content */
	}

#intro {
	float: left;
	border: solid #3e4142 1px;
	background-color: #b8bbc9;
	padding: 10px;
	width: 620px;
	}
		
#headshot {
	float: left;
	border: solid #3e4142 1px;
	margin: 0 20px 0 0;
	}
	
#pageTitleAndNav {
	float: left;
	width: 100%;
	border-bottom: solid #3e4142 1px;
	margin: 20px 0 20px 0;
	}

#navigation {
	text-align: left;
	float: left;
	font-size: 15px;
	}
		
#navigation li {
	margin: -17px 50px 0 -30px; 
	padding: 0;
	display: inline;
	list-style-type: none;
	float: left;
	}

#social {
	text-align: right;
	float: right;
	}
		
#social li {
	margin: -10px 10px 0 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	float: left;
	}

.row {
	padding: 0 10px 25px 10px;
	float: center;
	width: 600px;
	}

#footer {
	text-align: center;
	padding: 10px;
	border-top: 1px solid #3e4142;
	}
	
.highlight {
	color: #4f5b88;
	}