/******************************************/
/*** Style sheet for JeremySiepmann.com ***/
/******************************************/
/*** General styles ***/
body {
	background: #000000;
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
}
a { color: #882222; }
a:visited { color: #AA4444; }
a:hover { color: #FF0000; }
h2{ border-top: 2px solid #808080; padding-top: .25em; }
/*** Main page and content areas ***/
div#page { background: #993333; padding: 1em; width: 45em; }
div#content { background: #FFFFCC; padding: 1em; text-align: left; }
/*** Page titles ***/
table#title { color: #FFFFCC; margin-bottom: .1em; width: 100%; }
h1#subtitle{ margin: 0px; text-align: right; }
/*** Navigation menu ***/
table#topnav{ font: bold .8em Arial, Helvetica, sans-serif; text-align: center; width: 100%; }
td.topnavitem { background: #444444; border: 1px solid #FFFFCC; color: #FFFFCC; }
td#topnavcurrent{ background: #FFFFCC; border: 1px solid #FFFFCC; color: #000000; }
td#topnavcurrent,td.topnavitem { border-bottom: 0px; font-family: Arial, Helvetica, sans-serif; padding: .2em; }
td.topnavitem a, td.topnavitem a:visited{ color: #FFFFCC; text-decoration: none; }
td.topnavitem a:hover { text-decoration: underline; }
td.topnavgap{ width: 1em; }
/*** Photo on home page ***/
img#jsphoto { border: 1px solid #000000; float: left; margin: 0em 1em .5em 0em; }
/*** Sidebars (used on home page) ***/
div.sidebar {
	background: #DDDDDD;
	border: 1px solid #000000;
	clear: right;
	color: #000000;
	float: right;
	font-size: smaller;
	margin: 0em 0em .5em 1em;
	padding: .5em;
	text-align: center;
	width: 33%;
}
div.sidebar h3 { font-style: italic; margin: 0.5em; }
div.sidebar img { border: 0px; }
div.sidebar ul, div.sidebar p{ margin: .2em 1em; text-align: left; }
div.sidebar li { padding: .2em 0em; }
/*** Intrapage links as list items, and links back to top of page (used on Reviews page) ***/
table#intrapagelinks li{ padding: 0.2em 0em; }
a.topofpagelink{ float: right; margin-top: .5em; }
/*** Quote and quote source ***/
p.quote {
	font-style: italic;
	margin: 1em 1em .1em 1em;
	text-align: left;
	width: 99%; /* The width attribute is needed to prevent the italics widening the content div slightly */
}
p.quotesource { font-weight: bold; margin: .1em 1em 1em 1em; text-align: right; width: 99%; }
/*** Contact info table ***/
table#contactinfo th { padding: .25em 2em 1.5em 8em; text-align: left; vertical-align: top; }
table#contactinfo td { padding: .25em 2em .25em 0em; text-align: left; vertical-align: top; }