body {
	font: 12px/17px "Lucida Sans", "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	color: #333;
	background-color: white;
	margin: 0;
}

a img { border: 0; }

a:link { color: #0033FF; text-decoration: none; }
a:visited { color: #6633CC; text-decoration: none; }
a:hover { color: #0000CC; text-decoration: underline; }
a:active { color: #ff2f35; text-decoration: none; }
a:focus { border-style: none; }

#title { margin-left: 1.0em; font-size: 1.4em; letter-spacing: 0.5em; }

#nav { font-size: 1.2em; display: list-item; margin-left: 2.0em; letter-spacing: 0.5em; }

#menu { direction: rtl; text-align: right; position: absolute; left: 320px; top: 100px; width: 200px; height: 0; }
#menu li { margin-bottom: 1.0em; font-size: 1.2em; }

#footer { background-color: inherit; border: 1px solid grey; text-align: right; font-size: 0.9em; padding: 0.5em; position: fixed; bottom: 0px; right: 0px; margin: 0 -1px -1px 0; }
#footer .contact .contactType { font-weight: bold; }
#footer .note { font-size: 0.8em; font-style: italic; }

.floater { margin-left: 200px; margin-top: 70px; width: 400px; }

.project { background-color: #999; width: 100%; border-collapse: collapse; margin-bottom: 3.0em; border: 1px solid grey; }
.project .title { font-size: 1.4em; background-color: white; text-align: right; margin-right: 184px; padding: 2px; border-bottom: 1px solid grey; border-right: 1px solid grey; }
.project .detail { background-color: #ccc; text-align: right; margin-right: 184px; padding: 2px; border-right: 1px solid grey; }
.project .notes { background-color: #ccc; padding: 2px; border-top: 1px solid grey; }
.project .thumb { width: 180px; text-align: center; float: right; padding: 2px; margin-top: -1.4em; }

.newsNav { border: 1px solid grey; padding: 2px; margin-bottom: 2.0em; }
.newsNav a { border-right: 1px solid grey; padding: 3px; }

.newsYear { margin-bottom: 2.0em; }
.newsYear .year { text-align: center; border-bottom: 1px solid grey; }
.newsYear .entry { clear: both; }
.newsYear .entry .date { float: left; width: 85px; }
.newsYear .entry .detail { margin-left: 100px; display: list-item; }
.newsYear .entry p { margin-top: 0; }
.newsYear .entry strong { color: #ff2f35; }
.newsYear .entry em { font-size: 0.9em; }

.newsYear table { border-collapse: collapse; width: 100%; }
.newsYear td, .newsYear th { border: 1px solid grey; }

.uptime { font-size: 1.4em; text-align: center; margin-bottom: 2.0em; }
.uptime span { font-weight: bold; }

.footnotes:before { content: " "; display: block; height: 1px; width: 25%; border-top: 1px solid grey; }
.footnotes { font-size: 0.9em; }
.footnotes cite { font-style: normal; }
.fn { font-size: 0.8em; vertical-align: super; }

/* Used for clearing a float without extra markup */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; } /* for IE/Mac */