/* SITE */
* {
	margin:0;
	padding:0;
	}

html, body {
	height:100%;
	}

body {
	color:#fff;
	font:12px Arial, Helvetica, sans-serif;
	text-align:center;
	}
	
h1#title {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	}
	
a {
	color:#555;
	text-decoration:none;
	}
	
a:hover {
	color:#fff;
	}	

a.new {
	color:#999;
	}

a.new:hover {
	color:#fff;
	}

ul {
	list-style:none;
	}
	
#dark {
	background-color:#111;
	}
	
#light {
	background-color:#333;
	}

#bar {
	position:fixed;
	width:100%;
	height:auto;
	background-color:#151515;
	}

#bar2 {
	position:fixed;
	width:100%;
	height:auto;
	background-color:#252525;
	}
	
.info {
	margin-left:20px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	}

#distance { 
	width:1px;
	height:50%;
	margin-bottom:-20em;
	float:left;
	}

#distance1 { 
	width:1px;
	height:50%;
	margin-bottom:-20em;
	float:left;
	}
	
#distance2 { 
	width:1px;
	height:50%;
	margin-bottom:-28em;
	float:left;
	}
	
#distance3 { 
	width:1px;
	height:50%;
	margin-bottom:-23em;
	float:left;
	}

#container {
	margin:0 auto;
	padding-top:40px;
	text-align:left;
	height:auto;
	width:320px;
	clear:left;
	}

#container1 {
	margin:0 auto;	
	padding-top:40px;
	text-align:left;
	height:auto;
	width:250px;
	clear:left;
	}
	
#container2 {
	margin:0 auto;	
	padding-top:40px;
	text-align:left;
	height:auto;
	width:500px;
	clear:left;
	}
	
#container3 {
	margin:0 auto;	
	padding-top:40px;
	text-align:left;
	height:auto;
	width:750px;
	clear:left;
	}
	
#shell {
	margin:0 auto;	
	padding-top:40px;
	text-align:left;
	height:auto;
	width:625px;
	clear:left;
	}