/* General */
/* ------- */

body {
	position: relative;
	width: 768px;
	left: 180px;
	
	background: #000000 url(image/back.png) repeat-y;
	color: #BCBCBC;
	
	padding-bottom: 0.3em;
	
	text-align: justify;
	font-size: 1.2em;
	font-family: Verdana, Helvetica
}

strong {
	color: #FFFFFF;
	font-weight: normal;
}

a {
	color: #E7B97D;
}

a img {
	border: none;
}

a:visited {
	color: #A77C49;
}

a:active {
	color: #EBEBEB;
}

h1 {
	color: #EBEBEB;
	font-size: 1.8em;
	font-weight: normal;
	font-family: Georgia, "Times New Roman"
}

h2 {
	color: #EBEBEB;
	font-size: 1.5em;
	font-weight: normal;
	font-family: Georgia, "Times New Roman"
}

h3 {
	color: #EBEBEB;
	font-size: 1.2em;
	font-weight: normal;
	font-family: Verdana, Helvetica
}

h4 {
	color: #EBEBEB;
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
	font-family: Verdana, Helvetica
}

h5 {
	color: #EBEBEB;
	font-size: 1em;
	font-weight: normal;
	font-family: Verdana, Helvetica
}

ul.Circle li {
	margin-left: -18px;
	margin-bottom: 1em;
	padding-left: 13px;
	list-style-image: url(image/bullet.png);
}

thead {
	color: #EBEBEB;
	font-weight: bold;
	vertical-align: bottom;
}

td {
	vertical-align: top;
	padding-right: 1.5em;
}

td.Head {
	color: #EBEBEB;
	font-weight: bold;
}

.Nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 160px;
}

.ImgNav {
	/* To suppress the spacing between images, set font-size to zero */
}

.TextNav {
	font-size: 0.8em;
	text-align: left;
	width: 128px;
	margin-left: 12px;
}

p.TabHead {
}

div.Screen {
	text-align: center;
}

div.ScreenSm {
	/* Small screenshots look dumb when centered: */
	margin-left: 1.8em;	
}

span.Code {
	color: #EBEBEB;
	font-size: 1.1em;
	font-weight: bold;
	font-family: "Courier New"
}

td.Code {
	color: #EBEBEB;
	font-size: 1.1em;
	font-weight: bold;
	font-family: "Courier New"
}

pre.Code {
	margin-left: 1.8em;
	color: #EBEBEB;
	font-family: "Courier New"
}

div.Badge {
	padding-left: 1.8em;
	
}

div.Lyric {
	padding-left: 1.8em;
}

div.Lyric p {
	font-style: italic;
}

/* Main */
/* ---- */

.Main p {
	text-align: center;
	margin-bottom: 0.5em;
}

.Main h2 {
	background: url(image/head_back.png) no-repeat left 60%;
	margin-top: 0;
	margin-bottom: 0.5em;
}

.Main img {
	margin-bottom: 8px;
}

/* Play Time */
/* --------- */

.Abstract {
}

.Note {
	padding-left: 0.1em;
	font-size: 0.8em;
	vertical-align: top;
}

/* Notes */
/* ----- */

li.Content1 {
	margin-left: -42px;
	margin-top: 1em;
	margin-bottom: 0;
	list-style-type: none;
}

li.Content2 {
	margin-left: -22px;
	margin-bottom: 0;
	list-style-image: url(image/bullet_plain.png);
}

li.Content3 {
	margin-left: -22px;
	margin-bottom: 0;
	list-style-type: none;
}

table.Notes {
	margin-left: 1.8em;
}

/* It does not seem possible to style numbered lists with the '#)' format: */
table.ListNum {
	border-collapse: collapse;
}

/* Apply to all but the bottom row to double-space numbered lists: */
td.ListNumPad {
	padding-bottom: 1em;
}

/* Iowan Notation */
/* -------------- */

table.Iowa {
}

/* This ridiculous class allows a paragraph to touch the top of the cell: */
.TopIowa {
	margin-top: 0;
}

/* This ridiculous class allows a paragraph to touch the bottom of the cell: */
.BtmIowa {
	margin-bottom: 0;
}

td.PrefIowa {
	background-color: #141414;
	width: 4.2em;
	text-align: center;
	vertical-align: middle;
	padding: 0 0.5em 0.5em 0.5em;
}

td.DescIowa {
	vertical-align: top;
	padding: 0 0 0 1em;
}

span.PrefIowa {
	color: #EBEBEB;
	font-size: 2em;
	font-weight: bold;
}

span.SummIowa {
	font-size: 0.7em;
}

/* Resume */
/* ------ */

table#Res {
	width: 796px;
}

td.NameRes {
	color: #EBEBEB;
	white-space: nowrap;
	padding-bottom: 0.3em;
	text-align: left;
	font-size: 2.2em;
	font-family: Georgia, "Times New Roman"
}

td.AddrRes {
	color: #EBEBEB;
	padding-bottom: 0.6em;
	padding-right: 2em;
	text-align: right;
	font-size: 0.8em;
}

td.HeadRes {
	color: #EBEBEB;
	padding-bottom: 0.6em;
	font-size: 1.6em;
	font-family: Georgia, "Times New Roman"
}

td.EntRes {
	background: url(image/bullet.png) no-repeat left 8px;
	width: 704px;
	text-align: justify;
	padding-left: 32px;
	padding-bottom: 1em;
}

td.TitleJobRes {
	background: url(image/bullet.png) no-repeat left 8px;
	color: #EBEBEB;
	width: 512px;
	text-align: left;
	padding-left: 32px;
	font-size: 1.15em;
	font-family: Georgia, "Times New Roman"
}

td.DatesJobRes {
	color: #EBEBEB;
	width: 256px;
	text-align: right;
	font-size: 1.15em;
	font-family: Georgia, "Times New Roman"
}

td.EmplJobRes {
	color: #EBEBEB;
	padding-left: 32px;
	font-size: 1.15em;
	font-family: Georgia, "Times New Roman"
}

td.DescJobRes {
	padding-left: 32px;
}

p.DescJobRes {
	margin-top: 0;
}

/* Links */
/* ----- */

table#Link {
	width: 796px;
	border-collapse: collapse;
	margin-top: 0.5em;
}

td.HeadLink {
	color: #EBEBEB;
	padding-bottom: 1em;
	font-size: 1.5em;
	font-family: Georgia, "Times New Roman"
}

td.Link {
	width: 25%;
	vertical-align: top;
	text-align: left;
	padding-bottom: 1em;
}

td.DescLink {
	width: 75%;
	text-align: justify;
	vertical-align: top;
	padding-left: 12px;
	padding-bottom: 1em;
}

/* Print styles */
/* ------------ */

@media print {
	body {
		position: static;
		/* In Firefox 3.6, setting the width to 100% causes a small amount to be */
		/* trimmed from the right side: */
		width: 99%;
		
		background: none;
		color: black;
		
		font-size: 12pt;
		font-family: Verdana, Helvetica
	}
	
	a:link, a:visited {
		color: black;
	}
	
	p.TabHead {
		display: none;
	}
	
	li.Circle {
		list-style-image: none;
		list-style-type: square;
	}
	
	li.Content2 {
		margin-left: -22px;
		margin-bottom: 0;
		list-style-image: none;
		list-style-type: square;
		
		margin-left: -18px;
		padding-left: 13px;
	}
	
	li.Content3 {
		margin-left: -18px;
		padding-left: 13px;
	}
	
	.Nav {
		display: none;
	}
	
	.Meta {
		display: none;
	}
	
	td.PrefIowa {
		border: 1px dashed black;
	}
}