/*
@charset "UTF-8";
/* TAG SELECTORS */
*{padding: 0; margin: 0;}
html, body{padding: 0; margin: 0; height: 100%; background-color:#ddd;}
* html #container{height: 100%;}
form{padding-bottom: 20px;}

/* ID SELECTORS */
#container{min-height: 100%; padding: 0; margin: 0 auto; width: 100%; background-color:#ccc;}

/* TOP NAV */
#nav {position: absolute; top: 0px; width: 100%; height: 40px; background-color: #444;}
#nav ul{list-style: none; padding: 10px 0 5px 40px;}
#nav ul li{list-style: none; display: inline;}
#nav ul li a{color: #fff; text-decoration: none; font: normal 1em Arial, sans-serif; text-transform: lowercase; padding: 0px 12px 0px 12px;}
#nav ul li a:hover{color: #000;}

/* HEADER */
#header{height: 100px; width: 100%; background-color: #999; /*border-bottom: 1px dotted #555;*/}
#header p{position: relative; top: 57px; left: 50px; width: 400px; 
color: #fff; font: normal 1.5em Arial, sans-serif;}
#header a, a:visited, a:hover{text-decoration: none; color: #fff;}

/* CONTENT */
#content{min-height: 500px; background-color: #fff; padding: 20px 50px 20px 50px; font: normal 14px sans-serif;}
#content ul {width: 100%; list-style: none; padding: 0; margin: 0 0 10px 0; line-height: 20px;}
#content ul li{margin: 0; padding: 7px;}
#content a, a:visited, a:hover{text-decoration: underline; color: #0000eb;}
#content a.cv_link, a.cs_link:visited{text-decoration: underline; color: #000;}
#content a.cv_link:hover{text-decoration: underline; color: #0000eb;}
#content h2{color: #636363; font-size: 2.2em; padding-top: 15px;}
#content h2 a{text-decoration: none; color: #636363; padding-top: 15px;}

#work_thumbs {width: 25%; float: left;}
#work_thumbs a, a:visited, a:hover{text-decoration: underline; color: #fff;}
#work_image {width: 502px; float: left; margin-right: 2px;}
#work_image a, a:visited, a:hover{text-decoration: underline; color: #fff;}
#work_info {clear: left;}

#work_list a, a:visited, a:hover{text-decoration: none; color: #000;}
#work_list ul li:hover{background-color: #ffffcc;}

/*
#work_list {float: left; width: 100%;}
#work_list a, a:visited, a:hover{text-decoration: none; color: #000;}
#work_list ul {width: 100%; list-style: none; padding: 0; margin: 0 0 10px 0; line-height: 20px;}
#work_list ul li{margin: 0; padding: 7px;}
#work_list ul li:hover{background-color: #ffffcc;}
#work_list h2{color: #636363; font-size: 2.2em; padding-top: 15px;}
#work_list_thumbs {width: 45%; margin-left: 2%;}
*/

/* FOOTER */
/*#footer{ color: #fff; font: normal small-caps bold 12px Arial, sans-serif; background-color: #000;}*/
#footer{min-height: 100px; width: 100%; background-color: #ccc; /*border-top: 1px dotted #555;*/ margin: 0;}
#footer p{position: relative; top: 2px; left: 15px; width: 500px; 
color: 
#fff; font: normal 0.9em sans-serif; padding: 10px 0 0 0;}
#footer a, a:visited, a:hover{text-decoration: none; color: #fff;}

/* ZEBRA STRIPE LIST */
li.alt{background-color: #edf3fe;}
li.reg{background-color: #eee;}

/* CLASSES */
.bread{position: relative; top: 0px; left: 580px; width: 100px; color: #000; font: normal small-caps bold 58px Arial, sans-serif;}
.cv_current{position: relative; top: 0px; left: 500px; color: #F00; text-transform: uppercase;}
.cv_notcurrent{padding-right: 58px;}
.cv_year{color: #636363; font-size: 1.5em; padding-top: 15px;}
.cv_blank_year{}
.cv_entry{position: relative; top: 0px; left: 150px;}
.permute{font:normal small-caps bold 70px Arial, sans-serif;}
.fourofour{font-size: 15em;}
.notfound{font-size: 2.55em;}
.errorlist li{background-color: #F64ED9; color: #6ADCC7; font-size: 1.75em;}
.fieldWrapper{padding: 5px;}

/* MORE TAG SELECTORS - FORM */
.fieldWrapper LABEL {display: block; margin-top: 5px;}
.fieldWrapper TEXTAREA{width: 98%;}
.fieldWrapper INPUT{width: 50%;}
INPUT, TEXTAREA{font-family: Arial, verdana; font-size: 100%; padding: 4px; border: 1px solid #999;}
.fieldWrapper SELECT{font-family: Arial, verdana; font-size: 90%; padding: 3px; border: 1px solid #999; width: 50%;}

/*
nav ul li a{ color: #FFF; height: 16px; line-height: 12px; text-decoration: none; font: normal 12px Arial, sans-serif; text-transform: lowercase;	text-align: center; vertical-align: middle;	padding: 12px 12px 0px 12px;}
.cv_year{position: relative; top: 0px; left: -58px;}
.cv_current{position: relative; top: 0px; left: 500px; color: #F00; text-transform: uppercase;}
.cv_blank_year{margin-right: 24px;}
.cv_notcurrent{padding-right: 58px;}
.cv_entry{position: relative; top: 0px; left: 100px; margin-left: -90px;}
*/
