* { margin: 0; padding: 0; }

body {
	background: #fff;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.25;
}

#header {
	background: url("header.jpg") no-repeat left;
	height: 58px;
	margin: 1.5em 0 0 2em;	
}

#shell {
	margin-left: 5em;
	padding: 0.5em;
	width: 800px;
}

#navi {
	margin: 0 0 2em 0;
}

#navi li { 
	display: inline;
	padding-right: 2em;
	list-style-type: none;
}

#navi li.current { font-weight: bold; }

#main {
	width: 450px;
	float: left;
}

#main li { margin-left: 1.25em; list-style-type: square; }

#sidebar {
	width: 300px;
	float: right;
}

#sidebar img { max-width: 300px; }

#footer { clear: both; }

h1 { font-size: 1.2em; text-transform: uppercase; }
h2 { font-size: 1em; text-transform: uppercase; color: #666; }

p, ul, h1 { margin-bottom: 1em; }

a { color: #666; text-decoration: none; }
a:hover { text-decoration: underline; }

td { padding-bottom: 1em; }

td.projName {
	color: #666;
	vertical-align: bottom;
	width: 150px;
	padding-left: 2em;
}

td.projEntry { vertical-align: bottom; }

img { border: none; }

.external {
	background: transparent url("/external.png") no-repeat right center;
	padding-right: 13px;
}