/* CSS Document */

@import url(reset.css);

body {
	color: #666;
	background-color: #f4f4ef;
	font-family: Georgia, "Times New Roman", serif;
	font-size: .9em;
	line-height: 140%;
	}
div#wrap {
	margin: 0 auto 2em auto;
	width: 900px;
	}

/* Links ------------------ */
a:link {color: #82a292}
a:hover, a:active, a:focus {color: #a4a4a4}
a:visited {color: #82a292}

/* Header ------------------ */
div#header {
	border-bottom: 1px solid #82a292;
	height: 85px;
	}
	#home div#header {
	padding-top: 20px;
	border-bottom: 0;
	}
h1 {
	width: 350px;
	height: 65px;
	background: transparent url("../_img/logo.gif") center no-repeat;
	text-indent: -9999px;
	}
	#home div#header h1 {display:none}
	#home h1 {
	width: 900px;
	height: 96px;
	margin-top: -25px;
	margin-bottom: 10px;
	background: transparent url("../_img/home-header.jpg") center no-repeat;
	text-indent: -9999px;
	}
ul#nav {
	margin: -30px 0 30px 600px;
	font-family: "Trebuchet MS", Trebuchet, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	background: transparent url(../_img/slash.gif) left center no-repeat;
	}
	#home ul#nav {
	margin-top: 15px;
	}
	ul#nav li {
	position: relative;
	float: left;
	margin-right: 1.8em;
	}
	ul#nav li a {
	padding-right: 2em;
	color: #666;
	text-decoration: none;
	background: transparent url(../_img/slash.gif) right center no-repeat;
	}
	body#home li#home a, body#projects li#projects a, body#about li#about a {color: #82a292}
	ul#nav li#about a {
	padding-right: 0;
	background: none;
	}
	
/* H2, Sub-navigation, Content ------------------ */
h2 {
	font-size: 1.75em;
	padding-top: .7em;
	}
h3 {
	/* font-family: "Trebuchet MS", Trebuchet, "Lucida Grande", Lucida, Verdana, sans-serif; */
	font-weight: bold;
	}
h4 {
	padding-top: .7em;
	font-weight: bold;
	}
h3 span, h4 span {
	font-weight: normal;
	font-style: italic;
	}
ul#subnav {
	margin-top: 1em;
	float: left;
	font-family: "Trebuchet MS", Trebuchet, "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 165px;
	margin-bottom: 30px;
	}
	ul#subnav li {
	padding: .5em 0 .35em 0;
	border-top: 1px solid #c1d9cd;
	}
	ul#subnav li a {
	text-decoration: none;
	}
	ul#subnav li a:hover, ul#subnav li a:active, ul#subnav li a:focus {
	text-decoration: underline;
	} 
	ul#subnav li#this-page, ul#subnav li.this-page {
	list-style-type: square;
	}
	ul#subnav li.first {
	border-top: 0;
	}
	ul#subnav li#selected {
	font-weight: bold;
	}
ul#supersubnav {
	margin: .5em 0 .8em 0;
	}
ul#supersubnav li {
	border-top: 0;
	margin-left: 1.4em;
	padding: .4em 0 .25em 0;
	font-size: .85em;
	}
div#content {
	position: relative;
	float: right;
	width: 715px;
	margin-bottom: 30px;
	}
	div#content h3 {
	margin-top: -1.8em;
	border-top: 0;
	}
	div#content ul.mission h3 {
	margin-top: 0;
	}
	div#content.resume-projects h3 {
	border-top: 1px solid #a4baaf;
	margin-top: 1.4em;
	}
	/* H3s */
	div.profile h3.first,
	div#content.resume-projects h3.first,
	div.resources h3.first {
	margin-top: -1.8em;
	border-top: 0;
	}
/* div#project-description {
	width: 540px;
	} */
p#project-index {
	margin-top: -.9em;
	font-size: 2em;
	line-height: 1.4em;
	}
	
/* Content Images ------------------ */
div#content img {
	margin: 1.4em 0;
	}
	div#content img#cup {
	float: right;
	margin: -1.6em 0 4em 1em;
	}
ul#imagegallery {
	margin: 1em 13px -.7em 0;
	float: right;
	}
ul#imagegallery li {
	position: relative;
	float: left;
	}
ul#imagegallery li a span {
	text-indent: -9999px;
	display: block;
	width: 15px;
	height: 15px;
	background: transparent url(../_img/square-gray.gif) center no-repeat;
	}
ul#imagegallery li a span#imgS { 
	background: transparent url(../_img/square-green.gif) center no-repeat;
	}
ul#imagegallery li a:hover span,
ul#imagegallery li a:focus span,
ul#imagegallery li a:active span {
	background: transparent url(../_img/square-green.gif) center no-repeat;
	}

/* Footer ------------------ */
ul#footer {
	position: relative;
	clear: both;
	margin-top: 30px;
	padding-top: .75em;
	font-size: .8em;
	border-top: 1px solid #999;
	}
ul#footer li {
	position: relative;
	float: left;
	padding-right: 1em;
	margin-right: .8em;
	background: transparent url(../_img/slash.gif) right center no-repeat;
	}
ul#footer li#copyright {
	padding-bottom: .2em;
	}
ul#footer li#name {
	clear: left;
	}
ul#footer li#copyright, ul#footer li#email {
	background: none;
	}
ul#footer li#email {
	padding-bottom: 2em;
	}

/* Original Footer ------------------
ul#footer {
	position: relative;
	clear: both;
	margin-top: 30px;
	margin-bottom: 2em;
	padding-left: 185px;
	padding-top: 1em;
	border-top: 1px solid #999;
	}
ul#footer li#copyright {
	padding-bottom: .7em;
	}
ul#footer li#name {
	font-weight: bold;
	}  */