* { border: 0; margin: 0; padding: 0; outline: none }

html, body { height: 100% }
body { background: #ddd; color: #000; font: 11px/16px "Helvetica Neue", Helvetica, Arial, sans-serif !important; letter-spacing: 0.02em }
p, #content ul, table { margin-bottom: 1em }
a { color: #c00; font-weight: bold; text-decoration: none }
a:hover { color: #900 }
table { border-collapse: collapse }
td { vertical-align: top }
object { margin-bottom: 3px }
hr { display: none }

#center { width: 670px; margin: 0 auto; min-height: 100%; position: relative; background: #fff; border-left: 5px solid #ccc; border-right: 5px solid #ccc }
* html #center { height: 100% }
#container { padding-bottom: 52px }
.container { padding: 30px 30px 0 }

#title a { display: block; width: 308px; height: 76px; background: url(marknewport.png) no-repeat; text-indent: -9999px }
#nav { position: absolute; top: 85px; right: 30px; list-style: none }
#nav li { display: inline; float: left; height: 31px; text-indent: -9999px }
#nav li a, #nav h3 { display: block; height: 31px }
#about a { width: 68px; margin-right: 4px; background: url(about-off.png) no-repeat }
#about a:hover, body.About #about a, #about { background: url(about-on.png) no-repeat }
#portfolio h3 { width: 111px; margin-right: 4px; background: url(portfolio-off.png) no-repeat }
#portfolio h3:hover, body.section3 #portfolio h3, #portfolio { background: url(portfolio-on.png) no-repeat; cursor: default }
#portfolio ul, #portfolio img { display: none }
#portfolio:hover ul { position: absolute; display: block; width: 160px; top: 36px; left: 40px; padding: 10px 5px 0; border: 2px solid #000; background: #fff; z-index: 98;
					 -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px }
#portfolio:hover img { position: absolute; display: block; top: 20px; left: 55px; z-index: 99 }
#portfolio ul li { display: block; float: none; text-align: center; height: 16px; font-size: 9px; text-indent: 0 !important }
#portfolio ul a { display: block; height: 16px; color: #000; font-weight: normal }
#portfolio ul a:hover:before { content: "[ "; line-height: 5px }
#portfolio ul a:hover:after { content: " ]"; line-height: 5px }
#portfolio ul li.active a { font-weight: bold; color: #c00 }
#portfolio ul li.active a:hover { color: #000 !important; cursor: default }
#portfolio ul li.active a:hover:before { content: "" }
#portfolio ul li.active a:hover:after { content: "" }
#contact a { width: 90px; margin-right: -7px; background: url(contact-off.png) no-repeat }
#contact a:hover, body.Contact #contact a, #contact { background: url(contact-on.png) no-repeat }
body.About #about a, body.Contact #contact a { cursor: default }

#content img { max-width: 610px; max-height: 500px }
#content p + h2 { margin-top: 2em }
#content h2 { font-size: 14px; margin-bottom: 3px }
#content h3 { font-size: 10px; font-weight: normal !important; margin-bottom: 5px }

#footer { clear: both; position: relative; margin: -52px auto 0; width: 610px; text-align: center; font-size: 6px; padding-top: 22px }
#footer a { color: #000 }

#comicpanels { display: block; background: #000; margin-left: -30px; width: 655px; padding: 15px 0 0 15px }
#comicpanels a { display: block; float: left; position: static; font-size: 8px; line-height: 6px; margin: 0 15px 15px 0; color: #000 }
#comicpanels img { display: block; margin-bottom: 0 }
#comicpanels div { position: relative }
#comicpanels a span { display: none }
#comicpanels a:hover span { position: absolute; bottom: 0; left: 0; display: block; background: #fff; padding: 3px 5px 2px; border-top: 1px solid #000; border-right: 2px solid #000 }

#statement { background: url(print-on.gif) no-repeat 0 -999px }
#print { float: right; margin-right: -38px; display: block; width: 84px; height: 23px; background: url(print.gif) no-repeat; text-indent: -9999px }
#print:hover { background: url(print-on.gif) no-repeat }

p.nav { margin: 2px 0 20px }
#num { color: #999; margin-left: 20px }
#iwanum { float: right; color: #999 }
#img-container { display: block }
#img-container small { font-size: 9px; color: #999 }
.nothumb { display: block; margin-bottom: 30px }
.nothumb img { max-width: 610px; max-height: 420px; margin-bottom: 3px }
.slidetitle { font-style: italic }
.hidden { display: none }
.year { width: 50px }
.info { display: table-cell; padding-bottom: 0.5em }
.indent, .tab { margin-left: 15px }
.inlineleft { float: left; clear: left; margin: 0 20px 20px 0 }
.title { font-style: italic }
.right { float: right; border: 5px solid #000; margin: 0 0 15px 15px }

* html #page, * html #menu { position: absolute }

/* round some corners! */



@media print
{

body { width: 100%; color: #000; background: #fff; font: 10pt/14pt "Helvetica Neue", Helvetica, Arial, sans-serif !important } 
a { color: #000 !important }
h3 { font-weight: bold; text-transform: uppercase }

#center, #container, #content { width: 100% !important; margin: 0 !important; padding: 0 !important; border: none !important }
.container { padding: 0 !important }
#title a { display: block; width: 100%; height: 18pt; font-size: 18pt; background: none; text-indent: 0 }
#title:after { content: "marknewportartist.com / markenewport@yahoo.com"; font-size: 10pt; font-weight: normal }
#statement { margin-top: 2em }
#content table + h3 { border-top: 1px solid #000; padding-top: 0.3em }
#resume { page-break-before: always }

#nav, #print, #footer { display: none !important }

}