@charset "utf-8";
/* CSS Document */
	
	/* style new tags to work as normal tags in old browsers */
	article, section, aside, hgroup, nav, header, footer, figure, figcaption {
		display: block;
	}
	
	html {
		height: 100%; 
		background: #CCC;
		font-family: helvetica, arial, 'sans serif';
		font-size:20px;
		color:#DDD;
	}
	body {	
		max-width:800px;
		width:100%;
		min-width: 640px; 
		/*min-height: 100%; */
			
		margin: 0 auto; /* center the body */
		padding: 0px 0px;
		border: 1px solid black; 
		border-width: 0 1px;
			
		background: white;
		-moz-box-shadow: 0px 0px 20px 20px #999;
		-webkit-box-shadow: 0px 0px 20px 20px #999;
		box-shadow: 0px 0px 30px 24px #999;
	}
	
	.subIcon {
		width:100px; border:none;	
	}
	
	#icons table {width:100%; background-color:white; padding:16px 0px 0px 0px;}
	
	#icons table img {width:100%;}
	
	#about img {
		margin: 20px 5%;
	}	
	#outline img {
		margin: 20px 0%;
	}	
	#summary img {
		margin: 0px 20%;
	}
	#interfaceText img {
		margin: 20px 0%;
	}
	#about img, #summary img, #outline img, #interfaceText img {
		-moz-box-shadow: 0px 0px 20px 20px #999;
		-webkit-box-shadow: 0px 0px 20px 20px #999;
		box-shadow: 5px 5px 16px #888888;
	}
	
	#logo {
		border:0px;
		width:100%;	
	}
	.hangy {
		width:600px;
		margin 0px auto;
	}
	aside {
		text-align:center;
		padding:20px;
		color:#333;
		background-color:#000;
	}
	
	#subtitle {
		width:100%;
		margin:14px 0 0 0;	
	}
	
	header h1 {
		display:none;	
	}
	nav {
		text-align:right;
		width:100%;
		margin:-6px 0px 0px 0px;	
		padding: 10px 0px;	
		background-color:lightblue;			
	}
	nav h1, #icons h1 {
		display:none;	
	}		
	nav a {			
		color:#444;
		text-decoration:none;
		text-transform:uppercase;
		padding:10px;			
		margin:0px 10px;			
	}
	
	
	nav a:hover {			
		color:#fff;
		background-color:#ff6600;
	}
	.clickedLink {
		color:#ff6600;
	}
	time {
		color:#447777;
		font-size:16px;
		font-weight:bold;
		text-transform:uppercase;
		margin: 0px 6px 0px 0px;
	}		
	#about, #summary, #outline, #interfaceText {			
		padding:20px;
		color:#333;
		background-color:#DDD;
	}	
	#interfaceText h1 {
		display:none;	
	}
	strong {
		text-transform:uppercase;
		font-weight:normal;	
	}	
	.tech {
		font-style:italic;	
	}


	footer {
		text-align:center;
		padding:1px;
		margin: 20px 0 0 0;
		background-color:#fff;		
		color:#999;	
		border-top:dashed thin #999;
	}