/* michaelkapper.com - Main Stylesheet
   May 16, 2007
   Michael Kapper */

/* Main Layout */

body {
	margin: 0;
	padding: 0;
	background: #040;
	}

#all {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	padding: 0;
	background: #efe;
	border: 1px solid #efe;
	}

#top {
	margin: 0;
	width: 100%
	padding: 0;
	background: #040;
	}

#nav {
	margin: 0;
	width: 100%;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #040;
	text-align: right;
	vertical-align: top;
	/* border-right: 1px solid #efe; */
	}

#content {
	margin: 0;
	width: 100%;
	padding: 0;
	padding-left: 10px;
	padding-bottom: 10px;
	}

#right {
	float: right;
	clear: none;
	background: #cfc;
	padding: 7px;
	margin: 0;
	margin-left: 25px;
	margin-right: 10px;
	margin-top: -15px;
	margin-bottom: 10px;
	width: 300px;
	}

#right.vita {
	margin-top: 70px;
	}


/* images */
#top img {
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	}

#right img {
	width: 330px;
	border: 2px solid #080;
	margin: 0;
	padding: 0;
	}

/* text */

#nav a {
	font: bold 10px verdana, arial, helvetica, sans-serif;
	color: #efe;
	display: inline-block;
	text-decoration: none;
	padding: 4px;
	margin-bottom: 7px;
	margin-left: 5px;
	margin-right: 5px;
	}

#nav a.1st {
	margin-left: 10px;
	}

#nav a.this1st {
	margin-left: 10px;
	color: #ff9;
	}

#nav a.this {
	color: #ff9;
	}

#nav a:hover {
	color: #040;
	background: #efe;
	}

#nav p {
	font: bold 10px verdana, arial, helvetica, sans-serif;
	color: #efe;
	margin: 3px;
	margin-top: 0;
	}

#content h1 {
	font: italic bold 22px/1.0 book antiqua, garamond, times new roman, times, serif;
	color: #070;
	margin: 0;
	margin-top: 15px;
	margin-bottom: 10px;
	}

#content h1.1st {
	font: italic bold 22px/1.0 book antiqua, garamond, times new roman, times, serif;
	color: #070;
	margin: 0;
	margin-bottom: 10px;
	}

#content h2 {
	font: italic 18px/1.0 book antiqua, garamond, times new roman, times, serif;
	color: #060;
	margin: 0;
	margin-left: 10px;
	margin-bottom: 10px;
	}

#content h3 {
	font: bold 11px/1.0 verdana, arial, helvetica, sans-serif;
	color: #060;
	margin: 0;
	margin-left: 15px;
	margin-bottom: 10px;
	}

#content h4 {
	font: italic 11px/1.0 verdana, arial, helvetica, sans-serif;
	color: #060;
	margin: 0;
	margin-left: 17px;
	margin-bottom: 10px;
	}

#content p {
	font: 11px/1.1 verdana, arial, helvetica, sans-serif;
	color: #060;
	margin: 0;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 25px;	
	}

#content p.last {
	margin-bottom: 15px;
	}

#content p.footer {
	text-align: center;
	font: 9px/1.25 verdana, arial, helvetica, sans-serif;
	color: #060;
	border-top: 2px solid #ada;
	margin-right: 30px;
	padding-top: 8px;
	}
	
#content p.loc {
	font: 9px verdana, arial, helvetica, sans-serif;
	color: #060;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	margin-top: 15px;
	}


#content a {
	font-weight: bold;
	text-decoration: none;
	background: #ada;
	color: #060;
	}

#content a:hover {
	background: #040;
	color: #efe;
	}

#right p.caption {
	font: 10px/1.0 verdana, arial, helvetica, sans-serif;
	color: #040;
	margin: 0;
	padding: 3px;
	border: 0;
	}

#content p.tcaption {
	font: 10px/1.0 verdana, arial, helvetica, sans-serif;
	color: #040;
	padding: 3px;
	border: 0;
	margin-left: 53px;
	margin-bottom: 15px;
	width: 415px;
	}

.060 {
	color: #060;
	font-weight: bold;
	}

.080 {
	color: #080;
	}

/* Tables */
table {
	margin-left: auto;
	margin-right: auto;
	}

tr {
	font: 10px verdana, arial, helvetica, sans-serif;
	color: #040;
	}

tr.first {
	color: #efe;
	background: #040;
	font-weight: bold;
	text-align: center;
	}

tr.odd {
	background: #9f9;
	}

td {
	width: 75px;
	vertical-align: top;
	}

td.small {
	width: 40px;
	text-align: center;
	padding-bottom: 20px;
	}

tr.first td.small {
	padding: 0;
	}

td.class {
	color: #efe;
	background: #060;
	}

td.oe {
	color: #efe;
	background: #080;
	}