/* 
The following area is common to all the pages on the new site 
*/

html		{height:100%;}
body 		{margin:0px;
		background:#fff;
		color:#53bea6;
		height:100%;
		font-family: Georgia,"Nimbus Roman No9 L",serif;
		font-size:18px;
		}
.wrap		{margin: 0 auto;
		width:1000px;
/* 		background:#eee; */
		min-height:100%;
		position:relative
		}
.header		{height:300px;
		font-size:72px;
		background:#efefef;
		background:url(light/header.png);}
.mainbody	{background:#FFF;height:100%; overflow:auto;}
.nav		{float:left;
		width:240px;
/*		background:#ccc;*/
		font-size:36px;
		padding:5px;
		background:url(light/nav.png);
		background-repeat:no-repeat;
		}
.nav ul		{
		list-style-type: none;
		margin-top:1em;}
.nav ul a	{color:#222;
		text-decoration:none;
		}
.nav ul a:hover	{color:#000;
		}
.nav li		{/*border-right:3px solid white;*/
		margin-bottom:10px;
		border-bottom:1px dotted #ddd;}
.nav li:hover	{border-right:3px solid #0066ca;}
.content	{float:left;
		width:720px;
		background:#bbb;
		padding:15px;
		overflow:auto;
		background:url(light/main.png);
		background-repeat:no-repeat;}
.footer		{/*background:#dfdfdf;*/
		width:960px;
		clear:both;
		height:10px;
		position:absolute;
		bottom:0px;
		padding:23px;
		font-size:10px;
		}
.switch		{/*background:#ddd;*/
		padding:6px;
		position:absolute;
		right:10px;
		top:10px;
		}
.clear		{clear:both;}
.sectionheader	{font-size:18px;
		font-weight:bold; 
		border-bottom: 1px dotted #222; 
		width:53%;
		margin-bottom:.5em;}
a		{color:#333;}
div.footer object	{margin:0px;padding:0px;position:relative; top:5px}
/* 
The following area is common to all the user/projects page only. It defines certain light/dark css things :/
Fuckit. It looks better centere'd on all the pages ;_;
*/

.centere a	{color:#202020;}
.centere a:hover	{color:#000000;}
	.centere{margin-left:auto;margin-right:auto; width:600px;}
	.centere a	{text-decoration:none}
	.centere a:visited	{text-decoration:none;}
	.centere a:hover	{text-decoration:underline;}