@charset "UTF-8";
/* CSS Document */
/* COLORS
near-black: #010206;
light blue: #7ab6f3;
light blue on white: #5f9fe0;
light gray blue: #b8c7d6;
blue gray:#657584;
med-gray: #7f8389;
red: #da3807;
*/

/* GENERAL - 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; font-size: 100%; vertical-align: baseline; background: transparent; } 
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* GENERAL */
body { background:url(/img/background-body.gif) repeat-x #010206; color:#657584; font:62.5% Arial, Helvetica, sans-serif; line-height: 1; text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
body {font-size:10px;}/* SAFARI HACK */
}
a{color:#7ab6f3;text-decoration:none;}
a:hover{color:#fff;}
blockquote{font-size:1.3em;margin:0 44px 10px;}
h1{color:#010206;text-transform:uppercase;padding:0 9px;}
h1 span{color:#657584;font-weight:normal;}
h2, h3, h4{font-size:1.1em;font-weight:normal;text-transform:uppercase;}
h2{color:#14253E;margin:0 44px 2px;}
h3{color:#657584;margin:0 44px;}
h4{color:#4E83B9;font-size:1em;margin:0;}
p{font-size:1.2em;line-height:1.5em;padding-bottom:10px;}
p.text-alt {font-size:1.1em; line-height:1.5em;padding-bottom:10px;}

/* GLOBAL */
.background{padding-top:14px;}
.background #main{background:none;border:none;min-height:454px;padding:126px 0 59px;}
.background #nav{margin-top:0;}
.background #nav ul, .background #nav ul li a{background-image:url(/img/subnav-sub.png)}
.background #footer{background:url(/img/nav-footer-sub.png) no-repeat;height:32px;margin:0;padding:8px 0 10px 16px;}
.background #footer-hayhouse{padding-top:11px;}
.clear{clear:both;}
#featured-content{padding-top:30px;}
#pages #shareThis, #gallery #shareThis{left:954px;top:106px;}
#logo a{display:block;height:206px;margin-bottom:20px;}
#shareThis	{ position: absolute; top: 55px; left: 920px; }
#sidebar ul img.icon{vertical-align:middle;padding-left:0;}
#sidebar ul img.search{padding-left:0;}
.title{margin:0 0 10px 44px;}
.wide #main {background:url("/img/main-dvd.jpg") no-repeat scroll 493px bottom #FFFFFF;border-top:1px solid #D3CCBA;min-height:532px;}
.wide #shareThis{top:143px;}

/* HELPER STYLES - FORMS */
.captcha label, .textarea label{vertical-align:top;}
.captcha label {float:left;}
#recaptcha_widget_div{display:inline-block;margin-left:-3px;}
.error-message {color:#900; margin-top:-5px; padding:0 0 10px 100px;}
#main .checkbox {padding:7px 44px 0 101px;}
#main .checkbox input {border:none;height:auto;margin:0 3px 0 0;padding:0;vertical-align:top;width:auto;}
#main .checkbox label{line-height:1.5em;width:200px;}
form{font-size:1.1em;}
form dl, form p, form ul{font-size:1em;}
#flashMessage, #authMessage {color:#900;font-size:1.1em;margin-left:44px;padding-bottom:20px;}
#main .button{border:none;height:auto;margin:0 0 0 100px;padding:0;width:auto;}
#main form{margin:0 0 0 44px;}
#main input{border:1px solid #ccc;font:1em Arial, Helvetica, sans-serif;height:14px;margin-bottom:7px;padding:1px; width:230px;}
#main label{display:inline-block;margin-bottom:7px;width:100px;}
#main legend{margin-bottom:10px;}
#main select{margin-bottom:7px;}
.stateSelector .input.select{display: none; width: 230px;}
select, textarea{border:1px solid #CCCCCC; font:1em Arial, Helvetica, sans-serif;padding:1px;width:230px;}

/* HELPER STYLES - LISTS */
dl, ol, ul{font-size:1.1em;}
dl{margin:0 44px;}
dt{color:#4E83B9;margin-top:10px;text-transform:uppercase;}
dd{color:#14253E;line-height:1.3em;}
dd span{display:inline-block;width:150px;}

/* PAGE STRUCTURE */
.container{margin:0 auto; text-align:left;width:1000px;position:relative;}
.content{float:left;width:434px; margin-bottom:30px;}
.content a{color:#5f9fe0;}
#main .content p{color:#14253e; margin-right:65px;}
#main .content p.text-alt{color:#657584;}
#featured-content {float:left; width:140px;}
#footer{clear:both;}
#main { background:url(/img/main-dvd.jpg) no-repeat 493px bottom #fff;border-top:1px solid #d3ccba;float:right;min-height:532px; padding:137px 0 92px; width:642px; }
#main a{color:#4E83B9;}
#main a:hover{color:#7ab6f3;text-decoration:underline;}
#main ol, #main ul{margin:0 44px 10px;}
#main p{margin:0 44px;}
#main ul.fan-reviews{font-size:1.2em;}
#sidebar {float:left;width:358px;}
#sidebar a{font-size:1.1em;}
#sidebar form{margin-top:4px;}
#sidebar li{border-top:1px solid #657584;color:#7ab6f3;margin-left:81px;padding:5px 0 5px 9px;width:155px;}
#sidebar li li{border:none;font-size:.9em;margin-left:0;}
#sidebar select{font-size:.9em;margin-bottom:3px;width:145px;}
#sidebar ul{font-size:1em;}
#sidebar ul img {padding-left:90px;}

/* SON OF SUCKERFISH NAV */
/* MAIN STUFF TO MAKE IT WORK */
#nav, #nav ul {margin: 0;padding: 0;list-style: none;}
#nav a {display: block;width: 10em;}
#nav li {float: left;}
#nav li ul {position: absolute;padding-top:16px;width: 10em;left: -999em;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
/* MAKING THE ROLLOVERS WORK WITH A BACKGROUND IMAGE */
#nav{background:url(/img/nav.gif) no-repeat;height:11px;margin:14px 0 7px 403px;width:589px;}
#nav a{height:11px;}
#nav a.about{margin-right:16px;width:39px;}
#nav a.gallery{margin-right:18px;width:35px;}
#nav a.reviews{margin-right:18px;width:52px;}
#nav a.store{margin-right:17px;width:93px;}
#nav a.screenings{margin-right:17px;width:74px;}
#nav a.enews{margin-right:15px;width:135px;}
#nav a.login{width:36px;}
#nav a.members{width:60px; background:url(/img/nav.gif) no-repeat -589px 0px;}
/* MAIN NAV ROLLOVERS */
#nav a.about:hover, #about #nav a.about{background:url(/img/nav.gif) no-repeat 0 -12px;}
#nav a.gallery:hover, #gallery #nav a.gallery{background:url(/img/nav.gif) no-repeat -55px -12px;}
#nav a.reviews:hover, #reviews #nav a.reviews{background:url(/img/nav.gif) no-repeat -108px -12px;}
#nav a.store:hover, #store #nav a.store{background:url(/img/nav.gif) no-repeat -177px -12px;}
#nav a.screenings:hover, #screenings #nav a.screenings{background:url(/img/nav.gif) no-repeat -287px -12px;}
#nav a.enews:hover, #enews #nav a.enews{background:url(/img/nav.gif) no-repeat -378px -12px;}
#nav a.login:hover, #login #nav a.login{background:url(/img/nav.gif) no-repeat -529px -12px;}
#nav a.members:hover, #members #nav a.members{background:url(/img/nav.gif) no-repeat -589px -12px;}
#nav ul, #nav ul li a{background:url(/img/subnav-sub.png) no-repeat -766px -70px;}
#nav ul{padding-top:18px;}
#nav ul li{font-size:9px;height:10px;margin-bottom:10px;}
/* ABOUT SECTION ROLLOVERS */
#nav li ul.about, #nav li ul.about a{width:103px;}
#nav li:hover ul.about, #nav li.sfhover ul.about{background-position:0 16px;}
#nav li ul.about a.the-film:hover{background-position:-103px 0;}
#nav li ul.about a.the-director:hover{background-position:-103px -20px;}
#nav li ul.about a.featured-interviews:hover{background-position:-103px -40px;}
#nav li ul.about a.the-cast:hover{background-position:-103px -60px;}
/* VIDEO SECTION ROLLOVERS */
#nav li ul.gallery, #nav li ul.gallery a{width:80px;}
#nav li:hover ul.gallery, #nav li.sfhover ul.gallery{background-position:-206px 16px}
#nav li ul.gallery a.movie-trailers:hover{background-position:-286px 0;}
#nav li ul.gallery a.photo-gallery:hover{background-position:-286px -20px;height:14px;}
/* REVIEWS SECTION ROLLOVERS */
#nav li ul.reviews, #nav li ul.reviews a{width:83px;}
#nav li:hover ul.reviews, #nav li.sfhover ul.reviews{background-position:-366px 16px}
#nav li ul.reviews a.fan-reviews:hover{background-position:-449px 0;}
#nav li ul.reviews a.submit-review:hover{background-position:-449px -20px;}
#nav li ul.reviews a.press-reviews:hover{background-position:-449px -40px;height:14px;}
/* SCREENING SECTION ROLLOVERS */
#nav li ul.screenings, #nav li ul.screenings a{width:117px;}
#nav li:hover ul.screenings, #nav li.sfhover ul.screenings{background-position:-532px 16px}
#nav li ul.screenings a.host-screening:hover{background-position:-649px 0;}
#nav li ul.screenings a.upcoming-screenings:hover{background-position:-649px -20px;height:14px;}
/* MEMBER SECTION ROLLOVERS */
#nav li ul.members, #nav li ul.members a{width:42px;}
#nav li:hover ul.members, #nav li.sfhover ul.members{background-position:-766px 16px}
#nav li ul.members li{margin-bottom:0;}
#nav li ul.members a.logout:hover{background-position:-808px 0;}

/* FOOTER NAV */
#footer{background:url(/img/nav-footer-sub.png) no-repeat;height:32px;padding:8px 0 12px 17px;}
#footer a{display:block;height:32px;text-decoration:none;}
#footer li{float:left;}
#footer a.twitter{margin-right:13px;width:68px;}
#footer a.facebook{margin-right:19px;width:59px;}
#footer a.youtube{margin-right:19px;width:51px;}
#footer a.myspace{margin-right:17px;width:66px;}
#footer a.itunes{margin-right:21px;width:50px;}
#footer li.enews{margin-right:16px;width:112px;}
#footer li.enews a{height:8px;margin-left:68px;width:31px;}
#footer input{border:none;height:14px;margin:6px 0 0 1px;padding:1px;width:109px; font-size:.9em;}
#footer a.affiliate{margin-right:13px;width:95px;}
#footer a.screening{margin-right:53px;width:89px;}
#footer a.dvd{width:202px;}
#footer-hayhouse{background:url(/img/nav-footer-hayhouse.png) no-repeat 0 0;color:#fff;font:9px Arial, Helvetica, sans-serif;height:12px;padding:11px 0 0 37px;text-transform:uppercase;width:1000px;}
#footer-hayhouse li{float:left;}
#footer-hayhouse .visit{text-transform:lowercase;}
#footer-hayhouse .copyright{color:#7f8389;}
#footer-hayhouse .customer-support{margin-right:0;}

/* HOME */
#pages .background{background:url(/img/background-home.jpg) no-repeat center 0;}
#pages .background #main{min-height:426px;padding-bottom:91px;}
#pages .background #nav ul, #pages .background #nav ul li a{background-image:url(/img/subnav-home.png)}
#pages .background #footer{background:url(/img/nav-footer.png) no-repeat;height:32px;margin:157px 0 10px 17px;padding:0;}
#pages .media{height:388px;}

/* ABOUT */
#about .background, #reviews .background{background:url(/img/background-umbrella.jpg) no-repeat center 32px;}
#about .content{width:434px;}
#about .interviewee h2{color:#da3807;display:inline;margin:0;padding:0;text-transform:uppercase;}
#about h2{color:#657584;margin-bottom:5px;text-transform:none;}
#about h2 span{display:inline-block;text-transform:uppercase;width:150px;}
#about #logo a{margin-bottom:37px;}
#about #sidebar{min-height:516px;}
.featured-photo{float:right;margin:20px 44px 0 0;}
.interviewee{margin-left:44px;width:489px;}
#main .interviewee p{color:#000;display:inline;font-size:1.1em;line-height:1.5em;margin:0;padding-bottom:0;}
#main ul.featured-interviews a:hover{text-decoration:none;}
#main ul.featured-interviews{background:url(/img/nav-featured-interviews.png) no-repeat 0 -26px;height:22px;margin-left:52px;margin-right:0;margin-bottom:6px;}
.quote{margin:10px 10px 0;}
ul.featured-interviews li{float:left;}
ul.featured-interviews a{display:block;height:22px;}
ul.featured-interviews a:hover, ul.featured-interviews a.selected{background:url(/img/nav-featured-interviews.png) no-repeat 0 48px;}
ul.featured-interviews a.copperfield:hover, ul.featured-interviews a.copperfield.selected{background-position:0 0}
ul.featured-interviews a.demartini:hover, ul.featured-interviews a.demartini.selected{background-position:-86px  0}
ul.featured-interviews a.geldof:hover, ul.featured-interviews a.geldof.selected{background-position:-164px 0}
ul.featured-interviews a.jackman:hover, ul.featured-interviews a.jackman.selected{background-position:-221px 0}
ul.featured-interviews a.kent:hover, ul.featured-interviews a.kent.selected{background-position:-290px 0}
ul.featured-interviews a.seal:hover, ul.featured-interviews.selected{background-position:-402px 0}
ul.featured-interviews a.starr:hover, ul.featured-interviews a.starr.selected{background-position:-445px 0}
ul.featured-interviews a.thompson:hover, ul.featured-interviews a.thompson.selected{background-position:-496px 0}
.copperfield{width:71px;margin-right:15px;}
.demartini{width:60px;margin-right:18px;}
.geldof{width:42px;margin-right:15px;}
.jackman{width:53px;margin-right:16px;}
.kent{width:97px;margin-right:15px;}
.seal{width:26px;margin-right:17px;}
.starr{width:36px;margin-right:15px;}
.thompson{width:54px;}

/* GALLERY */
#gallery .background{background:url(/img/background-video.jpg) no-repeat center 32px;}
#gallery .background #nav ul, #gallery .background #nav ul li a{background-image:url(/img/subnav-home.png)}
#gallery .background #main{min-height:426px;}
.media{background:#000;height: 388px;margin-left:10px;position: relative; width:640px;}
.media .buttons	{ border:none; display: block; position: absolute; width: 20px; height: 75px; text-decoration: none; outline: none; }
.media .prev{ background:url(/img/buttons/photos-previous.gif) no-repeat right center;top: 415px; left: -32px; }
.media .next{ background:url(/img/buttons/photos-next.gif) no-repeat right center;top: 415px; left: 645px; }
.navigation	li{ display: inline; }
.navigation{height: 88px;margin-left: 2px; margin-top: 25px; overflow: hidden; position: relative; width: 655px; }
.navigation .jCarouselLite	{ float: left; }
.navigation .thumbnail		{ cursor: pointer; padding: 0; display: block; margin: 0; border: 0; }
.navigation .margin_right	{ margin-right: 5px; }
.navigation span			{ border: 5px solid #f1ede8; display: block; margin-right: 5px; }
.navigation .transparent	{ filter:alpha(opacity=50); -moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.media .image_title			{ position: absolute; display: block; background-color: #000; top: 365px; left: 0px; width: 612px; height: 24px; line-height: 24px; padding: 0px 14px; color: #fff; filter:alpha(opacity=70); -moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7; text-transform:uppercase;}
#video-replacement{height:388px;}

/* REVIEWS */
#reviews #main form{margin-top:10px;}
#reviews textarea {margin-bottom:8px;}
span.comment_author{color:#657584;font-style:italic;text-align:right;}
ul.press a{font-size:1em; line-height:1.2em;text-transform:uppercase;}
ul.press li{ color:#657584;margin-bottom:10px;}
ul.press em, ul.press span{color:#14253E;}
ul.fan-reviews li{color:#14253E;line-height:1.6em;border-bottom:1px solid #b8c7d6;padding-bottom:10px;margin-bottom:10px;}
#reviews #sidebar {background:url(/img/umbrella-background.jpg) no-repeat right top #010206;min-height:686px;}
#reviews #sidebar ul img {padding-left:90px;}

/* MOVIE STORE */
.promo{float:left;font-size:1.2em; margin-bottom:30px;margin-right:16px;width:168px;}
.retail_price{text-decoration:line-through;}
.row{clear:both;margin:0 44px;}
#sidebar li.selected{color:#fff;}
#sidebar .SalePrice{color:#d1d4da;display:block;}
#store .background{background:url(/img/background-mountains.jpg) no-repeat center 32px;}
#store #sidebar{background:url(/img/store/store-background.jpg) no-repeat right top #010206;min-height:686px;}
#store #sidebar li{font-size:1.1em;}
#store #sidebar li li{font-size:1em;}
#store #sidebar li a{font-size:1em;}
#store #sidebar ul img {padding-left:90px;}
#store .promo a {color:#5f9fe0; font-weight:bold; text-transform:uppercase; font-size:11px;}
#store .promo .byline {color:#14253e; text-transform:uppercase; font-size:10px;}
#store .promo .retail_price{color:#14253e; font-size:11px;}
#store .promo .SalePrice{color:#da3807; font-size:10px;}
#store .buttons img {margin-top:7px;}

/* SCREENINGS */
.accordian li{color:#14253e;line-height:1.3em;margin:3px 0 10px;}
.accordian ul{padding-left:10px;}
.date{width:44%;}
#screenings .background{background:url(/img/background-dancers.jpg) no-repeat center 32px;}
#screenings .featured-photo{margin:10px 20px 0 0;}
#screenings #main ul{margin-right:20px;}
.time{width:112px;}
/* SCREENINGS SIDEBAR */
img.search, #reviews #sidebar ul img.search{cursor:pointer;float:right;margin-top:1px;padding-left:0;}
#sidebar ul.sidebar-screenings li{padding:3px 9px 0;}
#sidebar ul.sidebar-screenings li.buy-online-now{border:none;padding:0;}
#sidebar ul.sidebar-screenings li.buy-online-now a{display:block;height:20px;padding:0;}
#sidebar ul.sidebar-screenings li.official-movie-store{height:26px;}
#sidebar ul.sidebar-screenings li.find-a-screening{height:80px;}
#sidebar ul.sidebar-screenings li.host-a-movie-screening{height:25px;}
#sidebar ul.sidebar-screenings li.watch-on-demand{padding-top:21px;}
#sidebar ul.sidebar-screenings li.watch-on-demand a{display:block;height:26px;}
#screenings .background{background:url(/img/dancers-full-background.jpg) no-repeat center 32px;}
ul.sidebar-screenings{background:url(/img/element-screenings-sidebar.gif) no-repeat 89px 0; height:221px; line-height:1.1em; margin-top:20px;}

/* ENEWS */
#enews .background{background:url(/img/background-procession.jpg) no-repeat center 32px;}
#enews .featured-image {display:block; padding-bottom:5px;}
#enews #featured-content p {color:#0e1a28; font-size:10px; font-weight:bold; text-transform:uppercase; line-height:1.2em; margin:0;}
#enews #featured-content p span, #enews .pdf-copy span {color:#657584; display:block; font-size:10px; font-weight:normal; text-transform:uppercase; padding-bottom:10px; }
#enews #featured-content p span {padding-top:3px;}
#enews #sidebar ul img {padding-bottom:7px;}
#enews #sidebar ul li img {margin:0; padding:0 0 0 10px;}
#enews #sidebar ul li {border:none; margin-bottom:5px;}
#enews p.top{padding-bottom:0;}
#enews .pdf {float:left; margin-left:44px;}
#enews .pdf-copy{float:left; margin-left:7px;}
#enews .pdf-copy p {line-height:1.2em; margin:0; padding:0;}

/* MEMBER */
#members .background{background:url(/img/background-waterfront.jpg) no-repeat center 32px;}
#members .clips-button {cursor:pointer;}
#members ul.press li {margin-bottom:12px;}
#members ul.press li img {display:block; padding-top:3px;}
#members .play_movie_now {display:block; padding-bottom:10px;}
#members h3 img {margin-top:10px;}
#members .forgot{display:block;margin:10px 0 10px 100px;}
#members #main a {color:#4e83b9;}
#members  #main .checkbox {padding-top:0;}
#members #main form#MemberForgotPasswordForm {margin-top:20px;}
#members #main form#MemberForgotPasswordForm p {margin:0; padding:0;}
#members #video {background: #fff; height: 432px; padding: 0 0 0 1px;}
#members-index #main {height:525px;}
#members-index .fanbox {padding:30px;}
#members-index .play_movie_now {padding-bottom:7px;}
#main label.recaptcha{display:block;float:left;padding-top:3px;}
#recaptcha_widget_div{float:left;margin-bottom:7px;}

/* AFFILIATES */
#affiliates h2 {font-size:1.2em;font-weight:bold;text-transform:none}
#affiliates #main{border-left:358px solid #fff;margin-left:-358px;}
#affiliates #main ol{line-height:1.6em;list-style:decimal;margin-left:64px;}
#affiliates #main ul{line-height:1.6em;list-style:square;margin-left:64px;}
#affiliates #sidebar strong{text-transform:uppercase;}
#affiliates #sidebar ul li img {padding:5px 0 0 0;}

/* SUPPORT */
#care #sidebar ul img {padding-left:90px;}
p.FAQanswer strong{display:block;float:left;width:95%;}
#support h1{font-size:1.1em;font-weight:normal;color:#010206;margin:0 44px 3px;padding:0;text-transform:uppercase;}
#support h2{color:#4E83B9;}
#support h2 span{color:#657584;text-transform:none;}
#support h4{font-size:1.1em;margin-bottom:0;margin-top:0;}
#support #main p{clear:both;line-height:1.2em;}
#support #main ol{font-size:1.2em;line-height:1.3em;list-style:decimal;margin:0 60px 10px;}
#support #main ul{font-size:1.2em;line-height:1.3em;list-style:square;margin:0 60px 10px;}
.TopLink{float:right;margin-right:44px;}

/* WHITE PAGES */
#affiliates .background, #care .background, #store .background, #support .background{background:url(/img/background-black.jpg) no-repeat center 32px;}
#affiliates #main li{font-size:1.1em;}
#affiliates #logo a, #care #logo a,  #members-index #logo a, #support #logo a{background:url(/img/oh-my-god-logo-on-white.png) no-repeat 98px 10px;}
#affiliates #main, #care #main, #support #main,  #members-index #main{background:url(/img/main-dvd.jpg) no-repeat 493px bottom #fff; border-left:358px solid #fff;color:#14253e;margin-left:-358px;}
#affiliates  #sidebar a, #affiliates  #sidebar li, #care #sidebar a, #support #sidebar a,  #members-index #sidebar a{color:#5f9fe0;}
#affiliates  #sidebar a:hover, #care #sidebar a:hover, #support #sidebar a:hover,  #members-index #sidebar a:hover{color:#7ab6f3;}