/* ---------------------------------------------------------- **2012 Sundance Film Festival** CSS Managed by: Blue State Digital Last Update: July 2011 TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - FRAMEWORK 07 - UTILITY COLOR GUIDE (Main Site Colors and their Hex Codes) Yellow: #fff200 Orange: #f15a31 ---------------------------------------------------------- */ /* 01 =GLOBAL BROWSER RESET ---------------------------------------------------------- */ /* YUI Reset version: 2.7.0 */ 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,button,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,optgroup { font-style: inherit; font-weight: inherit; } del,ins { text-decoration: none; } 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: baseline; } sub { vertical-align: baseline; } /*because legend doesn't inherit in IE */ legend { color: #000; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input,button,textarea,select { *font-size: 100%; } /* 02 =COMMON STYLE ---------------------------------------------------------- */ html { background: #fff; } body { background: #e4e4e4 url(http://www.sundance.org/images/festival-12/header/sub-head-bg.png) center top repeat-x; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 18px; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } .base { font-size: 13px; } .base h1 { font-size: 32px; line-height: 36px; margin-bottom: 10px; letter-spacing: -1px; font-weight: normal; } .base h2 { font-size: 22px; line-height: 28px; } .base h3 { font-sise: 18px; line-height: 24px; } .base h4 { font-sise: 13px; line-height: 18px; font-weight: bold; } .base p { margin-bottom: 12px; font-size: 14px; line-height: 19px; color: #333; } a { color: #f15a31; text-decoration: none; } a:hover { color: #d7502c; text-decoration: underline; } .base blockquote { border-top: 3px double #ccc; border-bottom: 3px double #ccc; color: #f15a31; float: right; font-size: 17px; line-height: 23px; margin: 0 0 9px 9px; padding: 9px 0; width: 280px; } .base blockquote.wide { clear: both; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; color: #f15a31; font-size: 17px; line-height: 23px; margin: 0 0 9px 0; padding: 9px 0; width: 530px; } .base blockquote > p { margin: 0; padding: 0; } .base ul, .base ol { margin: 0 0 18px 18px; font-size: 14px; color: #333333; } .base ul li { list-style: disc; } .base ul li li { list-style: circle; } .base ol li { list-style: decimal; } .base ul li, .base ol li { } .base li ol, .base li ul { margin: 0 0 0 18px; } .base hr { margin-bottom: 10px; border-top: 1px dotted #666666; color: transparent; } .base fieldset { border: 1px solid #DDDDDD; margin-bottom: 20px; padding-bottom: 10px; background-color: #efefef; background-image: url(http://www.sundance.org/images/fieldset-bg.png); background-repeat: repeat-x; } .base fieldset ol { list-style-type: none; padding: 1em 0 0; } .base fieldset li { list-style-type: none; clear: left; display: inline-block; float: left; padding-bottom: 0.5em; width: 100%; } .base legend { font-weight: bold; margin: 0 0 0 1em; padding: 0 0.5em; } .base label { float: left; line-height: 1.4em; margin: 0 0.5em 0 0; text-align: right; width: 6em; } .section-title, h1.section-title { color: #333; font-size: 24px; line-height: 24px; } /* 03 =LAYOUT ---------------------------------------------------------- */ #tagline-link a { width: 960px; display: block; margin: 0 auto; height: 136px; text-indent: -9999px; background: transparent; position: relative; z-index: 100; padding-bottom: 10px;} #home #tagline-link a { padding-bottom: 0; } .container { margin: 0 auto; width: 960px; } #masthead { float: left; } #masthead a {background:url(http://www.sundance.org/images/festival-12/header/2012-sundance-film-festival-logo.png) 0 center no-repeat; display: block; overflow: hidden; text-indent: -9999px; width: 300px; height: 13px; } #header { padding-top: 20px; height: 62px; background: #000; margin: 0 auto; width: 100%; position: relative; z-index: 100;} #header p { float: left; font-size: 12px; margin-left: 180px; color: #fff; } #header p a { color: #fff; margin: 0 3px; } #header p a:last-child { color: #fff200; font-weight: bold; } #sup-header #donate-link { color: #e00769; } #quick-signup { clear: right; float: right; margin-top: -5px; width: 108px; text-align: right; } #quick-signup input { font-size: 12px; vertical-align: top; } #quick-email, #quick-zip { border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #555; padding: 5px; } #quick-email { margin-bottom: 5px; width: 218px; } #quick-zip { width: 98px; } #header #search-form { clear: both; float: right; margin: 10px 10px 0 0; } #navigation { color: #fff; font-size: 13px; letter-spacing: 0.0em; font-weight: bold; margin: 0 auto; text-transform: uppercase; width: 960px; height: 30px; clear: both; position: relative; z-index: 99; top: -1px; position: relative; z-index:10000; } #navigation a { color: #fff; } #navigation ul ul ul { display: none; } /*** SUPERFISH ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { float: left; line-height: 1.0; position: relative; z-index: 99;} .sf-menu ul { position: absolute; top: -999em; width: 12em; /* left offset of submenus need to match (see below) */ z-index: 99; } .sf-menu ul li { width: 100%; position: relative; z-index: 99; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { color: #d10763; display: block; position: relative; padding: 14px 10px; text-decoration:none; } .sf-menu a:link { color: #d10763; } .sf-menu a#institute-link { color: #fff200; } .sf-menu a#institute-link:hover { color: #fff; } .sf-menu a:hover { /*background: #454545;*/ color: #666666; } .sf-menu li.sfHover a { background: url(http://www.sundance.org/images/wrapper/drop-down-bg.png); color: #ccc; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { background: url(http://www.sundance.org/images/wrapper/drop-down-bg.png); font-weight: normal; top: 40px; /* match top ul list item height */ z-index: 99; font-size: 12px; line-height: 16px; text-transform: none; } .sf-menu li.sfHover ul a { background: none; color: #ccc; padding: 8px 10px; } .sf-menu li.sfHover ul a:hover { background: #333; color: #111; } ul.sf-menu li:hover li ul { background: #000; top: -999em; } ul.sf-menu li li ul, ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { display: none; top: -9999em; } ul.sf-menu li li:hover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } a#home-link { background: url(http://www.sundance.org/images/festival-12/header/home-icon-hover.png) 0px 0px no-repeat; text-indent: -99999px;width: 15px; padding-left: 0; height: 13px; margin: 13px 10px 0 0 ; padding: 0; } a#home-link:hover { background-position: 0 -13px; } #main { background: url(http://www.sundance.org/images/festival-12/header/look-again-small-type-bg.png) center top no-repeat; position: relative; z-index: 2; } #main .container { background: #fff; border: 1px solid #d7d7d7; border-bottom: 0; } #home #main .container { background: transparent; border: 0; } #content { background: #fff; float: left; padding-bottom: 30px; width: 720px; } .full-width #content { width: 960px; } .two-col #content { width: 720px; } .section { background: url(http://www.sundance.org/images/wrapper/page-entry-bg.gif) 150px 0 no-repeat; min-height: 640px; } .full-width .section .entry { float: left; width: 770px; } .two-col .section .entry { float: left; width: 510px; } .full-width .no-section .entry { } .two-col .no-section .entry { } #content .section-title { background: #e4e4e4; padding: 15px 20px 15px; margin-bottom: 10px; } #content .section-title a { color: #333; } #content .section-title a:hover { color: #999; } .page-title { color: #000; font-size: 32px; line-height: 36px; margin: 5px 20px 10px; } #content .entry { border-bottom: 3px double #ddd; margin: 10px 20px 20px 20px; padding-bottom: 10px; /*width:500px; float: left;*/ } #content .entry:first-child { margin-top: 0px} .full-width #content .base.entry { margin-top: 20px; } #content .entry .thumb { float: left; margin: 0 20px 20px 0; max-width: 100px; } #content .entry .summary { float: left; width: 320px; } #content .entry img.large-thumbnail { float: left; margin: 0 20px 20px 0;} #home .entry .summary { width: 320px; } #home .entry { width: 440px; } .entry .summary { width: 550px; } #content .entry h3 { font-size: 16px; font-weight: bold; } .entry h1, .blurb h1 { color: #f15a31; font-size: 32px; line-height: 35px; font-weight: normal; } .entry h2 { /*font-size: 18px;*/ line-height: 24px; } .base .entry-header { color: #666666; font-size: 9px; text-transform: uppercase; font-weight: bold; line-height: 10px; margin-bottom: 0;} .base .entry-header a { color: #f15a31; font-style: italic; } p.byline { color: #666; font-size: 12px; font-style: italic; } p.entry-footer { color: #666666; font-size: 10px; line-height: 13px; text-transform: uppercase; text-transform: uppercase; font-weight: bold; float: left; margin-right: 10px;padding-top: 2px; } #tags { margin: 0 0 18px 0; } #tags img { float: left; margin: 0 10px 0 0; width: 120px; } .entry-footer .atclear { display: none; } .more { text-align: right; } .more a { background: #00a1d7; color: #fff; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; padding: 4px 15px; } .paginate { margin: 0 20px 18px; } .item { margin-left: 20px; margin-right: 20px; } .button { background-color: #f15a31; -moz-border-radius:5px; -webkit-border-radius: 5px; border: 1px solid #f15a31; padding: 4px 8px; color: #ffffff !important; line-height: 30px; font-weight: bold; } .button:hover { background-color: #d7502c; border: 1px solid #d7502c; } .button-resetmap { background-color: #7a7a7a; -moz-border-radius:5px; -webkit-border-radius: 5px; border: 1px solid #7a7a7a; padding: 4px 8px; color: #ffffff !important; font-weight: bold; } .button-resetmap:hover { background-color: #f15a31; border: 1px solid #f15a31; } .button-inactive { background-color: #888888; -moz-border-radius:5px; -webkit-border-radius: 5px; border: 1px solid #bfbfbf; padding: 4px 8px; color: #ffffff !important; font-weight: bold; } .large { font-size: 18px; } ul.schedule { margin: 0; border-bottom: 1px dotted #aaa; padding-bottom: 5px; margin-bottom: 20px; } ul.schedule li { list-style-type: none; margin-bottom: 11px; padding-top: 10px; border-top: 1px dotted #aaa; clear: both; } ul.schedule h1 { font-size: 18px; line-height: normal; margin: 0 0 10px 0; color: #eee; width: 350px; clear: left; float: left; } ul.schedule h2 { font-size: 15px; line-height: normal; color: #ccc; width: 350px; float: left; } ul.schedule h3 { font-size: 14px !important; line-height: normal; width: 400px; display: inline-block; } ul.schedule h4 { font-weight: normal; color: #aaa; width: 400px; display: inline-block; } #alert { width: 892px; padding: 8px 9px 8px 20px; background-color: #000; font-size: 14px; font-weight: bold; margin-bottom: 10px; } #alert a { color: #f8fb00; } #alert a:hover { text-decoration: none; } #resources { border-top: 1px dotted #ddd; float: left; margin: 0 20px; padding: 10px 0; width: 700px; } #alerts, #buy-tickets { width: 330px; } #alerts { float: left; } #buy-tickets { float: right; } #watch .section-title { padding: 10px 10px 10px 0; } #home #watch .section-title { margin-bottom: 10px; } #sidebar { background: #fff; float: right; font-size: 11px; line-height: 14px; padding-bottom: 30px; width: 240px; } #sidebar .module { margin: 10px 10px 0; } #sidebar #connect.module { margin-top: 20px; } #sidebar #cse-search-box { padding: 10px; } #sidebar #search-form { padding: 10px 10px; background: #e4e4e4; height: 34px; margin-bottom: 10px; } #sidebar #search-form table { background: #fff; } #home #sidebar #search-form { background: none; } #home #sidebar #tweets { margin-top: 15px; } .promo-tile a { display: block; line-height: 0; } .module h2 { font-size: 19px; margin-bottom: 5px; } #twtr-widget-1 { padding: 10px 5px; background: #fff200; border: 0; } #tweet-id-1 div.twtr-tweet-wrap div.twtr-tweet-text p { width: 100px; } .twtr-ft { border: 0; } #tweets { background: #00a5db; color: #fff; } #tweets h2 { padding: 8px 10px 8px 0; } #tweets a { color: #f15a31; } #tweet-id-1 div.twtr-tweet-wrap div.twtr-tweet-text p a.twtr-hashtag { color: #f15a31; } #tweets-footer { background: #fff url(http://www.sundance.org/images/festival-12/content/sidebar/twitter-arrow.png) 45px 0 no-repeat; padding: 20px 0 0 0px; border: none; } .twtr-ft div { border: 0; display: none; } #tweets .twtr-hd { display: none; } #tweets-footer a { color: #f15a31; } #tweets .tw-profile { margin-bottom: 8px; } #tweets .tw-profile img.twtr-profile-img { width: 32px; float: left; margin-right: 15px;} #tweets .tw-profile h3 { color: #000; font-size: 12px; position: relative; top: -3px;} #tweets .tw-profile h4 a { color: #000; font-size: 16px; } #connect h2 { background: url(http://www.sundance.org/images/festival-12/content/headlines/hl-connect.png) left no-repeat; width: 180px; height: 39px; text-indent: -9999px; } #connect ul { padding: 5px 0 10px; } #connect li { float: left; margin: 0 8px 0 0px; } /*=FOOTER*/ #footer { background: #000; color: #fff; font-size: 11px; line-height: 16px; overflow: hidden; padding: 1px 0 24px 0; } #footer h2 { float: left; margin: 24px 0 0 0;} #footer h2 a { background: url(http://www.sundance.org/images/festival-12/footer/footer-2012-sundance-film-festival-stacked-logo.gif) 0 0 no-repeat; display: block; width: 137px; height: 19px; overflow: hidden; text-indent: -9999px; margin-right: 10px; } #footer h3 { color: #777; font-size: 24px; margin-bottom: 16px; } #footer #festival-info h3 { background: url(http://www.sundance.org/images/festival-12/footer/headlines/hl-film-festival.gif) center no-repeat; width: 159px; height: 22px; text-indent: -9999px; } #footer #sponsors h3 { background: url(http://www.sundance.org/images/festival-12/footer/headlines/hl-presenting-sponsors.gif) center no-repeat; width: 268px; height: 22px; text-indent: -9999px; } #footer #institute-info h3 { background: url(http://www.sundance.org/images/festival-12/footer/headlines/hl-institute.gif) center no-repeat; width: 115px; height: 22px; text-indent: -9999px; } #footer h4 { font-size: 11px; font-weight: bold; margin-bottom: 6px; } #footer #institute-info h4 a { color: #fff; } #footer #institute-info h4 a:hover { color: #ffdb36; } #footer #festival-info h4 a { color: #fff; } #footer #festival-info h4 a:hover { color: #d10763; } #footer p { clear: both; } #footer ul ul { display: none; } #footer li { line-height: 14px; margin-bottom: 6px; } #footer #institute-info { float: right; margin: 23px 0 4px; width: 200px; } #footer #institute-info a { color: #fff200; } #footer #institute-info p, #footer #institute-info ul { margin-bottom: 14px; } #footer #festival-info { float: left; margin: 24px 20px 4px 20px; } #footer #festival-info .col { float: left; margin: 0 10px 0 0; width: 100px; } #footer #festival-info a { color: #f15a31; } #footer #festival-info a:hover { color: #d7502c; } #footer #institute-info a:hover { color: #e7db00; } #footer #sponsors { clear: both; float: left; margin: 20px 0 20px 170px; } #footer #logos { padding: 5px 0; width: 820px; } #footer #logos img { margin: 0 40px 0 0; } #footer #lower-footer { clear: both; } #footer #copyright-etc { color: #fff; margin-top: 7px; text-align: left; float: left; margin-left: 170px; width: 530px;} #footer #bsd-support { float: right; margin-top: 9px; } #footer #bsd-support a{ float: right; width: 102px; height: 30px; text-indent: -9999px; background: url(http://www.sundance.org/images/festival-12/footer/support-provided-by.png) center no-repeat; margin-right: 113px;} /*=PHOTO GALLERIES*/ #pages #jumbotron { background: #fff; color: #fff; font-size: 12px; line-height: 16px; height: 410px; position: relative; width: 770px; border: none; } #pages #jumbotron a { color: #fff; } #pages #jumbotron a:hover { color: #ffdb36; } #pages #jumbotron #cycle { float: left; width: 770px; height: 400px; overflow: hidden; } #pages #jumbotron-nav { position: absolute; right: 15px; bottom: 30px; z-index: 80; } #pages #jumbotron-nav a { background: #721b32; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; display: block; float: left; font-size: 14px; font-weight: bold; line-height: 14px; margin: 0 5px 0 0; padding: 4px 0; text-align: center; width: 24px; } #pages #jumbotron-nav a:hover { color: #ffdb36; } #pages #jumbotron-nav a.activeSlide { background: #ffdb36; color: #330033; } #pages #jumbotron #cycle .slide { background: #111; width: 770px; height: 400px; position: relative; } .slide .pages-entry { background: #d7502c; background: rgba(255,51,102,.80); padding: 10px; font-size: 16px; line-height: 20px; position: absolute; top: 320px; bottom: 10px; left: 10px; right: 10px; z-index: 60; } .slide .pages-entry a { color: #330033; } .slide .pages-entry a:hover { color: #ffdb36; } .slide .pages-read-more { font-weight: bold; position: absolute; left: 10px; bottom: -10px; } .slide .pages-read-more a { background: #ffdb36; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #330033 !important; display: block; float: left; font-size: 12px; font-weight: bold; line-height: 14px; margin: 0 5px 0 0; padding: 4px 6px; text-align: center; } .slide .pages-read-more a:hover { background: #330033; color: #ffdb36 !important; } .slide .pages-credit { font-size: 13px; text-align: right; font-weight: normal; font-style: italic; margin: 0 0 4px 10px; } /* 04 =HOMEPAGE ---------------------------------------------------------- */ #home-wrap { background: #fff; border: 1px solid #d7d7d7; border-bottom: 0; width: 960px; padding-top: 10px; } #jumbotron { background: transparent; color: #fff; font-size: 12px; line-height: 16px; margin: 0; height: 340px; width: 960px; overflow: hidden; position: relative; left: -10px;padding: 10px} #jumbotron a, #jumbotron a:link { color: #fff; } #jumbotron a:hover { color: #f15a31; } #jumbotron #cycle { float: left; overflow: visible; height: 340px; width: 600px; -webkit-box-shadow: 2px 0px 5px 2px rgba(0,0,0,0.2); -moz-box-shadow: 2px 0px 5px 2px rgba(0,0,0,0.2); box-shadow: 2px 0px 5px 2px rgba(0,0,0,0.2); } #jumbotron-nav { position: absolute; right: 400px; bottom: 23px; z-index: 80; } #jumbotron-nav a { background: #000; background: rgba(0,0,0,0.7); border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; -webkit-border-radius: 12px; color: #fff; color: rgba(255,255,255,0.8); display: block; float: left; font-size: 14px; font-weight: bold; line-height: 14px; margin: 0 5px 0 0; padding: 4px 0; text-align: center; width: 24px; } #jumbotron-nav a:hover { color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: 300ms all; -moz-transition: 300ms all; -o-transition: 300ms all; transition: 300ms all; -webkit-transition: 200ms all; text-decoration: none; background: #f15a31; background: rgba(241,90,49,0.4); } #jumbotron-nav a.activeSlide { background: #f15a31; background: rgba(241,90,49,0.7); color: #fff; } #jumbotron #cycle .slide { background: #111; width: 600px; height: 340px; position: relative; } #home .slide .entry { background: url(http://www.sundance.org/images/festival-12/content//hero/rotator-bg.png); color: #fff; padding: 12px 15px 17px; font-size: 20px; line-height: 1em;position: absolute; top: 242px; bottom: 0px; left: 0px; right: 0px; z-index: 60; height: 69px; width: 570px; zoom: 1} #home .slide .entry a { color: #fff; } #home .slide .entry a:hover { color: #fff; } #home .slide .read-more { font-weight: bold; position: absolute; left: 10px; bottom: 10px; } #home .slide .read-more a { background: #D10763; background-color: #000; color: #fff200; text-transform: uppercase; display: block; float: left; font-size: 12px; font-weight: bold; line-height: 14px; margin: 0 5px 1px 0; padding: 6px 8px; text-align: center; } #home .slide .read-more a:hover { background: #f15a31; color: #fff; text-decoration: none; } #home .slide .credit { font-size: 13px; text-align: right; font-weight: normal; font-style: italic; margin: 0 0 4px 10px; line-height: 21px; } #jumbotron .col { float: right; width: 350px; } #premium-promo-large { background: #000; height: 220px; margin-bottom: 10px; -webkit-box-shadow: 2px 0px 5px 2px rgba(0,0,0,0.2); -moz-box-shadow: 2px 0px 5px 2px rgba(0,0,0,0.2); box-shadow: 2px 0px 5px 2px rgba(0,0,0,0.2); } #premium-promo-small { background: #000; height: 110px; -webkit-box-shadow: 2px 0px 5px 2px rgba(0,0,0,0.2); -moz-box-shadow: 2px 0px 5px 2px rgba(0,0,0,0.2); box-shadow: 2px 0px 5px 2px rgba(0,0,0,0.2); } #blog-entries { float: left; width: 480px; } #blog-entries .more.item a { margin-bottom: 15px; } #home #watch { float: right; padding-bottom: 20px; width: 240px; } #watch #flashObj:hover { cursor: pointer; } #news-title { color: #4cbde3; font-size: 20px; margin: 10px 20px 5px; text-transform: uppercase; clear: both; } #in-the-news { background: #fff; color: #f15a31; margin: 0 20px; padding: 10px 0px; } #in-the-news ul { margin: 0 0 15px 0; padding: 0; } #in-the-news li { list-style: none; padding: 5px 0; line-height: 1.2em; font-size: 14px; } #in-the-news .more { text-align: right; margin-bottom: 0; float: right; } #in-the-news a { color: #f15a31; font-weight: bold; } #in-the-news a:hover { text-decoration: underline; } #home #blog-entries h2.section-title { background: url(http://www.sundance.org/images/festival-12/content/headlines/hl-stories.gif) center no-repeat; width: 159px; height: 39px; text-indent: -9999px; padding-top: 10px;} #watch h2.section-title { background: url(http://www.sundance.org/images/festival-12/content/headlines/hl-watch.gif) left no-repeat; width: 142px; height: 39px; text-indent: -9999px; } #videos-home h2.section-title { background: url(http://www.sundance.org/images/festival-12/content/headlines/hl-watch.gif) left no-repeat; width: 142px; height: 39px; text-indent: -9999px; } #home h2#news-title { background: url(http://www.sundance.org/images/festival-12/content/headlines/hl-in-the-news.gif) left no-repeat; width: 241px; height: 39px; text-indent: -9999px; } #home #blog-entries p.more.item a { background: transparent url(http://www.sundance.org/images/festival-12/content/buttons/bt-more-stories.gif) no-repeat; width: 124px; height: 31px; padding: 0; float: right; text-indent: -9999px; font-size: 0; color: #000; } #home #blog-entries #in-the-news p.more.item a { background: transparent url(http://www.sundance.org/images/festival-12/content/buttons/bt-more-news.gif) no-repeat; width: 106px; height: 31px; padding: 0; float: right; text-indent: -9999px; font-size: 0; color: #000; } #blog-entries p.more.item a { text-align: -9999px; } /* 05 =SUBPAGES ---------------------------------------------------------- */ #section-nav { float: left; font-size: 12px; line-height: 18px; padding: 30px 0; width: 150px; } #section-nav h2 { font-size: 12px; font-weight: bold; } #section-nav h2 { padding: 0 20px; } #section-nav ul { margin-bottom: 18px; } #section-nav ul ul { margin: 0 0 0 15px; } #section-nav li { list-style: none; } #section-nav li a { display: block; padding: 5px 20px; } a.current-page { background: url(http://www.sundance.org/images/wrapper/current-page.png) 10px center no-repeat; color: #666666; } #content .entries { float: right; margin: 0; width: 570px; } #content .entries .entry .summary { width: 390px; } /*=TICKETS*/ #content .base .ticketOption { clear: both; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px dotted #666666; display: inline-block; } #content .base .ticketOption h3 { font-size: 20px; letter-spacing: -1px; font-weight: bold; display: inline; } #content .base .ticketOption h4 { font-weight: normal; } #content .base .ticketOption ul { list-style: none; margin: 0; } #content .base .ticketOption li { list-style: none; background: url(http://www.sundance.org/images/tickets/checkmark.png) 0 2px no-repeat; padding-left: 22px; color: #d7502c; margin-bottom: 1px; } #content .base .ticketOption .info { float: left; width: 350px; } #content .base .ticketOption .features { display: inline-block; width: 415px; } #content .base .ticketOption .price { font-size: 18px; letter-spacing: -1px; font-weight: bold; color: #656565; padding-left: 9px; } #content .base .ticketOption .new { font-size: 18px; font-style: italic; letter-spacing: -1px; font-weight: bold; color: #24a600; padding-left: 9px; } #content .base .ticketOption .note { margin-top: 8px; font-size: 12px; color: #777; } #content .base .ticketOption .soldout { color: #f20000; font-weight: bold; letter-spacing: -1px; font-size: 17px; padding-left: 8px; } #content .base .ticketOption .available { color: #00bf1b; font-weight: bold; letter-spacing: -1px; font-size: 17px; padding-left: 8px; font-style: italic; } #content .base .ticketOption .limited { color: #ccc500; font-weight: bold; letter-spacing: -1px; font-size: 17px; padding-left: 8px; font-style: italic; } #content .base .ticket-benefit { float: left; width: 240px; margin-right: 15px; } #content .base .ticket-benefit-dev { padding-left: 20px; background: url(http://www.sundance.org/images/tickets/checkmark.png) 0px 3px no-repeat; } #content .base .ticket-benefit-dev p { margin-bottom: 10px; font-size: 16px; line-height: 23px; } #content .base .ticket-benefit-dev p strong { color: #d7502c; } #content .base .collapsible { border: 1px dotted #666666; margin-bottom: 10px; padding: 1px 8px; } #content .base .collapsible > h3 { cursor: pointer; font-size: 15px; font-weight: bold; color: #f15a31; } #content .base .collapsible > h3:hover { color: #d7502c; } #content .base .collapsible > h3 > span { float: right; font-size: 13px; font-weight: normal; color: #c2c2c2; } #content .base .collapsible .content { display: none; margin-top: 8px; padding: 2px 10px; } #content .base .collapsible li > span { float: right; } .base .ticket-chart { margin-bottom: 20px; border-bottom: 1px solid #666666; width: 100%; } .base .ticket-chart td { text-align: center; padding: 5px 3px; } .base .ticket-chart th { text-align: center; padding: 5px 3px; font-weight: bold; border-bottom: 1px solid #666666; } .base .ticket-chart .phase { font-size: 14px; font-weight: bold; color: #ffffff; border-bottom: none; } .base .ticket-chart .title { font-size: 16px; } .base .ticket-chart .titles { font-size: 16px; } .base .ticket-chart th.register { background-color: #156cb3; } .base .ticket-chart th.purchase { background-color: #16a60c; } .base .ticket-chart th.select { background-color: #D10763; } .base .ticket-chart .deadline { color: #999999; border-top: 1px solid #666666; } .ticket-date { min-height: 60px; margin-bottom: 17px; clear: both; } .ticket-date .date { float: left; display: block; width: 55px; margin-right: 5px; margin-bottom: 20px; -moz-box-shadow: 2px 3px 2px #bbb; -webkit-box-shadow: 2px 3px 2px #bbb; box-shadow: 2px 3px 2px #bbb; } .ticket-date .single { margin-left: 107px; } .ticket-date .date-through { float: left; background: url('/images/tickets/through-arrow.png') 0px 8px no-repeat; width: 40px; height: 54px; margin-right: 5px; margin-left: 2px; } .ticket-date .date .type { text-align: center; font-weight: bold; font-size: 11px; height: 18px; background-color: #000; color: #fff; } .ticket-date .date .month { text-align: center; color: #fff; font-weight: bold; font-size: 13px; background-color: #cc2936; height: 19px; border-top: 1px #999 solid; border-right: 1px #999 solid; border-left: 1px #999 solid; padding-top: 1px; } .ticket-date .date .day { text-align: center; color: #000; font-weight: bold; font-size: 18px; background-color: #fff; height: 25px; padding-top: 7px; border-right: 1px #999 solid; border-bottom: 1px #999 solid; border-left: 1px #999 solid; } .ticket-date .date .time { text-align: center; color: #fff; font-weight: bold; font-size: 12px; background-color: #333; height: 19px; border-right: 1px #333 solid; border-left: 1px #333 solid; } .ticket-date .info { margin-left: 10px; float: left; width: 540px; } .ticket-date .info h1 { color: #156cb3; font-weight: bold; font-size: 16px; line-height: 20px; letter-spacing: -0.5px; margin-bottom: 0; } .ticket-date .info h2 { color: #999; font-weight: normal; font-size: 14px; line-height: 19px; } .base .progress-bar { margin: 0; padding: 0; font-size: 0; } .base .progress-bar li { list-style: none; display: inline-block; width: 110px; height: 60px; color: #d42b56; position: relative; border-right: 1px #d42b56 solid; } .base .progress-bar .active { background-color: #d42b56; color: #fff; } .base .progress-bar .end { width: 28px; background-image: url(http://www.sundance.org/images/arrow.png); background-position: top right; background-repeat: no-repeat; border: none; } .base .progress-bar li > p { position: absolute; bottom: 3px; left: 6px; margin: 0; padding: 0; font-size: 14px; } /* PHOTO GALLERY */ .gallery-box { display: inline-block; margin: 0 5px 10px 0; background-color: #666; line-height: 14px; padding: 2px; } .gallery-box:hover { background-color: #333; cursor: pointer; } .gallery-box img { padding: 4px; background-color: #fff; } .gallery-box .thumbnail { text-align: center; } .gallery-box .name { font-size: 12px; color: #fff; padding: 2px 0 4px 5px; } /*=RELATED EVENTS*/ #related-events { float: right; width: 200px; margin: 0 0 10px 20px; } .base #related-events { font-size: 12px; line-height: 18px; } .base #related-events h2 { font-size: 18px; line-height: 22px; margin-bottom: 6px; } .base #related-events h3 { font-size: 14px; line-height: 18px; } .base #related-events .event p { margin-bottom: 6px; } #related-events .event { border-top: 1px dotted #ddd; padding: 6px 0 0 0; margin: 0; } #related-events .summary { width: 200px; } #category-filter { margin: 10px 20px; } .category-title { color: #333; font-size: 32px; line-height: 35px; margin: 0 20px; } /*=BLOG*/ #blog-entry .large-thumbnail { float: left; margin: 0 20px 18px 0; max-width: 100px; } #blog-entry img.inline { float: right; margin: 5px 0 10px 10px; } padding: 9px 0; } /*=NEWS*/ #lead-photo { height: 335px; margin: 0 0 5px 0; overflow: hidden; } #news-article #content .entry h4 { font-weight: normal; font-style: italic; margin-bottom: 24px; } /*=PRESS*/ #press .blurb { float: right; margin: 20px; width: 530px; } #press #in-the-news { margin-bottom: 20px; } /*=VIDEO*/ #video .section { background: none; } #video .entry { border: none; margin: 0; } #video #main { background-color: #4a4949; } #video #section-nav { color: #eee; } #sidebar #videos { width: 220px; margin: 10px 10px 0; box-shadow: 0 0 4px #888888; } #sidebar #videos h2 { background: #e4e4e4; color: #333333; padding: 10px; } #sidebar #videos h2 a { color: #333333; } #sidebar #videos hr { border-top: 1px dotted #666666; color: transparent; margin-bottom: 0; } #sidebar #videos li { list-style: none; padding: 4px 10px; margin: 0; border-top: 1px solid #ccc; } #sidebar #videos li:hover { background-color: #fafafa; cursor: pointer; } #sidebar #videos li:hover a { text-decoration: underline; } #sidebar #videos li a { color: #333; } #sidebar #videos .video { padding: 6px 10px 10px 10px; } #sidebar #videos .video:hover { cursor: pointer; } #sidebar #videos .video:hover span { background: url(/images/videos/play-overlay-sidebar.png) no-repeat; display: block; position: absolute; width: 200px; height: 113px; } #sidebar #videos .video:hover h4 { text-decoration: underline; } #sidebar #videos .video h4 { font-size: 12px; font-weight: normal; line-height: 15px; } #sidebar #videos .video h4 a { color: #000; } #sidebar #videos .video h5 { font-size: 10px; text-transform: uppercase; color: #1c2934; line-height: 15px; } #sidebar #videos .video p { margin-bottom: 0; font-size: 11px; color: #888; } #sidebar #videos .video img { width: 200px; height: 113px; } #videos-home { width: 220px; margin: 0; float: left; } #videos-home .wrapper { box-shadow: 0px 0px 6px #666; } #videos-home h2 { background: #fff; color: #000; font-size: 21px; margin-bottom: 1px !important; width: 100%; line-height: 21px; } #videos-home hr { border-top: 1px dotted #666666; color: transparent; margin-bottom: 0; } #videos-home li { list-style: none; padding: 4px 10px; margin: 0; border-top: 1px solid #ccc; } #videos-home li:hover { background-color: #fafafa; cursor: pointer; } #videos-home li:hover a { text-decoration: underline; } #videos-home li a { color: #333; } #videos-home .video { padding: 10px 10px 10px 10px; } #videos-home .video:hover { cursor: pointer; } #videos-home .video:hover span { background: url(/images/videos/play-overlay-sidebar.png) no-repeat; display: block; position: absolute; width: 200px; height: 113px; } #videos-home .video:hover h4 { text-decoration: underline; } #videos-home .video h4 { font-size: 12px; font-weight: normal; line-height: 15px; } #videos-home .video h4 a { color: #000; } #videos-home .video h5 { font-size: 10px; text-transform: uppercase; color: #1c2934; line-height: 15px; } #videos-home .video p { margin-bottom: 0; font-size: 11px; color: #888; } #videos-home .video img { width: 200px; height: 113px; } /*=SEARCH RESULTS*/ .search_result { margin: 0 0 18px 0; } .search_pagination { border-top: 1px dotted #ddd; padding: 9px 0; } /*=DISQUS COMMENTS*/ #disqus_thread { } .base #disqus_thread #dsq-content h3 { } /*=CONTRIBUTION PAGES*/ .contribcolumn td { padding: 3px 0; } .contribcolumn input { padding: 2px; margin-top: 2px; border: 1px solid #999999; } .contribcolumn select { padding: 2px; margin-top: 2px; border: 1px solid #999999; } #contribution .fieldlabel { } #contribution label { float: none; width: auto; } #contribution label span.radio { margin-left: 4px; } #contribution .contribheader { font-size: 18px; padding: 12px 0 4px 0; } #amt_preset_1, #amt_preset_2, #amt_preset_3, #amt_preset_4, #amt_preset_5, #amt_preset_6, #amt_preset_7, #amt_preset_8, #amt_other { border: none; } #contribution .cc_type_cd { border: none; } #contribution #cc_mc { margin-left: 15px; } #contribution #cc_vs { margin-left: 15px; } #contribution #processbutton { font-weight: normal; font-size: 18px; padding: 4px 6px; } .bsd-contribForm-belowContent { margin-top: 20px; } /*=SIGNUP PAGES*/ #signup input { padding: 2px; margin-top: 2px; border: 1px solid #999999; margin-right: 5px; margin-right: 5px;} #signup .fieldlabel { } #signup div.fieldset { margin-top: 10px; } #signup label { float: none; width: auto; } #signup label span.radio { margin-left: 4px; } #signup div.label { } #signup div.input { } #signup #processbutton { font-weight: normal; font-size: 18px; padding: 4px 6px; } /* 06 =FRAMEWORK ---------------------------------------------------------- */ #framework .submit, #framework #invitationpage #submit_button, #framework #date-filter { cursor: pointer; } /*Targets most of the submit buttons used in the framework, using this style definition you can alter the typography, color, and background properties of the button*/ #framework input.text, #framework textarea { } /*Use this definition to target most of the text input fields*/ /*=Events*/ /* 07 =UTILITY ---------------------------------------------------------- */ .cufon-loading a { visibility: hidden !important; } /*Prevents flash of unstyled content*/ .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .floatl-nomargin { float: left; margin: 0; padding: 0;} .floatr-nomargin { float: right; margin: 0; padding: 0;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .required { color: red; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;} /*=Sitewide*/ /* .at300bs {background-image: url("http://www.sundance.org/images/social/graywidget32.png");} .at300bs:hover {opacity: 1; background-image: url(//s7.addthis.com/static/r07/widget32.png);} */ .addthis_button_facebook, addthis_button_facebook_like, .addthis_button_tweet, .addthis_button_stumbleupon_badge, .addthis_button_tumblr {margin-right: 8px;} /*=ARTICLE*/ body#news-article #addthis { clear: both; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding: 10px 0 0 0; margin-bottom: 18px; } body#news-article #addthis #more-services {float: right;} /*=BLOG*/ body#blog-entry #addthis { clear: both; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding: 10px 0 0 0; margin-bottom: 18px; } body#blog-entry #addthis #more-services {float: right;} /*=PRESS RELEASE*/ body#release #addthis { border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding: 10px 0 0 0; margin-bottom: 18px; } body#release #addthis #more-services {float: right;} /*=VIDEO*/ body#video-dev #addthis { border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; } body#video-dev #addthis #more-services {float: right;} /*=AUDIO SLIDESHOW*/ body#slideshow #addthis { width: 630px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding: 10px 0 0 0; margin-bottom: 18px; } body#slideshow #addthis #more-services {float: right;} /*=PAGES*/ body#pages #addthis { border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding: 10px 0 0 0; margin-bottom: 18px; } body#pages #addthis #more-services {float: right;} /*=FILMFORWARD FILM*/ body#filmforward-film #addthis { border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding: 10px 0 0 0; margin-bottom: 18px; } body#filmforward-film #addthis #more-services {float: right;} /*=FILMFORWARD DESTINATION*/ body#filmforward-destination #addthis { border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding: 10px 0 0 0; margin-bottom: 18px; } body#filmforward-destination #addthis #more-services {float: right;}