/* Global stuff */

body {
	font-family:	Arial;
	color:			black;
}
a {
	text-decoration:	none;
}
a:hover {
	color:				#00BBFF;
	text-decoration:	underline;
}

ul {
	list-style:	none;
}
hr {
	color: #258;
}

.clear {
	clear: both;
}

/*
 * Header
 */

#header {
	margin-top:		20px;
	margin-left:	20px;
	z-index:		1;
	width:			80%;
}

#logo {
	display:	block;
	background:	url(../images/logo.png) no-repeat;
	width:		250px;
	height:		120px;
}
#header .caption {
	position:	absolute;
	left:		105px;
	top:		105px;
	width:		18em;
	z-index:	1;
	
	padding:	3px;
	background:	rgb(0,40,80);
	border:		1px solid rgb(0,200,255);
	
	text-align:		center;
	font-family:	Eras Medium ITC;
	font-size:		x-large;
	color:			white;
}
#pagetitle {
	font-size:	xx-large;
	position:	absolute;
	left:		300px;
	top:		60px;
	color:		#026;
}
#h_bar {
	position:	absolute;
	left:		188px;	/* Some educated-guesswork to make this line up with the body width */
	top:		120px;
	width:		80%;
	height:		5px;
}

/* 
 * Navigation Bar
 */

#nav {
	position:	relative;
	padding-left:	20px;
	padding-top:	1.5em;
	width:			110px;
	float:			left;
	font-size:		medium;
	z-index:	1;
}
#nav ul, #nav li {
	margin:		0;
	padding:	0;
}
#nav li {
	position:	relative;
	background:		#026;
	border:			#5ad ridge 2px;
	padding:		3px;
	padding-left:	1ex;
	z-index:	9;
}
#nav a {
	display:	block;
	text-decoration:	none;
	font-weight:		bold;
	width:				100%;
	font-style:			italic;
}
#nav a:link, #nav a:visited {
	color:	#0af;
}
#nav a:hover {
	color:	#7fe;
}

/*
 * Footer
 */

#footer {
	clear:		both;
	width:		100%;
	text-align:	center;
	font-size:	small;
	font-style: italic;
}

/*
 * Main text area
 */

#body {
	position:		relative;
	margin-left:	150px;
	margin-bottom:	2em;
	padding-top:	1.5em;
	padding-left:	37px;
	width:			80%;
	border-left:	3px solid #cde;
}

/*
 * Filetypes
 */

a[href$=doc] {
	padding-left: 17px;
	background: url(../images/filetype/word03.png) no-repeat left center;
}
a[href$=docx] {
	padding-left: 17px;
	background: url(../images/filetype/word07.png) no-repeat left center;
}
a[href$=pdf] {
	padding-left: 17px;
	background: url(../images/filetype/pdf.png) no-repeat left center;
}
a[href$=zip] {
	padding-left: 17px;
	background: url(../images/filetype/zip.png) no-repeat left center;
}

/*
 * In-body items
 */

h1 {
	text-decoration:	underline;
}
h2:first-child {
	/* Makes sure the first section doesn't get forced below the navbar */
	padding-top:	0;
	clear:			none;
}
h2 {
	font-size:		large;
	font-weight:	bold;
	padding-top:	15px;
	margin:			0;
	clear:			both;
}
h3 {
	font-size:		medium;
	font-style:		italic;
	margin-bottom:	0;
	margin-top:		1ex;
}

.infocard {
	display:	block;
	position:	relative;
	width:		300px;
	float:		right;
}
.property_name {
	font-size:		16px;
	font-weight:	bold;
}
.property_value {
	position:	absolute;
	right:		20px;	/* Matches with .fileinfo padding */
	text-align:	right;
}

.job_list {
	list-style:	circle;
}
.job_list li {
	margin-top:		10px;
	margin-bottom:	10px;
}

/*
 * index.html
 */

.info_container {
	width:		600px;
	padding:	10px;
}
.profile {
	float:	left;
}
a.paper, .paper {
	text-decoration:	underline;
	background:			none;
	padding-left:		0;
}

/*
 * Project index
 */

#project_list {
	margin:	1ex;
}
#project_list th {
	text-align:	left;
}
#project_list th, #project_list td {
	min-width:	15em;
}
#project_list th {
	font-size:		large;
	font-weight:	bold;
}

#project_list li {
	width:	30%;
	float:	left;
}
#project_list li ul {
	padding:	0;
}
#project_list li li {
	width:	100%;
	float:	none;
}

/*
 * Project pages
 */

.thumbnail {
	clear:		both;
	float:		left;
	margin:		1em;
	max-width:	300px;
	max-height:	240px;
	border:		none;
}
.no_thumbnail {
	clear:		both;
	float:		left;
	margin:		1em;
	width:		300px;
	border:		1px solid #ddd;
	
	text-align:		center;
	padding-top:	100px;
	padding-bottom:	100px;
	color:			#aaa;
}
.fileinfo {
	position:	absolute;
	left:		365px;
	width:		300px;
	border:		ridge rgb(0,40,80);
	margin:		1em;
	padding:	1ex;
}
.fileinfo thead th {
	text-align:		center;
	padding-bottom:	1ex;
}
.fileinfo th {
	text-align:	left;
}
.fileinfo td {
	text-align:	right;
}

.project {
	width: 90%;
}
.project p {
	clear:		both;
	text-align:	justify;
}

/* projects/frog.html */

#frog_space_list td {
	padding-bottom:	1ex;
	padding-left:	1em;
}
#frog_space_list td img {
	vertical-align:	middle;
}

/*
 * Research pages
 */

.research {
	width: 700px;
	font-size: small;
	border-bottom: 1px solid #258;
	padding-bottom: 10px;
	margin-top: 2em;
}
.research img {
	float: right;
	padding: 10px;
}
.paper_title {
	font-size:	large;
	margin-bottom: 2px;
}

.thesis_goals ul {
	list-style: circle;
}
.thesis_goals li.done {
	list-style: disc;
}