@media screen
{

* { border: 0; margin: 0; padding: 0; }
body { background: #fff; min-width: 100%; color: #657278; font: 10px/14px Arial, Lucida Grande, sans-serif; } 
p { margin-bottom: 14px; }
p.final { margin-bottom: 0; }
a { text-decoration: none; color: #657278; font-weight: bold; }
a:hover, a:focus, a:active { color: #3F555F; }
table { border-collapse: collapse; }

#yellow { position: fixed; top: 0; width: 100%; height: 5px; background: #F9DE02; z-index: 2; } 
#header { position: fixed; top: 23px; left: 18px; background: #fff; border-top: 5px solid #fff; border-left: 5px solid #fff; border-right: 5px solid #fff; z-index: 1; }
#title { display: block; width: 297px; height: 80px; background: url(i/title.gif) top left no-repeat; }
#title a { display: block; width: 276px; height: 76px; }
#nav { padding-bottom: 20px; padding-right: 20px; vertical-align: bottom; }
#nav ul { list-style: none; }
#nav li { list-style-type: none; }
#nav a { display: block; width: 47px; height: 10px; }
#subnav { font: 11px/10px "Futura Condensed", sans-serif; width: 500px; padding-bottom: 20px; vertical-align: bottom; }
#subnav ul { list-style: none; }
#subnav li { list-style-type: none; display: inline; }
#subnav a { display: table-cell; float: left; margin-right: 2px; font-weight: normal; }
#subnav a.on { background: url(i/highlight.gif) repeat-x; }
#subnav a.prev { font: 14px/10px "Futura Condensed", sans-serif; }

a#work { background: url(i/nav-work-off.gif) no-repeat; height: 12px; }
a#work:hover { background: url(i/nav-work-on.gif) no-repeat; }
a#resume { background: url(i/nav-resume-off.gif) no-repeat; }
a#resume:hover { background: url(i/nav-resume-on.gif) no-repeat; }
a#statement { background: url(i/nav-statement-off.gif) no-repeat; }
a#statement:hover { background: url(i/nav-statement-on.gif) no-repeat; }
a#contact { background: url(i/nav-contact-off.gif) no-repeat; }
a#contact:hover { background: url(i/nav-contact-on.gif) no-repeat; }

#frontimg { margin-top: 140px; }
#artwork { margin: 105px 0 20px 20px }
.artinfo { display: block; width: 276px; height: 500px; padding-right: 20px; text-align: right; vertical-align: bottom; }
.artimg { padding-right: 20px; }
.argimg img { height: 500px; }
#copy { margin: 105px 0 20px 318px }
.content { display: block; width: 531px; padding-right: 20px; text-align: left; }
.content ul { list-style: none; margin-bottom: 14px; }
.content li.year { float: left; clear: both; min-width: 4em; }
.content li.year2 { float: left; clear: both; min-width: 6.5em; }
.content li.info { margin-bottom: .5em; }
#oldstat { text-align: justify; }

.hl { font: 11px/14px Arial, Lucida Grande, sans-serif; text-transform: lowercase; font-weight: bold; padding: 0 1px 0; background: url(i/highlight.gif) repeat-x; }
.alt { visibility: hidden; display: none; }
.left { float: left; text-align: left; }
.right { float: right; text-align: right; }
.center { text-align: center; }

}


@media print
{

* { border: 0; margin: 0; padding: 0; }
body { background: #fff; min-width: 100%; color: #000; font: 11pt/14pt Lucida Grande, sans-serif; } 
p { margin-bottom: 1em; }
p.final { margin-bottom: 0; }
a { text-decoration: none; color: #657278; font-weight: bold; }
a:hover, a:focus, a:active { color: #3F555F; }
table { border-collapse: collapse; }

a:link:after, a:visited:after { content: " (" attr(href) ") "; font-size: 90%; }

#yellow { display: none; } 
#header { display: none; }
#nav { display: none; }
#subnav { display: none; }

#copy { display: block; }
.content { display: block; width: 600px; text-align: left; }
.content ul { list-style: none; margin-bottom: 1em; }
.content li.year { float: left; clear: both; min-width: 4em; }
.content li.year2 { float: left; clear: both; min-width: 6.5em; }
.content li.info { margin-bottom: .5em; }

.hl { font: 13pt/16pt Lucida Grande, sans-serif; font-weight: bold; }
.alt { font: 24pt/36pt "Futura Condensed", sans-serif; color: #657278; }

}