* {border:0;margin:0;padding:0;outline:none;line-height: 140%; color:#FFFFFF;font-family: Arial, sans-serif;}

body {background: #000000;}

@font-face {
	font-family: 'JosefinSansStdLight';
	src: url('josefinsansstd-light-webfont.eot');
	src: local('?'), url('josefinsansstd-light-webfont.woff') format('woff'), url('josefinsansstd-light-webfont.ttf') format('truetype'), url('josefinsansstd-light-webfont.svg#webfontHWKpLVdS') format('svg');
	font-weight: normal;
	font-style: normal;
}


#indextable, #contacttable {margin:50px auto 20px auto;}
#indextable td, #contacttable td {width:120px; height:120px;vertical-align:center;text-align:center;}
#indextable td.head, #contacttable td.head {vertical-align:top; text-align: right;width:720px;}

h1, h1 a, h2, h3, #indextable a, #contacttable span.fakemainlink {font-family: 'JosefinSansStdLight', arial, serif; text-transform: lowercase; text-decoration: none;}
h1 {font-weight: normal; font-size: 39px;}

#indextable a, #contacttable span.fakemainlink {display: block; width:100px; height:100px; overflow:hidden; font-size:28px; text-align: right; margin:10px; line-height: 150%; background:#FFFFFF; color: #000000; opacity: 0.8;ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);}
#indextable a:hover {opacity: 1;ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}

#indextable h1, #contacttable h1 {margin:5px 10px 0 0;}
#indextable img, #contacttable img {margin-top:7px;}

#container {width:900px;height:100%;border-left: 1px solid #333333; border-right: 1px solid #333333;margin: 0 auto;position: relative;overflow:hidden;}
#container h1 {margin: 10px 10px 10px 20px;}

.resume table td, .media table td {color: #FFFFFF;font-size: 11px; letter-spacing: 0.1em; padding: 5px 20px 5px 0;vertical-align:top;}
.resume h2, .media h2 {color: #FFB420; font-size: 20px; margin-top: 20px; letter-spacing: 0em;}
.resume p {margin: 0 0 8px 0;}
.resume p.signature {text-align: right;}
.resume table, .media table {margin: 15px 15px 40px 300px; width: 500px;}
.resume .note {font-size: 14px; color: #FFB420; padding-right: 1px;}
.resume .title, .media .title {font-weight: bold; color: #9F9F9F; padding-right: 3px; letter-spacing: 0em;}
.resume table td.yearrange {text-align: left;}
.resume .dash {line-height: 4px; display: block; height: 4px;margin: -2px 0 0 12px;}
.media .title {display: block;}
.media table td {padding: 1px 0;}
.media .source {font-style: italic;}
.media a {text-decoration: none; display: block; padding: 4px 0 4px 8px;}
.media a:hover {background: #131313;}
.media .nohover a:hover {background: #000000;}

#contacttable h2 {margin: 10px; letter-spacing: 0em;}
#contacttable p.email {padding-bottom: 20px; border-bottom: 1px solid #333;}
#contacttable p.email a {text-decoration: none;}
#contacttable p.email a:hover {color: #969696;}
.contactcell p {margin: 10px; font-size:11px;letter-spacing: 0.1em;}
#contacttable .required, #contacttable .required a {color: #969696;}
#contacttable td.contactcell {width: 440px; text-align: left;padding-left: 40px;vertical-align: top;}
#contacttable #contactform td {height: 20px; width: 300px; font-size: 11px;text-align: left; vertical-align: top;letter-spacing:0.1em;}
#contactform input, #contactform textarea {width: 296px; color: #000000; font-size: 11px; height: 20px;padding: 2px;}
#contactform textarea {height: 110px;}
#contactform input#submit {width: 70px;font-family: 'Josefin Sans Std Light', arial, serif; text-transform: lowercase;font-size: 18px; height: 25px;background: #FFFFFF;}
#contactform input#submit:hover {background: #999999;}
#contactform input#newsletter {width: 13px; height: 13px;}
#contacttable #contactform td.contactcolumn {width: 100px;}
#contacttable #contactform td.newsletter {text-align: right; width:415px;height: 15px;}
#contactform #recaptcha_image {margin-bottom: 10px;}

.work h1 {float: left; width: 300px;height: 55px;}
#worknav {float: right; margin:10px 5px 10px 0px;height: 55px;}
#worknav li {float:left;list-style:none;margin-right:5px;padding-bottom: 4px;font-size: 20px; padding-top: 17px; letter-spacing: .1em;}
#worknav li a {margin: 0 10px; color: #666666;text-decoration: none; text-transform: lowercase;}
#worknav li a.paintings:hover {color: #356CBF;}
#worknav li a.drawings:hover {color: #C65B2A;}
#worknav li a.prints:hover {color: #529F0D;}
#worknav li a.silkscreens:hover {color: #FFB420;}
#worknav .active a, #worknav .active a:hover {color: #FFFFFF;}

#featwork {clear: both; margin: 0 auto;text-align:center;}
#featwork img {margin: 50px 0 100px 0;border:1px solid #333333; padding: 10px;}