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

html		{height:100%;}
body 		{margin:0px auto;
		color:#dfdfdf;
		height:100%;
		font-family: Georgia,"Nimbus Roman No9 L",serif;
		font-size:18px;
		background:url(normal2/repeat.png) #223150;
				
		}
.wrap		{margin: 0px auto;
		width:900px;
/* 		background:#111; */
		min-height:100%;
		position:relative;
		}
.header		{height:177px;
		font-size:72px;
/* 		background:#101010; */
		background:url(normal3/header4.png);
		background-repeat: no-repeat;
		background-position: 206px 27px;	
		position:relative;}
.headerchunk	{
		background:url(normal3/headerchunk.png);
		background-repeat: no-repeat;
		background-position: 0px -5px;
		width:206px;
		height:100px;
		position:absolute;
		top:32px;
		right:-206px;
		}
.mainbody	{/*background:#000*/;height:100%; overflow:auto;}
.nav		{float:left;
			position:absolute;
			width:236px;
			background:white;
			background:url(normal3/navheader.png);
			background-position: top left;
			background-repeat: no-repeat;
			
			
			}
.nav a{text-decoration:none;
			margin-left:2.5em;
			color:#DEDEDE;}
.topli		{height:27px;  padding-left:4em; padding-top:21px;}
.toplispan	{}
.selli		{/*background:url(normal3/navmain.png);*/height:35px;background-position: top  left;	background-repeat: no-repeat; width:236px; padding-top:5px; font-size:25px;}
.selli a	{list-style-type:square; background:url(normal2/oraslice.png) no-repeat 0px 0px; padding-left:12px; width:236px; height:35px; z-index:5000; }
.selli a span.hoversel {position:relative; left:63px; top:-30px; display: block; width:150px; height:35px; background:url(normal2/oraslice.png) no-repeat 0px -35px; padding-left:12px; z-index: 9000;}

/*.selli a:hover	{background:url(normal2/testdotor-o.png) no-repeat center left; padding-left:10px;}*/
/*.selli-hover	{background:url(normal2/testdotor-o.png) no-repeat center left; padding-left:10px;}*/
.midli		{/*background:url(normal3/navmain.png);*/height:35px;background-position: top left;	background-repeat: no-repeat; width:236px; padding-top:5px; font-size:25px;}
.midli a	{list-style-type:square; background:url(normal2/bluslice.png) no-repeat 0px 0px; padding-left:12px; width:236px; height:35px; z-index:5000; }
.midli a span.hoverblu {position:relative; left:63px; top:-30px; display: block; width:150px; height:35px; background:url(normal2/bluslice.png) no-repeat 0px -35px; padding-left:12px; z-index: 9000;}
/*.midli a:hover	{background:url(normal2/testdotbl-o.png) no-repeat center left; padding-left:10px;}*/
#one	{background:url(normal3/main_1.png);}
#two	{background:url(normal3/main_2.png);}
#thr	{background:url(normal3/main_3.png);}
#fou	{background:url(normal3/main_4.png);}
#fiv	{background:url(normal3/main_5.png);}
#six	{background:url(normal3/main_6.png);}
#one:hover	{background:url(normal3/main_1_over.png);}
#two:hover	{background:url(normal3/main_2_over.png);}
#thr:hover	{background:url(normal3/main_3_over.png);}
#fou:hover	{background:url(normal3/main_4_over.png);}
#fiv:hover	{background:url(normal3/main_5_over.png);}
/*#six:hover	{background:url(normal3/main_6_over.png);}*/
.sixhover	{background:url(normal3/main_6_over.png);}
#one span.hoverone	{background:url(normal3/main_1_over.png);position:relative; top:-70px; left:0px;display: block;width:236px;height:35px;}
#two span.hovertwo	{background:url(normal3/main_2_over.png);position:relative; top:-70px; left:0px;display: block;width:236px;height:35px;}
#thr span.hoverthr	{background:url(normal3/main_3_over.png);position:relative; top:-70px; left:0px;display: block;width:236px;height:35px;}
#fou span.hoverfou	{background:url(normal3/main_4_over.png);position:relative; top:-70px; left:0px;display: block;width:236px;height:35px;}
#fiv span.hoverfiv	{background:url(normal3/main_5_over.png);position:relative; top:-70px; left:0px;display: block;width:236px;height:35px;}
#six span.hoversix	{background:url(normal3/main_6_over.png);position:relative; top:-70px; left:0px;display: block;width:236px;height:35px;}
.content,.cfooter	{float:right;
		width:694px;
		background:#444;
		padding:15px;
		padding-right:0px;
		overflow:auto;
		background:url(normal2/tilebody.png);
		background-repeat:repeat-y;
		background-position:right;
		z-index:100;
		
		}
.cfooter	{background: url(normal2/bodyfoot.png);
			background-repeat:no-repeat;
			background-position:top right;
			margin-top:-15px;
			height:30px;
			z-index:100;
			font-size:0px;
		overflow:hidden;}
.footer		{/*background:#202020;*/
		background:url(normal2/footer.png);
/*
		width:854px;*/
		clear:both;
		height:10px;
/*		position:relative;
		bottom:0px;*/
		padding:23px;
		padding-top:8px;
		font-size:10px;
		z-index:99;
			}
.switch		{/*background:#222;*/
		display:none;
		padding:6px;
		position:absolute;
		right:10px;
		top:10px;
		}
.clear		{clear:both;}
.sectionheader	{font-size:20px;
		font-weight:bold; 
		border-bottom: 1px dotted #ddd;
		width:53%; 
		margin-bottom:.5em;
		margin-left:3em;
		/*shit I added to the original lol**/
/*		background:url(normal2/titlebg.png) repeat-x;
		height:35px;
		vertical-align:1%;
		border-left:1px solid #444444;
		border-right:1px solid #444444;
		color:#444444;
		padding-left:.5em;
		position:relative;
		bottom:0px;
		v-align:*/}
a		{color:#CCC;}
div.footer object	{margin:0px;padding:0px;position:relative; top:5px}
.topbar	{position:absolute;top:0px;left:0px;width:100%;background:url(normal2/topbartile.png); font-size:10px; height:15px; z-index:-1}
.mp		{padding:0px;margin:0px;}

/* 
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	{margin-left:3em;}
.centere a	{color:#dfdfdf;} 
.centere a:hover	{color:#FFFFFF;}
	.centere{margin-left:auto;margin-right:auto; width:580px;}
	.centere a	{text-decoration:none}
	.centere a:visited	{text-decoration:none;}
	.centere a:hover	{text-decoration:underline;}