body
{
	background: white url('images/bkg_stripe.gif') repeat-y;
	margin: 0;
	padding: 0;
}
body, td, th
{
	font-size: 11px;
	font-family: Verdana, Arial, Geneva, sans-serif;
}

#layout		{ height: 100%; }

#navigation	{ color: white; background-color: black; text-align: center; }
#title_left	{ background-color: black; }
#title_left, #title_right	{ margin: 0; }

h1#logo			{ margin: 0; }
h1#pagetitle	{ margin: 16px 0 16px 24px; }
#content		{ padding: 0 24px 32px; text-align: justify; }
#sidebar		{ text-align: center; }

#copyright	{ color: white;	background-color: black; text-align: right; }
#copyright p, #address p	{ margin: 0.5em 6px; }
#copyright p, #address p, #address ul	{ font-size: 0.9em !important; }

ul.contact		{ margin: 0 6px; padding: 0; }
ul.contact li	{ display: inline; white-space: nowrap; list-style: none; }

h2				{ font-weight: normal; text-transform: lowercase; font-size: 2em; }

p, ul		{ margin-top: 0; }
p.listintro	{ margin-bottom: 0.25em; }
#main p,
#main li,
#main dd	{ line-height: 20px; }

strong.isl	{ white-space: nowrap; }

a	{ color: #369; font-weight: bold; text-decoration: none; }

@media all
{
	body	{ font-size: 0.7em; }
	table	{ font-size: 1em; }
	td, th, p, div, ul, ol	{ font-size: 1em; }

	h2		{ margin-bottom: 0.25em; }
	dd		{ margin-left: 2em; }
	ul, ol	{ margin: 0 0 1em 2em; padding: 0; }

	#layout		{ background: transparent url('images/bkg_molecule.jpg') bottom right no-repeat; }

	#main,
	#main p,
	#main li	{ line-height: 1.75em; }

	#sidebar				{ position: relative; padding: 0 16px; }
	#sidebar .page			{ position: absolute; padding-top: 48px; visibility: hidden; width: 160px; }
	#sidebar #page-first	{ visibility: visible; padding-top: 104px; }
	#sidebar #page-last		{ position: static; }
	/* override for last page, allowing it to determine height of sidebar.
	It has to be the last one because Moz/Opera disable positioning relativity
	for floated elements, therefore none of the absolute pages can have explicit positions. */

	#sidebar img	{ margin: auto; margin-bottom: 8px; }

	#navigation img	{ vertical-align: text-bottom; }

	img.thumb	{ border: 1px solid black; border-bottom-width: 4px; }

	.home ul				{ list-style: disc url('images/bullet_home.gif'); }
	.home a:hover,
	.home a:active			{ color: #FB3; }
	.home a:hover img,
	.home a:active img		{ border-color: #FB3; }

	.projects ul			{ list-style: disc url('images/bullet_projects.gif'); }
	.projects a:hover,
	.projects a:active		{ color: #393; }
	.projects a:hover img,
	.projects a:active img	{ border-color: #393; }

	.services ul			{ list-style: disc url('images/bullet_services.gif'); }
	.services a:hover,
	.services a:active		{ color: #09F; }
	.services a:hover img,
	.services a:active img	{ border-color: #09F; }

	.profile ul				{ list-style: disc url('images/bullet_profile.gif'); }
	.profile a:hover,
	.profile a:active		{ color: #F60; }
	.profile a:hover img,
	.profile a:active img	{ border-color: #F60; }
}