/** Global reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
* { margin: 0; padding: 0; }
ul, ol, li { list-style: none; }
a img { border:none } /* Gets rid of IE's blue borders */
a:focus { outline: none; -moz-outline-style: none; }
a:active { outline: none; }
a { outline: none; text-decoration: underline; }
img { vertical-align: middle; position: relative; }
table { border-collapse: collapse; border-spacing: 0;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
div { position: relative; }
.clearfix { clear: both; }
.hidden { display:none; }
acronym { font-weight: bold; cursor: default; }
/** SCALEABLE BACKGROUND IMAGE */
html, body, #bg { height: 100%; width: 100%; overflow: hidden; }
#bg { position: absolute; top: 0; left: 0; z-index: -1; }
#bg div { height: 200%; width: 200%; position: absolute; left: 0; top: 0; }
#bg img { margin: 0 auto; min-height: 50%; min-width: 50%; }
/*
SITE SPECIFIC
*/
body { font-family:"Segoe UI", Helvetica, Arial, sans-serif;
font-size: 62.5%;
color:#000; background:#ffffff url(../images/loading.gif) no-repeat center center; }
p { margin: 0 0 0.7em 0;}
h1,h2,h3 { font-weight:normal; line-height: 1.1em; margin-bottom: 0.5em; }
h1 { font-size: 4em; margin: 0 0 0.4em 0; text-transform: uppercase; }
h2 { font-size: 2.4em; margin: 0 0 0.6em 0; }
h3 { font-size: 1.6em; font-weight: bold; margin: 0 0 0.4em 0; }
.dark h1 { color: #fff; text-shadow: 0px 1px 5px #181818; }
.light h1 { color: #181818; }
#work h3 { font-weight: normal; }
#press { color: #fff; }
hr { background: #fff; }
a { text-decoration: underline; color: #fff; }
a:hover { text-decoration: none; color: #999; }
.strong { font-weight: bold; margin-right: 5px; }
.light .box { color: #181818; background: url(../images/trans-bg-w.png) repeat; }
.dark .box { color: #fff; background: url(../images/trans-bg-d.png) repeat; }
.designer { margin-left: 25px; font-style: italic; }
/*
NAVIGATION
*/
#navigation { position:absolute; left:0; bottom:25px; width:100%; height:100px; text-align:left; overflow:visible; z-index:100;}
#logo-wrap { position:absolute; left:0; width:339px; height:100px; background: rgba(0,0,0,.8); }
.ie #logo-wrap { background: #000; opacity: 0.8; filter:alpha(opacity=90); }
#logo { position:absolute; left:25px; bottom:0; display:block; width:289px; height:44px; background:url(../images/logo.png) no-repeat left -44px; text-indent:-9999px; overflow:hidden;}
#logo:hover { background-position:left top;}
#home #logo { background-position:left top;}
#nav-wrap { margin-left:339px; padding:12px 0 0 15px; height:88px !important; height:100px; background:url(../images/trans-bg-d.png) repeat; overflow:hidden;}
.nav { float: left; margin: 0 25px 0 0; width: 80px; height: 80px; }
.nav li { line-height: 18px; }
.nav li a { color: #ffffff; font-size: 1.1em; text-transform: uppercase; padding: 2px; text-decoration:none;}
.nav li a:hover { color: #181818; font-weight: bold; background:#ffffff; padding: 5px; }
#statement .nav li a.statement,
#statement .nav li a.statement:hover,
#work .nav li a.work,
#work .nav li a.work:hover,
#press .nav li a.press,
#press .nav li a.press:hover,
#events .nav li a.events,
#events .nav li events:hover,
#experience .nav li a.experience,
#experience .nav li a.experience:hover,
#contact .nav li a.contact,
#contact .nav li a.contact:hover,
#drawings .nav li a.drawings,
#drawings .nav li a.drawings:hover,
#links .nav li a.links,
#links .nav li a.links:hover {color:#181818; background: #ffffff; padding:5px; font-weight:bold; cursor:default;}
/*
CONTENT
*/
#content {width:100%; height:100%; overflow:auto; position:absolute; top:0; left:0; z-index:80;}
.container {position:absolute; top:125px; right:100px; padding-bottom:150px; width:500px; height:auto; text-align:left; z-index:85;}
.box {font-size:1.2em; padding:20px 30px;}
p.btp {color:#999;}
a.top {color:#999; text-decoration:none;}
a.top:hover {color:#fff; text-decoration:underline;}
span.hover {position:absolute; top:0; left:0; display:block; border:4px solid #000; opacity:0; filter:alpha(opacity=0);}
span.hover span {position:absolute; top:0; left:0; display:block; color:#fff; font-weight:bold; padding:5px 7px; background:#000; opacity:0; filter:alpha(opacity=0);}
#copyright {position:absolute; right:25px; top:0px; display:block; color:#fff;}
#copyright p {margin-bottom:0; padding:4px 7px; background:url(../images/trans-bg-d.png) repeat;}
/*WORK*/
.work-box { margin:0 0 50px 0; position:relative; }
.work-box img { border:4px solid #fff; margin-bottom:15px; }
.work-box img:hover { border-color: #666; }
.work-box a { position:relative; margin-bottom:25px; }
.work-nav { margin:15px 0 25px; }
.work-nav li { display:inline; }
.work-nav li a { padding:4px; margin-right:5px; color:#fff; text-decoration:none; }
.work-nav li a:hover { text-decoration:underline; color:#999; }
.year-nav { margin-bottom:15px;}
.year-nav li { display:inline; font-size:14px; color:#181818; }
.year-nav li a { padding:4px; margin-right:5px; color:#181818; text-decoration:none; }
.year-nav li a:hover { color: #fff }
/*EVENTS*/
.events { margin:15px 0 25px; }
.events li { margin:5px 0; }
/*PRESS*/
#press .container p.txt-link a:hover { color:#333; }
#press a.top { color:#333; }
#press a.top:hover { color:#181818; }
#press span.hover { border-color:#333; }
/*EXPERIENCE*/
.academy, .interests, .exhibit, .solo, .upcoming, .past, .present, .future, .press, .awards {margin:10px 0 25px; line-height:1.8em;}
/*CONTACT*/
#form {margin:15px 0 0;}
#form input {padding:5px 2px; margin:4px 0; color:#181818; font-size:1em;}
#form textarea { padding:5px 2px; margin:4px 0; color:#181818; font-family:"Segoe UI", Helvetica, Arial, sans-serif; font-size:1.1em; overflow:auto;}
.asterisk {margin-left:5px; color:#fff; font-size:2em;}
#form input.field { width: 200px; }
/*DRAWINGS*/
/*LINKS*/
.links {margin:10px 0 25px;}
/*
HOME BACKGROUND CROSSFADER
*/
#pagination { position:absolute; bottom:42px; right:25px; z-index:110;
background:url(../images/trans-bg-d.png) repeat; padding:5px 8px 5px 10px; }
#pagination { font-size: 1.1em; font-weight: bold; text-transform: uppercase; text-align: center; }
#pagination li { display: inline; }
#pagination li a { color: #666; cursor: pointer; padding: 5px; text-decoration: none; }
#pagination li a:hover { color: #fff; }
#pagination li a.active { color: #fff; cursor: default; text-decoration: underline; }
span.slideshowTrigger { display: block; float: left; color: #666; cursor: pointer; margin-right: 10px; }
span.slideshowTrigger:hover { color: #fff; }
div.bg-inner { z-index: 1; }
div.currentImg { z-index: 2; }