/* CSS Document */
BODY  { background: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color: #D2D2D2; text-align: left;}

.title, .current { color: black; font-weight: bold; }

#yt { position: absolute; left: 200px; top: 20px; width:425px; }
#chicago { position: absolute; left: 200px; top: 20px; width:200px; }
#home  { background: black; position: absolute; top: 228px; left: 0px; width: 98px; text-align: right; }
#text  { background: black; position: absolute; top: 380px; left: 110px; width: 691px; text-align: left;}
#textnav  { background: black; position: absolute; top: 380px; left: 110px; width: 691px; text-align: left;}

#textnav ul {
list-style: none; 	padding:0;	margin:0; width: 100%;
}

#textnav li {
display: inline;
}

#textnav .inversion { margin:0 1em 0 0; }
#textnav .mobius { margin:0 1em 0 0; }
#textnav .klein { margin:0 1em 0 0; }
#textnav .gordian { margin:0 1em 0 0; }
#textnav .trefoil2 { margin:0 1em 0 0; }
#textnav .dna {  margin:0 1em 0 0;}
#textnav .stemcell { margin:0 1em 0 0;}
#textnav .bigbang { margin:0 1em 0 0;}
#textnav .darkenergy { margin:0 1em 0 0;}
#textnav .universe { margin: 0;}







#toptext {background: black; position: absolute; top:20px; left: 420px;}
#portlinks {background: black; position: absolute; top:20px; left: 460px;}
#commentform { color:#000000; }


#footer  { background: black; position: absolute; top: 540px; width: 802px; left: 0px; text-align: right; height: 24px;}
ul#foot {	padding:0;	margin:0;	list-style-type:none;	width:100%;	height:24px;	}
ul#foot li {	float:right;	list-style-type:none;	margin:0;	padding:0;	}
#foot .contact{ width:100px; }
ul#foot li a.contact:link, a.contact:visited, a.contact:active {
	display:block;	text-align:center;	text-decoration:none;	color: #D2D2D2;
font-size: 10px; height:24px; font-style: normal;	line-height:24px;	font-weight:300	}






#toprow { background: black; position: absolute; top: 0px; left: 50%; width: 802px; height: 40px; margin-left: -400px; }
#spacer { background: black; position: absolute; top: 71px; left: 50%; width: 802px; height: 26px; margin-left: -400px; }
#container { position: absolute; left: 50%; top: 46px; width: 800px; margin-left: -399px; }
#blogcontainer { position: absolute; left: 50%; top: 200px; width: 800px; margin-left: -399px; }
#global { position: absolute; left: 538px; top: 98px; width: 800px; margin-left: -400px; border: 0px; background: black; }
#image { position: absolute; left: 50%; top: 68px; width: 600px; margin-left: -300px; text-align: center; }
.bgrule { background: black;}

#navigationbar {	background-color:black;	width:100%;	height:24px;	overflow:hidden;	}

ul#navbar {	padding:0;	margin:0;	list-style-type:none;	width:100%;	height:24px;	}
	
ul#navbar li {	float:left;	list-style-type:none;	margin:0;	padding:0;	}
		
#navbar .home{	width:100px;	}
#navbar .portfolio{	width:130px;	}
#navbar .about{	width:100px;	}
#navbar .blog{	width:100px;	}
#navbar .links{	width:100px;	}

	
ul#navbar li a.nb:link, a.nb:visited, a.nb:active {
	display:block;	text-align:center;	text-decoration:none;	color: #D2D2D2;
font-size: 11px; height:24px; font-style: normal;	line-height:24px;	font-weight: 300;	}
	
ul#navbar li a.nb:hover { color: white; background-color: black;}


a:link, a:visited, a:active { color: #DCDCDC; font-size: 10px; text-decoration: none; font-style: }
a:hover  { color: white }



a.med:link, a.med:visited, a.med:active { color: grey; font-size: 10px; text-decoration: none; font-style: normal; font-weight:300 }
a.med:hover  { color: white }
#text2  { background: grey; position: absolute; top: 88px; left: 160px; width: 440px; text-align: left; }
#credit  { background: black; position: absolute; top: 350px; left: 160px; width: 450px; text-align: left; }