/*Author: Matt Rheault
Class*/
* {margin: 0;padding: 0;}
body {
	font-family:georgia,garamond,serif;
	font-size: 12px;
	color: #808080;
	text-shadow: 1px 1px #000;
	font-weight: lighter;
	font-style: italic;
	background: url(../images/bg.jpg) repeat;
	color: #d0d0d0;
	/*overflow: hidden;*/
}
a {color: #d0d0d0;text-decoration: none;}
a:hover {color: #fff;}
ul {list-style-type: none;}
/*html5 fix*/
nav, header, footer {display: block;}
/*global styles*/
.clear {clear: both;}
.left {width: auto;float: left;}
.right {width: auto;float: right;}
.txt_left {text-align: left;}
.txt_center {text-align: center;}
.txt_right {text-align: right;}
/*template styles*/
#top {z-index: 1000;position: fixed;top: 0;left: 0;width: 100%;height: 30px;line-height: 30px;padding: 0 0 0 282px;}
#top li {width: auto;float: left;border-left: 1px dotted #404040;border-right: 1px dotted #404040;}
#top a {padding: 20px;}
header {width: 225px;height: 2000px;position: fixed;top: 0;left: 0;overflow: hidden;background: #0a0a0a url(../images/shadow.jpg) repeat-y right;padding: 0 20px 0 0;}
header h1 {margin: 30px 30px 0 30px;}
header h1 a {font-size: 40px;color: #01C6E4;text-decoration: none;}
header h1 a:hover {color: #01C6E4;}
header h2 {font-size: 16px;color: #a0a0a0;text-align: center;}
nav ul {border-top: 4px solid #202020;border-bottom: 4px solid #202020;margin: 30px 0 0 0;}
nav li a {display: block;width: 224px;height: 55px;line-height: 75px;text-indent: 60px;text-align: center;border-bottom: 1px dotted #202020;color: #d0d0d0;text-decoration: none;}
nav li a:hover {background: #090909;border-bottom: 1px dotted #353535;}
#container {width: 700px;margin: 50px 0 0 250px;}
div.projects {height: 400px;margin: 75px 0 0 0;padding: 25px;}
div.projects:hover {background: #0d0d0d;}
div.projects h1 {margin: 20px 0 5px 10px;border-bottom: 1px dotted #303030;}
div.projects a.toplink {float: right;color: #01C6E4;font-size: 12px;}
div.projects a.toplink:hover {text-decoration: underline;}
ul.items li {width: auto;float: left;margin: 7px 0 7px 7px;}
ul.items a {display: block;width: 200px;height: 150px;padding: 3px;border: 1px solid #202020;background: #000;filter: alpha(opacity=60);opacity: .6;}
ul.items a:hover {border: 1px solid #01C6E4;filter: alpha(opacity=100);opacity: 1;}
footer p {padding: 10px 0 500px 0;text-align: right;}
footer a:hover{text-decoration: underline;}