html { margin: 0px; /* setting border: 0 hoses ie6 win window inner well border */ padding: 0px; }
body {font-family: Arial, Helvetica, sans-serif; color:#fff; height:100%; width:100%; margin: 0px; padding:0px; border:0px; font-size:12px; background:#5A5A5E;}
/************************************************
* Common *
************************************************/
a:link, a:visited {text-decoration:none;}
a {text-decoration:none; color:#fff; }
a img { text-decoration:none; border:none; margin:0px; padding:0px;}
img.floatright {float:right; margin:0px 0px 10px 10px;}
img.floatleft {float:left; margin: 0px 10px 10px 0px;}
.clr { clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0px; border: 0px; padding: 0px; font-size: 0; line-height: 0; }
p {margin:10px 0px 0px 0px; padding:0px 0px 10px 0px;}
a.tooltip { position: relative; float:left; display:inline;}
a.tooltip span { display: none;}
a.tooltip:hover { font-size: 100%; /* Fixes bug in IE5.x/Win */}
a.tooltip:hover span { display:block; position:absolute; top:81px; left:17px; padding: 2px; border:none; background:url("images/transgradblack.png") repeat-y 0 0; color:#fff; width:111px; height: 22px; }
a.tooltip span.project { display:block; top:115px; left:17px; padding: 2px 0px; }
a.tooltip:hover span.project { display:block; position:absolute; top:115px; left:17px; padding: 2px 0px; border:none; background:none; color:#fff; }
span.project { display: block; position:absolute; top:115px; left:17px; padding: 2px 0px; border:none; background:none; color:#fff;}
.centercol { position:relative; width:900px; margin:0px auto;}
/************************************************
* Header *
************************************************/
h1 {position:absolute; font-weight:normal; margin:0px; padding:0px; float:left; width: 120px;height: 92px; margin:0; left:4%; top:35px; display:block;}
h1 a{display: block; width: 120px;height: 92px; background:url("images/logo.gif") no-repeat 0 0; text-indent: -9999px; outline: none; border: none; }
#index h1 a {background:url("images/logo-light.gif") no-repeat 0 0;}
#header { background:url("images/bg-header.png") repeat-x 0 100% #8C8C94; width:100%; height:157px; }
h2 {font-weight:normal; margin:0px; padding:0px; }
h2 a { position:relative; display: block; width: 227px; height: 43px;background:url("images/email.png") no-repeat 0 0; text-indent: -9999px; outline: none; margin:20px auto; }
h3 { text-align:left; margin:0px;}
#bg {background:url("images/bg.png") repeat-x 0 100% #fff;}
#headshot { position:relative; margin:0; display:block; float:none; width:100%; }
#index #headshot {background:url("images/pic-home.png") no-repeat 10% 100%; width:100%; }
#contact #headshot {background:url("images/pic-contact.png") no-repeat 85% 100%; width:100%; }
#gallery #headshot {background:url("images/pic-gallery.png") no-repeat 10% 100%; width:100%; }
#bio #headshot {background:url("images/pic-tat.png") no-repeat 10% 100%; width:100%; }
#news #headshot {background:url("images/pic-bio.png") no-repeat 10% 100%; width:100%; }
#content {width:100%; padding-top:0px; background:url("images/bg-grey.png") repeat-x 0 100% #8C8C94; margin:0px auto ; }
#index #content {padding-top:0px; width:600px; margin:0px 0 0 50% ; background:none;}
#banner {width:550px; margin:0px auto ; padding-top:20px;}
#project #content { background:url("images/bg-content.png") repeat-x 0 0 #5A5A5E; padding-top:50px;}
#biography {width:50%; margin:0px 0 0 40% ; padding-top:50px; background:url("images/biobg.png") repeat-x 0 100% #8C8C94; padding-left:10px;}
#article {width:50%; margin:0px auto; padding-top:150px;}
#upcoming { margin:0px auto; }
#upcoming a { width:300px; height:164px; float:left; text-align:center;}
#photogallery { width:50%; margin:0px 0 0 50% ;padding:130px 0;}
#gallery #photogallery img { background:url("images/thumb-bg.png") no-repeat; padding:17px; }
#gallery #photogallery img:hover { background:url("images/thumb-bg-hover.png") no-repeat; }
/***** Filmography Index*******/
div#filmography {width:70%; margin:0px auto; padding:130px 0;}
.clipthumb { width:211px; float:left; position:relative; display:block;}
#filmography .clipthumb img { background:url("images/filmthumb-bg.png") no-repeat; padding:16px 17px 29px 17px }
#filmography .clipthumb img:hover { background:url("images/filmthumb-bg-hover.png") no-repeat; }
#blog {padding-top:150px; width:60%; margin:0px 0 0 40% ;}
#blog .newsitem {display:block; width:480px; height:230px; float:left;}
#blog a.newsicon {background:url("images/newsiconbg.png") no-repeat; display:block; width:480px; height:230px; }
#blog a.newsicon img {float:none;width:430px; margin:18px auto auto 18px;}
#blog a.newsicon span { display:block; float:none; width:430px; margin:5px auto auto 18px;}
#contactinfo {width:310px; left:20%; position:relative; padding-top:150px;}
#contact-form {margin:5px 0px 0px 0px; width:310px; left:20%; position:relative; padding-bottom:100px;}
#contact-form label { margin:5px 0px; padding:0px ;width: 150px; float:left; text-align:left; clear:left; height:24px; }
#contact-form label#message {width: 200px;}
#contact-form label#requestreason {width: 250px;}
#contact-form label#reason {height: 35px; margin-top:20px;}
#contact-form input#autograph {margin-top:15px;}
#contact-form input.text { margin:5px 0px; padding:0px ; float:right; width:150px; font-size:16px; height:24px; }
#contact-form input.checkbox { margin:5px 0px; padding:0px ; float:right; width:30px; font-size:16px; height:30px; }
#contact-form input#send{ margin: 0px; padding: 15px 0px 0px 0px ; width: 75px; height:50px;}
#contact-form textarea { margin: 0px; padding: 5px 0px 0px 0px ; width: 308px; height:50px; font-size:14px; }
form input.text{border:#393939 1px solid; background:url("images/formbg.png") repeat-x 0 0 #8a8a92; color:#fff; line-height:18px;}
form textarea{border:#393939 1px solid; background:url("images/formbg.png") repeat-x 0 0 #8a8a92; color:#fff; line-height:16px;}
#thankyou {width:300px; left:20%; position:relative; padding-top:150px; padding-bottom:350px;}
/***** Filmography Project Page*******/
#project h1 {left:0;}
#window { width:100%; background:#303030;}
#mainimg {width:100%; background:url("images/bg-grad.png") repeat-y 50% 0; display:block;}
#index #flash {padding-top:20px; width:600px; }
#project #flash { margin:0px auto; padding:0px; background:#161616;}
#mainimg img{margin:0px auto; display:block; }
#project #content {color:#ccc; padding-top:50px;}
#synopsis {border-top:#4D4D50 1px solid; clear:both; width:900px;}
#stills {border-top:#4D4D50 1px solid; clear:both; width:900px;}
#stills img { margin:0px 5px 5px 0px;}
#project-links a{display:block; float:left; margin:5px 10px 0px 0px; }
#project-links a#imdb{background:url("images/icon-imdb.png") no-repeat 0 0 ; width:50px; height:26px;}
#project-links a#amazon{background:url("images/icon-amazon.png") no-repeat 0 0 ; width:105px; height:26px;}
#project-links a#netflix{background:url("images/icon-netflix.png") no-repeat 0 0 ; width:72px; height:26px;}
#project-links a#blockbuster{background:url("images/icon-blockbuster.png") no-repeat 0 0 ; width:59px; height:35px; margin-top:0px;}
#project-links a span {display:none;}
#projectthumbs {width:760px; margin:0px auto ; clear:both;}
#videoclips {width:900px; clear:both; border-top:#4D4D50 1px solid;}
.video-entry {position:relative; width:200px; padding:10px 0px; clear:none; float:left; }
.video-info {width:200px; float:left; display:block; margin:0px; }
.video-title { margin-left:7px; font-size:13px; color:#fff; margin-top:0px; }
.video-description {margin-left:20px; }
.video-tags {width:120px; float:left; display:block; color:#333;}
.video-tags ul {list-style:none; margin:2px 0px; font-size:12px; padding:0px; text-align:right;}
.tag-title {text-align:right; text-transform:uppercase; }
.video-tags li {padding:2px 0px; clear:left; width:120px; text-align:right;}
.video-tags a {color:#333333; }
.video-tags a:hover {color:#ccc; }
#project .clipthumb { width:189px; height:114px; background:url("images/bg-projectthumb.png") no-repeat; }
#project .clipthumb img {padding-left:6px; padding-top:6px;}
/************************************************
* Sorting Tabs *
************************************************/
.sort { width:900px; margin:0px; position:relative; }
.sort ul { height:29px; width:286px; float:right; display:block; list-style:none; color:#C6CACC; margin:0px; padding:0px; }
.sort ul li{ margin:0px; padding:0px; float:right; display:block; }
.sort ul li span { display:none; }
.sort ul li.synopsis { width:115px; }
.sort ul li.video { width:84px; }
.sort ul li.stills { width:86px; }
.sort ul li a{ height:29px; display:block; float:left; }
.sort ul li.synopsis a{ background:url("images/tab-synopsis.png") no-repeat 0 -29px; width:115px; }
.sort ul li.synopsis a.active,
.sort ul li.synopsis a:hover{ background:url("images/tab-synopsis.png") no-repeat 0 0; }
.sort ul li.video a{ background:url("images/tab-video.png") no-repeat 0 -29px; width:84px; }
.sort ul li.video a.active,
.sort ul li.video a:hover{ background:url("images/tab-video.png") no-repeat 0 0; }
.sort ul li.stills a{ background:url("images/tab-stills.png") no-repeat 0 -29px; width:86px; }
.sort ul li.stills a.active,
.sort ul li.stills a:hover{ background:url("images/tab-stills.png") no-repeat 0 0; }
/************************************************
* Menu *
************************************************/
#menu { position:relative; top: 0px; background:url("images/menu.png") repeat-x 0 0 #5A5A5E; height:82px; width:100%; clear:both; margin:0px; padding-top:10px;}
#demo #menu,
#project #menu { position:relative; background:#600000; height:20px; width:100%; clear:both; margin:0px; padding:0px; }
#menu ul { position:relative;width:900px; clear:both; list-style:none; padding:0px; margin:0 auto; }
#menu ul li{ float:right; margin:0px 10px; height:20px; padding:0px; }
#menu ul li a {display:block; height:20px; margin:0px;}
#menu ul li#home a {background:url("images/menu-home.png") no-repeat 0 0; width:35px; }
#menu ul li#home.active a,
#menu ul li#home a:hover {background:url("images/menu-home.png") no-repeat 0 -20px; }
#menu ul li#demo a{background:url("images/menu-demo.png") no-repeat 0 0; width:65px;}
#menu ul li#demo.active a,
#menu ul li#demo a:hover {background:url("images/menu-demo.png") no-repeat 0 -20px; }
#menu ul li#bio a{background:url("images/menu-bio.png") no-repeat 0 0; width:19px;}
#menu ul li#bio.active a,
#menu ul li#bio a:hover {background:url("images/menu-bio.png") no-repeat 0 -20px; }
#menu ul li#filmography a{background:url("images/menu-filmography.png") no-repeat 0 0; width:76px;}
#menu ul li#filmography.active a,
#menu ul li#filmography a:hover {background:url("images/menu-filmography.png") no-repeat 0 -20px; }
#menu ul li#gallery a{background:url("images/menu-gallery.png") no-repeat 0 0; width:43px;}
#menu ul li#gallery.active a,
#menu ul li#gallery a:hover {background:url("images/menu-gallery.png") no-repeat 0 -20px;}
#menu ul li#news a{background:url("images/menu-news.png") no-repeat 0 0; width:32px;}
#menu ul li#news.active a,
#menu ul li#news a:hover {background:url("images/menu-news.png") no-repeat 0 -20px;}
#menu ul li#contact a{background:url("images/menu-contact.png") no-repeat 0 0; width:49px;}
#menu ul li#contact.active a,
#menu ul li#contact a:hover {background:url("images/menu-contact.png") no-repeat 0 -20px; }
#menu ul li a span {display:none;}
.sitecredits {position:relative; width:900px; clear:both; padding:0px; text-align:right; font-size:10px; margin:0px auto; color:#999999; }
.sitecredits a{margin:0px; color:#999999; padding:0px; }
/************************************************
* Lightbox *
************************************************/
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("images/prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("images/nextlabel.gif") right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
.sets { display:none;}
/************************************************
* SIFR *
************************************************/
/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0;}
.sIFR-replaced { visibility: visible !important; margin: 0px;}
.sIFR-replaced embed.sIFR-flash {visibility: visible; display:block;}
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
h1,
.sIFR-hasFlash h1 { font-size:26px; line-height:28px; display:block; margin-top: 5px; margin-bottom: 5px; }
h2,
.sIFR-hasFlash h2 { font-size: 22px; line-height:22px; display:block; margin-bottom: 5px; }
h3,
.sIFR-hasFlash h3 { font-size: 18px; line-height:18px; display:block; margin-bottom: 5px; }
.sIFR-hasFlash h1,
.sIFR-hasFlash h2,
.sIFR-hasFlash h3 {margin-left:0px;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important;}