body{ /* simple arial text on white background by default */
	background-color:white;
	font-family:arial;
}

p{
	color:#999999;
	font-size:12px;
}

#indexcontainer{ /* centers everything horizontally */
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	width:375px;
}

#indexlogo{ /* only used once in the index */
	float:left;
	width:350px;
	margin-top:20px;
}

#indexcursor{ /* for the blinking cursor */
	float:right;
	font-size:85px;
	text-decoration:blink;
}

#indexsubtitle{
	text-align:right;
	font-size:20px;
	font-weight:bold;
	color:#999999;
	margin-bottom:5;
}

#indexlink{ /* for the bottom links */
	text-align:right;
	font-size:20px;
	font-weight:bold;
}

a:hover{ /* only looking at a minor color change */
	color:#999999;
}

a{ /* all links are naturally bolded and black */
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

#container{
	margin-left:auto;
	margin-right:auto;
	width:700;
}

#content{
	margin-left:auto;
	margin-right:auto;
	width:600;
}

#footer{/* container for footer items */
	clear:both;
	text-align:right;
	margin-top:15px;
}

#footerbar{
	display:block;
	height:3;
	width:600px;
	background-color:#000000;
}

#footerdate{
	display:inline;
	color:#999999;
	font-size:12px;
	margin-right:5px;
}

#footername{
	display:inline;
	color:#000000;
	font-size:12px;
	margin-right:0px;
}

#menu{/* top menu bar */
	width:700px;
	height:25px;
	margin-top:15px;
	background-color:#000000;
}

#menulogo{
	float:left;
	margin-left:50px;
}

a.menulink{
	display:block;
	float:right;
	
	padding-left:10px;
	padding-right:10px;
	margin-right:10px;
	
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	height:25px;
}
a.menulink:hover{
	color:#000000;
	background-color:#ffffff;
}

h1{\/* accounts for line break */
	color:#000000;
	font-size:18px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
}

#proj{ /* for individual summaries in list form */
	display:block;
	width:600px;
	margin-bottom:15px;
}

#projtitle{/* title and project type */
	display:inline;
	text-align:center;
	background-color:#000000;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	
	padding-left:5px;
	padding-right:15px;
}

#projtype{
	float:right;
	color:#000000;
	font-weight:bold;
	font-size:12px;
}

#projdate{
	margin-bottom:5px;
	margin-left:20px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
}
#projdetails{
	margin-left:20px;
	color:#999999;
	font-size:12px;
}
#projdetails:hover{
	color:#000000;
}

#about{
	display:block;
	color:#999999;
	font-size:12px;
	width:600px;
	padding:5px;
}

#about:hover{
	color:#000000;
}

#animation{/* have this load in the center, expanded */
	display:block;
	width:600px;
}