/*
-----------------------------------------------
Sundance Festival 2009
By Blue State Digital
----------------------------------------------- 
Color TOC:
RED: #E52A2E
YELLOW: #F7EB50
BLUE: #466E94
GRAY: #3D372D
BROWN: #C2B576
*/

/* YUI RESET
----------------------------------------------- */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* LAYOUT
----------------------------------------------- */
body {height: 100%;}
#container {margin: 0px auto; width: 950px}
#contentWrap {min-height: 500px;}
#content {width: 560px; float: left;}
#side {width: 370px; float: right;}
#footer {clear: both;}

body.onecol #content {width: 950px;}
body.onecol #side {display: none}
body.onecol #container .pageContent {margin-right: 20px;}

/* YELLOW (defaults)
----------------------------------------------- */
body, html {background: #F7EB50 url(/page/-/wrapper/img/yellow/bg-tiles2.png) repeat top center;}

#container {background: url(/page/-/wrapper/img/yellow/bg-container.jpg) repeat-y;}

#header {background: url(/page/-/wrapper/img/yellow/bg-header.png) no-repeat;}

#quickSignupCallout {background: #F7EB50;}

#nav {background: #F7EB50; border-bottom: 2px solid #fff;}
#nav a {color: #000;}
#nav ul {background-image: url(/page/-/phase3-wrapper/img/nav-yellow2.jpg)}
#nav li a:hover {background-image: url(/page/-/phase3-wrapper/img/nav-yellow2.jpg);}

#contentWrap {background: url(/page/-/wrapper/img/yellow/bg-contentwrap.png) -3px 0 repeat-y;}
body.onecol-yellow #contentWrap {background-color: #F7EB50; background-image: none;}

.pageContent a {color: #E52A2E}

.pageContent h1 {color: #E52A2E;}
.pageContent h2 {color: #E52A2E;}
.pageContent h3 {color: #E52A2E;}
.pageContent .listdate {color: #E52A2E;}

#sideButtons #sideButtonD {background: url(/page/-/sidebuttons/04-trans.png);}
#sideButtons #sideButtonE {background: url(/page/-/sidebuttons/06-yellow.png);}
#sideButtons #sideButtonF {background: url(/page/-/sidebuttons/05-black.png)}


/* BLUE
----------------------------------------------- */
body.blue {background: #466E94 url(/page/-/wrapper/img/blue/bg-tiles.png) repeat top center;}

body.blue #container {background: url(/page/-/wrapper/img/blue/bg-container.jpg) repeat-y;}

body.blue #header {background: url(/page/-/wrapper/img/blue/bg-header.png) no-repeat;}

body.blue #quickSignupCallout {background: #466E94;}

body.blue #nav {background: #466E94; border-bottom: 2px solid #fff;}
body.blue #nav a {color: #FFF;}
body.blue #nav ul {background-image: url(/page/-/phase3-wrapper/img/nav-blue2.jpg)}
body.blue #nav li a:hover {background-image: url(/page/-/phase3-wrapper/img/nav-blue2.jpg);}

body.blue #contentWrap {background: url(/page/-/wrapper/img/blue/bg-contentwrap.png) repeat-y;}
body.onecol-blue #contentWrap {background-color: #466E94; background-image: none;}

body.blue .pageContent {color: #fff;}
body.blue .pageContent h1 {color: #000;}
body.blue .pageContent h2 {color: #000;}
body.blue .pageContent h3 {color: #000;}
body.blue .pageContent .listdate {color: #000;}

body.blue .pageContent a {color: #fff;}

body.blue #sideButtons #sideButtonD {background: url(/page/-/sidebuttons/04-trans.png);}
body.blue #sideButtons #sideButtonE {background: url(/page/-/sidebuttons/06-blue.png);}
body.blue #sideButtons #sideButtonF {background: url(/page/-/sidebuttons/05-black.png)}


/* BROWN
----------------------------------------------- */
body.brown {background: #C2B576 url(/page/-/wrapper/img/brown/bg-tiles.png) repeat top center;}

body.brown #container {background: url(/page/-/wrapper/img/brown/bg-container.jpg) repeat-y;}

body.brown #header {background: url(/page/-/wrapper/img/brown/bg-header.png) no-repeat;}

body.brown #quickSignupCallout {background: #C2B576;}

body.brown #nav {background: #C2B576; border-bottom: 2px solid #fff;}
body.brown #nav a {color: #FFF;}
body.brown #nav ul {background-image: url(/page/-/phase3-wrapper/img/nav-brown2.jpg)}
body.brown #nav li a:hover {background-image: url(/page/-/phase3-wrapper/img/nav-brown2.jpg);}

body.brown #contentWrap {background: url(/page/-/wrapper/img/brown/bg-contentwrap.png) repeat-y;}
body.onecol-brown #contentWrap {background-color: #C2B576; background-image: none;}

body.brown .pageContent h1 {color: #FFF;}
body.brown .pageContent h2 {color: #000;}
body.brown .pageContent h3 {color: #000;}
body.brown .pageContent .listdate {color: #fff;}

body.brown .pageContent a {color: #47432C;}

body.brown #sideButtons #sideButtonA {background: url(/page/-/sidebuttons/94_tile_180x180.png);}
body.brown #sideButtons #sideButtonB {background: url(/page/-/sidebuttons/87_tile_180x180.png);}
body.brown #sideButtons #sideButtonD {background: url(/page/-/sidebuttons/04-trans-lighter.png);}
body.brown #sideButtons #sideButtonE {background: url(/page/-/sidebuttons/06-brown.png);}
body.brown #sideButtons #sideButtonF {background: url(/page/-/sidebuttons/05-black.png);}

/* TOP NEWS
----------------------------------------------- */
body#bodyNewsHome #contentWrap {background-image: none;}
body#bodyNewsHome #content {width: 606px; float: left; position: absolute;}
body#bodyNewsHome #side {width: 337px; margin-left: 7px; float: right;}

body#bodyNewsArchives #contentWrap {background-image: none;}
body#bodyNewsArchives #content {width: 950px;}
body#bodyNewsArchives #side {display: none}

body#bodyNewsArticle #contentWrap {}
body#bodyNewsArticle #content {width: 606px; float: left; }
body#bodyNewsArticle #side {width: 337px; margin-left: 7px; float: right;}

/* ARTICLES SECTION
----------------------------------------------- */

#info-tabs { margin-bottom: 10px; }
#info-tabs ul#nav-tabs { float: left; margin-left: 18px; width: 525px; display: inline;}
#info-tabs ul#nav-tabs li { float: left; text-indent: -9999px; overflow: hidden; }
#info-tabs ul#nav-tabs li a { display: block; height: 30px; margin-right: 5px;}
#info-tabs #info-box { float: right; color: #fff; font-size:1.2em; line-height: 1.45em; margin: 0 12px 0 0; padding: 3px 10px 3px 10px;text-align: right; display: block; background: url(/page/-/phase3-wrapper/img/nav-infotab.png) no-repeat 0 -3px; }

#nav-tabs li.top-news a { background: url(/page/-/phase3-wrapper/img/nav-tabs.png) no-repeat 0 -4px; width: 95px;}
#nav-tabs li.all-articles a { background: url(/page/-/phase3-wrapper/img/nav-tabs.png) no-repeat -100px -4px; width: 100px;}
#nav-tabs li.watch-videos a { background: url(/page/-/phase3-wrapper/img/nav-tabs.png) no-repeat -204px -4px; width: 110px;}
#nav-tabs li.film-guide a { background: url(/page/-/phase3-wrapper/img/nav-tabs.png) no-repeat -319px -4px; width: 90px;}
#nav-tabs li.storytime a { background: url(/page/-/phase3-wrapper/img/nav-tabs.png) no-repeat -414px -4px; width: 88px;}

#nav-tabs li.top-news a:hover { background: url(/page/-/phase3-wrapper/img/nav-tabs.png) no-repeat 0 0px; width: 95px;}
#nav-tabs li.all-articles a:hover { background: url(/page/-/phase3-wrapper/img/nav-tabs.png) no-repeat -100px 0px; width: 100px;}
#nav-tabs li.watch-videos a:hover { background: url(/page/-/phase3-wrapper/img/nav-tabs.png) no-repeat -204px 0px; width: 110px;}
#nav-tabs li.film-guide a:hover { background: url(/page/-/phase3-wrapper/img/nav-tabs.png) no-repeat -319px 0px; width: 90px;}
#nav-tabs li.storytime a:hover { background: url(/page/-/phase3-wrapper/img/nav-tabs.png) no-repeat -414px 0px; width: 88px;}

body.home #nav-tabs li.top-news a, body.home #nav-tabs li.top-news a:hover { background: url(/page/-/phase3-wrapper/img/nav-tabs.png) no-repeat 0 -38px;}
body.archive #nav-tabs li.all-articles a, body.archive #nav-tabs li.all-articles a:hover { background: url(/page/-/phase3-wrapper/img/nav-tabs.png) no-repeat -100px -38px;}

#sideButtons #sideButtonC {background: url(/page/-/phase3-wrapper/img/06-brown.png);}
#sideButtons #sideButtonD {background: url(/page/-/phase3-wrapper/img/05-black.png);}


/* TYPOGRAPHY
----------------------------------------------- */
html {font-size: 100%; } /* Somehow Fixes IE */
body {font-size: 62.5%; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, Helvetica, Arial, sans-serif; color: #000;} /* sets font to 10px */

#container {font-size: 1em;}

#container .pageContent {margin: 20px 0 20px 20px; font-size: 1.2em; line-height: 1.7em;}
body#bodyNewsArticle #container .pageContent { margin: 20px; }

/* .pageContent h1 {font-size: 2em; line-height: 1em; margin-bottom: .8em;} */
/* .pageContent h2 {font-size: 1.6em; margin-bottom: .5em; font-weight: normal; } */
/*.pageContent h3 {font-size: 1.25em; margin-bottom: 1.2em; font-weight: normal;}*/
.pageContent h4 {font-size: 1.1em; margin-bottom: 1.2em; font-weight: bold;}
.pageContent h5 {font-size: 1.0em; margin-bottom: 1.2em; font-weight: bold;}
.pageContent h6 {font-size: 0.8em; margin-bottom: 1.2em; font-weight: bold;}

.pageContent p {font-size: 1em; line-height: 1.5em; margin-bottom: 1.2em; margin-top: 1.2em;}
.pageContent blockquote {font-size: 1em; line-height: 1.5em; margin: 1.2em 3em 1.2em 3em; padding: 1em; background: #E2F4F3; border: 1px solid #C2D8EE;}
.pageContent blockquote > p:first-child {margin-top: 0;} 
.pageContent blockquote > p:last-child {margin-bottom: 0;} 

.pageContent pre {font-family: monospace; font-size: 1.0em;}
.pageContent strong, .pageContent b, .pageContent strong em, .pageContent b em {font-weight: bold;}
em {font-style: italic;}
.pageContent td {vertical-align: top;}

.pageContent ol, .pageContent ul {font-size: 1em; line-height: 1.5em; margin-top: 0.8em; margin-bottom: 0.4em; margin-left: 20px;}
.pageContent li {background: url(/page/-/wrapper/img/bullet.gif) 0 7px no-repeat; padding-left: 13px; margin: .3em 0}

/*.pageContent h1 {font-weight: normal; text-transform: uppercase; font-family: cambria, georgia, serif;} */
.pageContent h1 + p {margin-top: .5em;}

.pageContent h2 {margin-bottom: 0; margin-top: 2em;}
.pageContent h2 + p {margin-top: .5em;}

/*
.pageContent h2 {font-weight: normal; text-transform: uppercase; font-family: cambria, georgia, serif;}
.pageContent h2 a {text-decoration: none; font-weight: normal;}
.pageContent h2 a:hover {text-decoration: underline;}
*/

/*.pageContent h3 {font-weight: normal; text-transform: uppercase; font-family: cambria, georgia, serif;}*/
.pageContent h3 {margin-bottom: 0; margin-top: 2em;}
.pageContent h3 + p {margin-top: -.5em;}

.pageContent a {font-weight: bold;}
.pageContent a:hover {}

/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore { visibility: visible !important;}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

/*---- Header styling ---*/

.sIFR-active .pageContent h1 {visibility: hidden; display: block;}
.sIFR-active .pageContent h2 {visibility: hidden; display: block;}
.sIFR-active .pageContent h3 {visibility: hidden; display: block;}

.sIFR-active #leftColumn h1 {visibility: hidden; display: block;}


/* TINY MCE
----------------------------------------------- */
body#tinymce {font-size: 11px; background: #fff; padding: 10px;}


/* LINKS
----------------------------------------------- */
a {color: #3C70A4;}
a:link {}
a:visited {}
a:active {}
a:hover {color: #2C537A;}


/* HEADER
----------------------------------------------- */
#header {height: 172px; position: relative;}

#logo {position: absolute; top: 0px; left: 0px; background: transparent;}
#logo a {display: block; height: 130px; width: 710px;}
#logo h2 {text-indent: -100em; overflow: hidden;}

#supportSundance {position: absolute; top: 25px; left: 720px; background: transparent;}
#supportSundance a {display: block; width: 215px; height: 20px; text-indent: -1000em; overflow: hidden;}

#quickSignup {position: absolute; width: 215px; left: 725px; top: 95px;}
#quickSignupEmail {width: 150px; margin-right: 5px; border-color: #fff;}

#quickSignupCallout {position: absolute; left: -69px; top: 0px; padding: 5px;}

#nav {position: absolute; top: 135px; height: 35px; width: 950px;}
#nav ul {width: 950px; height: 35px;}
#nav li {display: inline; position: absolute;}
#nav li a {display: block; height: 35px; text-indent: -9999px; overflow: hidden; text-decoration: none;}
#nav li a:hover {}

#nav li.festival_info {left: 10px; width: 130px;}
#nav li.festival_info a:hover {background-position: -10px -35px;}

#nav li.box_office {left: 153px; width: 106px;}
#nav li.box_office a:hover {background-position: -153px -35px;}

#nav li.film_events {left: 275px; width: 133px;}
#nav li.film_events a:hover {background-position: -275px -35px;}

#nav li.press_industry {left: 425px; width: 158px;}
#nav li.press_industry a:hover {background-position: -425px -35px;}

#nav li.festival_history {left: 602px; width: 155px;}
#nav li.festival_history a:hover {background-position: -602px -35px;}

#nav li.rss {left: 786px; width: 40px; display: block;}
#nav li.rss a:hover {background-position: -786px -35px;}

#nav li.store {left: 834px; width: 45px;}
#nav li.store a:hover {background-position: -834px -35px;}

#nav li.search {left: 882px; width: 58px;}
#nav li.search a:hover {background-position: -882px -35px;}

/* HOME
----------------------------------------------- */
body#bodyHome {}

#homeContent {position: relative; margin-bottom: 15px;}



/*
JUMBOTRON
*/
#homeJumbotron {height: 440px; width: 550px; position: relative; margin-bottom: 10px; margin-left: 18px; }

#jumbotronShow {height: 440px; width: 550px; background: #C2B576; overflow: hidden; }
#jumbotronShow .hovered {cursor: pointer;}

.jumbotronOverlay { display: none; position: absolute; width: 550px; height: 430px; }
.jumbotronOverlay a {display: none; width: 550px; height: 430px; }

.jumbotronImage { width: 550px;}

/* right controls
#jumbotronNav {background: url(/page/-/phase3-wrapper/img/jumbotron-right.png) no-repeat top center; width: 20px; position: absolute; top: 287px; padding: 5px 0 5px 0; left: 568px; }
#jumbotronNav a {display: block; color: #fff; text-decoration: none; text-align: center; padding: 2px 0; margin: 4px 2px 2px 0px;}
#jumbotronNav a:hover {background: #C2B576; color: #000;}

#jumbotronPager {background: url(/page/-/phase3-wrapper/img/jumbotron-right.png) no-repeat top center; width: 20px; position: absolute; top: 0px; left: 568px; padding: 5px 0 5px 0;}
#jumbotronPager a {display: block; color: #fff; text-decoration: none; text-align: center; padding: 2px 0; margin: 4px 2px 2px 0px;}
#jumbotronPager a.activeSlide {background: #C2B576; color: #000;}
*/

#jumbotronNav {background: url(/page/-/phase3-wrapper/img/jumbotron-bottom.png) no-repeat bottom left; width: 120px; position: absolute; padding: 0px 0 0px 10px; top: 361px; left: 18px; z-index: 100; height: 21px;}
#jumbotronNav ul {display: inline;}
#jumbotronNav li {display: inline; float: left;}
#jumbotronNav a {width: 20px; display: block; color: #fff; text-decoration: none; text-align: center; padding: 4px 0px; margin: 0px 2px 0px 2px;}
#jumbotronNav a:hover {background: #C2B576; color: #000;}

#jumbotronPager {background: #3D372D; width: 433px; position: absolute; top: 361px; left: 130px; padding: 0; z-index: 101; text-align: right; line-height: 21px; padding-right: 5px;}
#jumbotronPager a {width: 20px; color: #fff; text-decoration: none; text-align: center; padding: 4px 6px; margin: 0px 2px 0px 2px;}
#jumbotronPager a.activeSlide {background: #C2B576; color: #000;}

.jumbotronText {padding: 23px 10px 5px 10px;}
.jumbotronText p {margin: 0; font-size: 12px; line-height: 1.3em;}


/*
TOP STORY BLOCKS
*/

#homeTopStory {position: relative; width: 606px; height: 258px; background: url(/page/-/wrapper/img/bg-topstory.png) -3px 0 no-repeat; float: left;}
#homeTopStory .ui-tabs-nav {position: absolute; top: 225px; width: 600px; text-align: left; margin-left: 10px;}
#homeTopStory .ui-tabs-nav li {display:inline;}
#homeTopStory .ui-tabs-nav a {color: #fff; font-size: 16px; text-decoration: none; padding: 1px 3px; margin-right: 3px;}
#homeTopStory .ui-tabs-nav a:hover  {}

#homeTopStory .ui-tabs-nav li.ui-tabs-selected a {color: #3D372D; background: #fff;}

#homeTopStory .ui-tabs-hide {display: none;}

#homeTopStory .ui-tabs-panel {width: 600px;}


/*
FEATURE SIDE
*/
.featureSide {position: relative;}
.featureSide .featureOverlay {position: absolute; width: 600px; height: 220px; top: 0; left: 0; z-index: 100;}
.featureSide .featureOverlay a {display: block; width: 600px; height: 220px; background: url(/page/-/wrapper/img/spacer.gif)}

.featureSide .featureLeft {width: 270px; float: left; margin: 10px 0 0 0;}
.featureSide .featureRight {float: right;}

.featureSide .featureTitle {font-size: 13px; color: #fff; margin-bottom: 1.2em; background: #000; text-align: center; padding: 3px 10px; font-weight: normal; text-transform: uppercase;}
.featureSide .featureText {font-size: 11px; line-height: 20px; color: #fff; margin-left: 15px; margin-right: 15px; padding: 15px 10px 10px 10px; text-align: justify; background: url(/page/-/wrapper/img/feature-divider.png) repeat-x;}
.featureSide .featureMore {text-align: center; margin: -5px 15px; background: url(/page/-/wrapper/img/feature-divider.png) repeat-x 0 13px;}

#homePromos {position: absolute; margin-top: -20px; z-index: 100; right: 0;}

/* absolute position allows the promo out of the side float -- if the height adjusts, need to adjust the other side buttons as well */
#sideHome {position: absolute; width: 335px; margin-left: 35px; margin-top: -80px; z-index: 101;}
body#bodyHome #sideButtons {margin-top: 10px; }

#pullquote { width: 602px; background: url(/page/-/phase3-wrapper/img/bg-storypreviewtxtbox.png) 0 100%;  margin-top: 15px; color: #fff; cursor: pointer; }
#pullquote.hovered { cursor: pointer;}
#pullquote .text { float: left; font: 1.4em/1.5em Georgia, "Times New Roman", Times, serif; width: 440px; margin: 10px 30px 0; display: inline;}#pullquote .text a { color: #fff; text-decoration: none; }
#pullquote .text .quote { font-size: 1.3em; line-height: 1.5em; }
#pullquote img { float: right; width: 100px; height: 100px; border: 1px solid #888; top: 5px; position: relative; left: 5px; }
#storyPreview { clear: both; padding-top: 15px;}
#storyPreview .preview { background: url(/page/-/phase3-wrapper/img/bg-storypreview.png) no-repeat 0 100%; width: 233px; padding: 16px; color: #1a1818; float: left; margin-right: 25px; cursor: pointer; }

#storyPreview .preview h3 { font: bold 1.2em/1.2em Lucida Grande, Arial, sans-serif; margin-top: 10px; text-transform: uppercase; }
#storyPreview .preview h3 em { font-weight: bold; }
#storyPreview .preview .byline { font: .95em/1.5em Arial, sans-serif; font-style: italic; display: block; margin-top: 5px; }
#storyPreview .preview .datelocation{ font: .95em/1.5em Arial, sans-serif; text-transform: uppercase; display: block; }
#storyPreview .preview .dateline { font: .8em/2em Arial, sans-serif; font-style: italic; color: #464749; display: block; margin: 0px 0 5px 0; }
#storyPreview .preview p { font: .95em/1.5em Arial, sans-serif; }
#storyPreview .preview p a { color: #d61126; }

#storyPreviewTextBox { background: url(/page/-/phase3-wrapper/img/bg-storypreviewtxtbox.png) no-repeat 0 100%; width: 572px; margin-top: 15px; color: #fff; padding: 12px 15px 14px; font: 1.2em/1.5em Arial, sans-serif; letter-spacing: 1px; }
#storyPreviewTextBox a { font: bold 1em Lucida Grande, Arial, sans-serf; letter-spacing: 0; color: #c2b575; text-transform: uppercase; }

#storyPreviewTextBox a em { font-weight: bold; }


#storyPreviewTextBox .row1 { border-bottom: 1px dotted #fff; padding-bottom: 10px; }

#storyPreviewTextBox .row2 { margin-top: 10px; }
#storyPreviewTextBox .column1 { float: left; padding-right: 10px; }
#storyPreviewTextBox .column1 em { font-weight: bold; }
#storyPreviewTextBox .column2 { float: left; padding: 6px 10px 0 25px; }
#storyPreviewTextBox .column2 a { text-decoration: none; font: 1em Lucida Grande, Arial, sans-serf; color: #fff; }


/* CONTENT
----------------------------------------------- */

/* used on sponsors page */
.sponsors td {text-align: center;}
.sponsors td img {padding-right: 10px; vertical-align: middle;}

/* blockquote */
.storyQuote {border: 3px double #C2B576; margin: 5px 20px; padding: 5px 20px; background: #3D372D; color: #fff;}

/* articles */
body#bodyNewsArticle #leadPhoto { height: 280px; color: #fff; font-size: 1.2em; z-index: 9999;overflow: hidden; width: 606px; position: relative;}
body#bodyNewsArticle #leadPhoto a { color: #fff; font-weight: bold; text-decoration: none;}
body#bodyNewsArticle #leadPhoto a:hover { text-decoration: underline; }
body#bodyNewsArticle #leadPhoto img { width: 606px; height: 280px; padding: 0; margin: 0;}
body#bodyNewsArticle #leadPhoto #caption-box { position: absolute; bottom: 3px; display: block; width: 596px; background: url(/page/-/phase3-wrapper/img/leadphoto-caption.png); padding: 8px 5px;}
body#bodyNewsArticle #leadPhoto .caption { float: left;}
body#bodyNewsArticle #leadPhoto .photocredit { font-size: .8em; color: #fff; float: right;}

body#bodyNewsArticle .pageContent h4 { font-weight: normal; font-style: italic; margin-bottom: 2.5em;}

body#bodyNewsArticle .pageContent p.byline { font-weight: bold;}
body#bodyNewsArticle .pageContent #pullQuote { width: 150px; float: right; padding: 15px; margin: 10px; background-color: #9c9260; font-size: 1.2em; line-height: 1.5em; font-style: italic; }
body#bodyNewsArticle .pageContent #pullQuote .quotes { font-size: 1.5em;}
body#bodyNewsArticle .pageContent img.thumbnail { float: left; width: 75px; height: 75px; padding: 10px 10px 10px 0; }
body#bodyNewsArticle .pageContent h2.title-tags, body#bodyNewsArticle .pageContent h2.tags { float: left; margin: 12px 5px; font-size: 1.4em;}
body#bodyNewsArticle .pageContent h2.title-tags { background: url(/page/-/phase3-wrapper/img/title-tags.png) no-repeat; text-indent: -999px; height: 24px; width: 66px; }
body#bodyNewsArticle .pageContent h2.tags { margin: 6px 0; }

body.articles #rightColumn #top-stories { width: 307px; background-color: #3d372d; color: #eee; display: block; padding: 15px; margin-top: 10px; font-size: 1.3em; }

body.articles #rightColumn  #top-stories h2 { background: url(/page/-/phase3-wrapper/img/title-topposts.png) no-repeat; text-indent: -9999px; width: 105px; height: 15px; margin-bottom: 15px; }


body#bodyNewsArchives #mostRecent { width: 750px; margin: 0 auto; background: #3d372d; padding: 15px;}
body#bodyNewsArchives #mostRecent .entry { width: 120px; float: left; color: #fff; margin: 0 5px; padding: 10px;}
body#bodyNewsArchives #mostRecent .entry.hovered { cursor: pointer; background-color: #27241d; }
body#bodyNewsArchives #mostRecent h3 { font-size: 1.2em; font-weight: bold; margin: 10px 0; }

body#bodyNewsArchives #mostRecent h3 em { font-weight: bold; }

body#bodyNewsArchives #mostRecent img { width: 100px; height: 100px; text-align: center; padding: 10px; background-color: #fff; border: 1px solid #999; }
body#bodyNewsArchives #mostRecent a { text-decoration: none; font-style: italic; font-size: 1.1em; }

body#bodyNewsArchives #archive { width: 65%; margin: 25px 25px 25px 50px; background: #C2B576; padding: 15px; float: left; display: inline;}
body#bodyNewsArchives #archive .entry { padding: 10px; border-top: 1px solid #3d372d; font-size: 1.1em; }
body#bodyNewsArchives #archive .entry.first { padding-top: 5px; border-top: 0;}
body#bodyNewsArchives #archive .entry.hovered { cursor: pointer; background-color: #988e5d;}
body#bodyNewsArchives #archive .entry img { width: 50px; height: 50px; float: left; margin: 4px 10px 0 0; }
body#bodyNewsArchives #archive .entry h4 { font-size: 1.2em; font-weight: bold; color: #3d372d; }
body#bodyNewsArchives #archive .entry h4 a { color: #3d372d; text-decoration: none; }
body#bodyNewsArchives #archive .entry h4 em { font-weight: bold; }



body#bodyNewsArchives #promoTiles { float: left; width: 180px; margin-top: 25px;}
body#bodyNewsArchives #promoTiles img { float: left; margin-bottom: 25px;}

#viral {margin-top: 50px;}
#viral li {margin-right: 50px; width: 120px; height: 50px; text-indent: -999em; overflow: hidden; float: left;}
#viral li a {display: block; width: 120px; height: 50px;}
#viral li#viralShare {background: url(/page/-/phase3-wrapper/img/viral-share-big.png) no-repeat; margin-left: 60px;}
#viral li#viralRss {background: url(/page/-/phase3-wrapper/img/viral-rss-big.png) no-repeat;}
#viral li#viralEmail {background: url(/page/-/phase3-wrapper/img/viral-email-big.png) no-repeat;}

body#bodyNewsArticle #viral {margin-left: 0; margin-top: 20px;}
body#bodyNewsArticle #viral li {margin-left: 0; margin-right: 10px; margin-bottom: 10px; float: none;}


/* SIDE
----------------------------------------------- */
#sideNav ul {padding-top: 20px; padding-bottom: 70px; background: url(/page/-/wrapper/img/bg-sidenav.png) no-repeat bottom right;}

#sideNav li {height: 24px; line-height: 24px; margin: -4px 0;} /* line-height = arrow image height. negative margin to tighten things up. height property for IE */
#sideNav li a {margin-left: 70px;} /* li must extend all the way to the left so the arrow can overlap the content, push the <a> to the right */

#sideNav li {padding-left: 20px; font-size: 11px;}
/* 
turn on to force a right margin for each li element 
#sideNav li a {margin-left: 70px; margin-right: 90px; display: block;} 
*/

/*
#sideNav #box_office li.nav_top {background: red;}
*/

#sideNav li.nav_active {background: url(/page/-/wrapper/img/bg-sidenav-arrow.png) no-repeat; position: relative;}
#sideNav li.nav_active span.nav_here {position: absolute; right: 2px; bottom: 12px;}
#sideNav li.nav_active a {color: #fff;}

/* in  case nav top and nav active are one on the same, nav_top needs to overwrite the arrow */
#sideNav li.nav_top {padding-left: 0; text-transform: uppercase; font-family: cambria, georgia, serif; font-size: 18px; background: none; margin-bottom: 4px;}
#sideNav li.nav_top a {color: #E52A2E;}
#sideNav li.nav_top .nav_here {display: none;}

#sideNav #festival_info li.nav_top {background: url(/page/-/wrapper/img/side-nav.png) no-repeat 0 4px; height: 20px; text-indent: -9999px; overflow: hidden; margin-left: 70px;}
#sideNav #box_office li.nav_top {background: url(/page/-/wrapper/img/side-nav.png) no-repeat 0 -16px; height: 20px; text-indent: -9999px; overflow: hidden; margin-left: 70px;}
#sideNav #film_events li.nav_top {background: url(/page/-/wrapper/img/side-nav.png) no-repeat 0 -36px; height: 20px; text-indent: -9999px; overflow: hidden; margin-left: 70px;}
#sideNav #press_industry li.nav_top {background: url(/page/-/wrapper/img/side-nav.png) no-repeat 0 -56px; height: 20px; text-indent: -9999px; overflow: hidden; margin-left: 70px;}
#sideNav #festival_history li.nav_top {background: url(/page/-/wrapper/img/side-nav.png) no-repeat 0 -76px; height: 20px; text-indent: -9999px; overflow: hidden; margin-left: 70px;}

#sideNav li.nav_section {padding-left: 70px; text-transform: uppercase; color: #4D463C; font-weight: bold;} /* padding should equal the <a> margin above */
#sideNav li.nav_section a {margin-left: 0px;}

#sideNav li a {color: #4D463C; text-decoration: none;}
#sideNav li a:hover {text-decoration: underline;}

#sideButtons {position: relative; height: 500px; margin-top: 20px;}
#sideButtons .sideButton {position: absolute; width: 185px; height: 185px; background: url(/page/-/wrapper/img/sidebutton-blank.png);}
#sideButtons #sideButtonA {top: 0; left: 0px;}
#sideButtons #sideButtonB {top: 5px; left: 195px;}
#sideButtons #sideButtonC {top: 190px; left: -10px;}
#sideButtons #sideButtonD {top: 210px; left: 185px;}
#sideButtons #sideButtonE {top: 390px; left: 40px; z-index: 4;}
#sideButtons #sideButtonF {top: 420px; left: 190px;}

body.articles #sideButtons {position: relative; height: 450px; margin-top: 10px; }
body.articles #sideButtons #sideButtonA {top: 48px; left: -20px; z-index: 1000;}
body.articles #sideButtons #sideButtonB {top: 15px; left: 150px; z-index: 999;}
body.articles #sideButtons #sideButtonC {top: 215px; left: -2px; z-index: 998;}
body.articles #sideButtons #sideButtonD {top: 250px; left: 148px; z-index: 997;}


#top-stories { width: 307px; background-color: #3d372d; color: #eee; display: block; padding: 15px; margin-top: 10px; font-size: 1.3em; }
#top-stories h2 { background: url(/page/-/phase3-wrapper/img/title-topposts.png) no-repeat; text-indent: -9999px; width: 123px; height: 15px; margin-bottom: 15px; }
#top-stories li { padding: 8px 3px 8px 3px; border-top: 1px dotted #777; text-indent: -20px; }
#top-stories li.hovered { background-color: #27241d; cursor: pointer;}
#top-stories li.first { border: none; }
#top-stories li img { width: 35px; height: 35px; float: left; margin-right: 35px; border: 1px solid #444; }
#top-stories li a { color: #eee; text-decoration: none; }

#premium-promo { margin: 0 0 10px 0px; }

#twitter { width: 329px; height: auto; margin: 10px 0; padding: 0px 0px 0px 0px; font: 1.15em/1.25em Arial, sans-serif; color: #1a1818; position: relative; z-index: 1000; background-color: #3d372d;}
#twitter .text { float: right; width: 170px; padding: 0 0 10px 0; background: #fff url(/page/-/phase3-wrapper/img/twitter-bg-text.jpg) no-repeat 0 100%; }
#twitter .text p { margin-left: 10px; margin-right: 10px; overflow: hidden; margin-top: -10px}
#twitter .text .text-top { background: url(/page/-/phase3-wrapper/img/twitter-bg-text.jpg) no-repeat 0 0; height: 15px; }
#twitter img { float: left; }
#twitter .text .dateline { font: .8em/1.25em Arial, sans-serif; color: #00a0d4; margin-top: 5px;}
#sidebar-filmplayer { display: block; width: 337px; height: 375px; margin: 0 0 10px 0; background-color: #000; }

#inthenews { background-color: #4d473b; margin-top: 10px;padding: 10px 10px 10px 15px;}
#inthenews h3 { background: url(/page/-/phase3-wrapper/img/title-sundanceinthenews.png) no-repeat; margin-bottom: 10px; text-indent: -9999px; }
#inthenews ul { width: 225px; float: left; color: #fff; font: 1.1em/1.375em Arial, sans-serif; }
#inthenews li { margin: .75em 0; text-indent: -1em; border-bottom: 1px dotted #666; padding: 0 0 .75em 1em; }
#inthenews li a { color: #fff; text-decoration: none; }
#inthenews li a:hover { text-decoration: underline; }
#inthenews li:before { content: "\00BB \0020"; }
#inthenews img { float: right; }


/* FOOTER
----------------------------------------------- */
#footer {}
#footer p {font-size: 1.6em; text-transform: uppercase; font-family: cambria, georgia, serif; margin-bottom: .3em;}
#footer img {margin-right: 20px; vertical-align: top;}

#footer.news { width: 93%; margin-top: 25px; position: absolute; bottom: 0;}
#footer img {margin-right: 35px; vertical-align: top; }
#footer img.last { margin-right: 0; }
#footer.pages img { margin-right: 6px; }

#footerSponsors {padding: 20px;}

#footerLinks {background: #3D372D; padding: 5px 20px; color: #fff;}
#footerLinks a {color: #fff;}
#footerLinks .copyright {margin-right: 20px;}
#footerLinks .links a {margin-right: 8px;}


/* Comments
----------------------------------------------- */


/* UTILS
----------------------------------------------- */

img {border: 0;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

.floatl {float: left; margin: 0; padding: 0 10px 10px 0;}
.floatr {float: right; margin: 0; padding: 0 0 10px 10px;}
.floatl_border {float: left; margin: 0; padding: 0 10px 10px 0; border: 1px solid #ddd; padding: 1px;}
.floatr_border {float: right; margin: 0; padding: 0 0 10px 10px; border: 1px solid #ddd; padding: 1px;}

.textButton {background: #668a33; color: #fff; text-align: center; display: block; padding: 2px; font-family: arial, helvetica, sans-serif;}
.textButton:hover {background: #A6CE39;}

.whitespace {margin: 0; padding: 0; width: 740px; background: #fff; height: 10px; clear: both;}
.clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}
.noborder {border: none !important;}

.red { color: #d61126; }

.required {color: red !important;}

.editThis {margin: 0; background: transparent !important; text-align: right; position: absolute; margin-left: -20px; margin-top: -35px;}
.editThis a {margin: 0; display: inline !important; padding: 0 !important; background: transparent !important;}
p + div.editThis {margin-top: -35px;}

div#editComments {text-align: left; margin-top: -12px; margin-bottom: 12px;}

.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* FORM ATTRIBUTES
----------------------------------------------- */

input, textarea, select {vertical-align: middle; font-family: "lucida grande", verdana, lucida, arial, helvetica, sans-serif;}
input.text, textarea {font-size: 12px; background: #fff; border: 1px solid #3D372D; color: #3D372D; padding: 2px; letter-spacing: .5px;}

input.submit {background: #E52A2E; padding: 3px 8px; color: #fff; font-weight: normal; border: none; text-align: center;  text-transform: uppercase; letter-spacing: 1px;}
input.submit:hover {background: #466E94; cursor: pointer;}

input.buttonImage {cursor: pointer; border: none; vertical-align: middle; padding: 0;}

select {font-size: 12px; background: #fff; text-align: left;}


/* signup */



#bodyBSD #signup {width: 400px; margin-left: 0px;}

#bodyBSD #signup td {padding-top: 4px;}
#bodyBSD #signup label {font-weight: normal; text-transform: uppercase;}
#bodyBSD #signup .input_email {width: 377px;}
#bodyBSD #signup .input_firstname {width: 178px;}
#bodyBSD #signup .input_lastname {width: 178px;}
#bodyBSD #signup .input_addr1 {width: 377px;}
#bodyBSD #signup .input_addr2 {width: 377px;}
#bodyBSD #signup .input_city {width: 178px;}
#bodyBSD #signup .select_state_cd {width: 80px; margin-right: 5px;}
#bodyBSD #signup .input_zip {width: 85px; margin-right: 8px;}
#bodyBSD #signup .select_country {width: 186px; margin-right: 5px;}
#bodyBSD #signup .input_phone {width: 178px; margin-right: 8px;}
#bodyBSD #signup input.submit {margin-top: 10px;}
#bodyBSD #signup input.checkbox {margin-right: 4px; vertical-align: middle;}
#bodyBSD #signup input.radiobutton {margin-right: 4px; vertical-align: middle;}
#bodyBSD #signup textarea {width: 377px;}

#bodyBSD #contribution label {text-transform: uppercase; font-weight: normal;}