@import "reset.css";
@import "fonts.css";

body {
	color: #fbfbfb;
	background-color: #101010;
	text-align: center;	
	padding-top: 80px;
	
	font-family: "Times New Roman", Times, serif;
	}
	
a { color: #fbfbfb;}
	
a {text-decoration: none;}

h2 a:hover {color: #CCC;}	

h1, h2 {font-weight: normal;}	

h1 { font-size: 500%;
	padding-bottom: 20px;}
	
	
h2 { font-size: 440%;}

#moon, div.about {margin: 20px 0px;}

ul.nav {margin-top: 40px;}

.nav li {
		padding: 5px 20px; 
		display: inline;
		font-size: 140%; }
		
.nav a:hover {text-decoration: underline;
				color: white;}
		
div.about	{width: 400px;
			margin: 10px auto;
			background: url('../images/moon_dark.jpg')  50% 10px no-repeat;
			min-height: 338px;
			margin-bottom: 10px;
			}
			
div.about p {
			margin: 10px auto;
			text-align: justify;
			font-size: 120%;
			line-height: 1.4em;}
			
#ft { width: 22em;
		margin: 30px auto;
		font-size: 90%;
		}
		
.credit {margin: 10px;
		color: #666;
		display: block;
		font-size: 95%;
		font-style: italic;}
		
.credit a {color: #666;}

.credit a:hover {color: #aaa;}