/* ---------------------------------------------------------- **Sundance Film Festival** CSS Managed by: Blue State Digital Last Update: May 2009 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) ---------------------------------------------------------- */ /* 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: #fff; font-family: 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; } .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: 18px; } a { color: #00a1d8; text-decoration: none; } a:hover { color: #ff3366; } .base blockquote { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; color: #ff3366; 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: #00A1D8; 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; } .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 ---------------------------------------------------------- */ .container { margin: 0 auto; width: 960px; } #header, #navigation, #main { position: relative; } #sup-header { background: #000; } #sup-header a { color: #ffffff; } #sup-header a:hover { text-decoration: underline; } #masthead { float: left; } #masthead a {background:url(http://www.sundance.org/images/wrapper/festival2011/film-festival.gif) 0 center no-repeat; display: block; overflow: hidden; text-indent: -9999px; width: 274px; height: 36px; } #sup-header p { color: #999; font-size: 12px; margin: 0 20px; padding: 13px 0 3px; text-align: right; } #header { background: url(http://www.sundance.org/images/wrapper/festival2011/be-there.gif) 0 bottom no-repeat; border-bottom: 3px solid #000; margin: 0 auto 3px; width: 960px; } #header #tagline { float: left; text-indent: -9999em; } #header #tagline a { display: block; width: 367px; height: 100px; } #sup-header #donate-link { color: #e00769; } #quick-signup { clear: right; float: right; margin: 16px 10px 0 0; width: 150px; 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 { border-top: 1px solid #000; font-size: 12px; font-weight: bold; margin: 0 auto; text-transform: uppercase; width: 960px; z-index: 500; } #navigation a.frank-demi { height: 14px; } #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; } .sf-menu ul { position: absolute; top: -999em; width: 12em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .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: #00a1d8; } .sf-menu a#institute-link:hover { color: #00a1d8; } .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: #ddd; 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/wrapper/festival2011/home-icon.png) 20px 15px no-repeat; padding-left: 38px; } a#home-link:hover { background-position: 20px -59px; } #main { background: url(http://www.sundance.org/images/wrapper/festival2011/main-bg.png) center bottom no-repeat; background: -moz-linear-gradient(top, #ffffff, #eeeeee); /* FF3.6 */ background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #eeeeee)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee')"; /* IE8 */} #main .container { background: #fff; } #content { border-top: 1px solid #000; 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: 530px; } .full-width .no-section .entry { } .two-col .no-section .entry { } #content .section-title { padding: 10px 20px; } #content .section-title a { color: #333; } #content .section-title a:hover { color: #999; } .page-title { color: #ff3366; font-size: 32px; line-height: 36px; margin: 20px 20px 10px; } .entry a { color: #00a1d8; } .entry a:hover { color: #ff3366; } #content .entry { border-bottom: 1px dotted #ddd; margin: 20px; } #content .entry .thumb { float: left; margin: 0 0 20px 0; } #content .entry .summary { float: right; } #home .entry .summary { width: 350px; } .entry .summary { width: 550px; } #content .entry h3 { font-size: 18px; } .entry h1, .blurb h1 { color: #ff3366; font-size: 32px; line-height: 35px; } .entry h2 { /*font-size: 18px;*/ line-height: 24px; } .base .entry-header { color: #666666; font-size: 11px; line-height: 13px; margin-bottom: 9px; } .base .entry-header a { color: #222; font-style: italic; } .byline { color: #666666; } .entry-footer { color: #666666; font-size: 11px; line-height: 13px; text-transform: uppercase; } #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: #00A1D8; -moz-border-radius:5px; -webkit-border-radius: 5px; border: 1px solid #00A1D8; padding: 4px 8px; color: #ffffff !important; line-height: 30px; font-weight: bold; } .button:hover { background-color: #ff3366; border: 1px solid #ff3366; } .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: #00A1D8; border: 1px solid #00A1D8; } .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; } #alert { width: 890px; padding: 8px 9px 9px 20px; margin: 0 0 10px 0; font-size: 19px; letter-spacing: -1px; font-weight: bold; border-top: 1px dotted #666; border-bottom: 1px dotted #666; color: #000; } #alert:hover { cursor: pointer; } #alert a { color: #000; } #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 { } #watch .section-title { padding: 10px 10px; } #home #watch .section-title { margin-bottom: 10px; } #sidebar { border-top: 1px solid #000; float: right; font-size: 11px; line-height: 14px; padding-bottom: 30px; width: 240px; } #sidebar .module { margin: 10px 10px 0; } #sidebar #cse-search-box { padding: 10px; } #sidebar #search-form { padding: 8px 10px; } #sidebar #watch { } .promo-tile a { display: block; line-height: 0; } .module h2 { font-size: 19px; margin-bottom: 5px; } #tweets { background: #00a5db; color: #fff; } #tweets h2 { padding: 8px 10px; } #tweets a { color: #fff; } #tweets-footer { background: #fff url(http://www.sundance.org/images/wrapper/festival2011/tweets-tail.png) 45px 0 no-repeat; padding: 6px 0 0 80px; } #tweets-footer a { color: #00a5db; } #connect { border-top: 1px dotted #ddd; } #connect h2 { color: #555; padding: 10px; } #connect ul { padding: 5px 0 10px; } #connect li { float: left; margin: 0 0 0 9px; } /*=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; width: 120px; } #footer h2 a { background: url(http://www.sundance.org/images/wrapper/festival2011/footer-masthead.png) 0 0 no-repeat; display: block; height: 122px; overflow: hidden; text-indent: -9999px; } #footer h3 { color: #777; font-size: 24px; margin-bottom: 16px; } #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: #ffdb36; } #footer #institute-info p, #footer #institute-info ul { margin-bottom: 14px; } #footer #festival-info { float: left; margin: 24px 20px 4px 20px; width: 600px; } #footer #festival-info .col { float: left; margin: 0 15px 0 0; width: 105px; } #footer #festival-info a { color: #d10763; } #footer #institute-info a:hover, #footer #festival-info a:hover { color: #00a1d8; } #footer #sponsors { clear: both; float: left; margin: 20px 0 20px 100px; } #footer #logos { padding: 5px 0; width: 820px; } #footer #logos img { margin: 0 40px 0 0; } #footer #copyright-etc { color: #999; margin-top: 7px; text-align: center; } /*=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: #ff3366; 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 ---------------------------------------------------------- */ #jumbotron { background: #fff; border-bottom: 3px solid #000; color: #fff; font-size: 12px; line-height: 16px; margin: 0 0 3px 0; height: 360px; overflow: hidden; position: relative; } #jumbotron a { color: #d10763; } #jumbotron a:hover { color: #00a1d8; } #jumbotron #cycle { float: left; overflow: hidden; height: 340px; width: 600px; } #jumbotron-nav { position: absolute; right: 375px; bottom: 40px; z-index: 80; } #jumbotron-nav a { background: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #d10763; 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: #00a1d8; } #jumbotron-nav a.activeSlide { background: #d10763; color: #fff; } #jumbotron #cycle .slide { background: #111; width: 600px; height: 340px; position: relative; } #home .slide .entry { background: #fff; background: rgba(255,255,255,.85); color: #222; padding: 10px; font-size: 16px; position: absolute; top: 260px; bottom: 10px; left: 10px; right: 10px; z-index: 60; } #home .slide .entry a { color: #222; } #home .slide .entry a:hover { color: #D10763 } #home .slide .read-more { font-weight: bold; position: absolute; left: 10px; bottom: 10px; } #home .slide .read-more a { background: #D10763; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; display: block; float: left; font-size: 12px; font-weight: bold; line-height: 14px; margin: 0 5px 0 0; padding: 4px 6px; text-align: center; } #home .slide .read-more a:hover { background: #00a1d8; color: #fff; } #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; } #premium-promo-small { background: #000; height: 110px; } #blog-entries { float: left; width: 480px; } #home #watch { float: right; padding-bottom: 20px; width: 240px; } #news-title { color: #4cbde3; font-size: 20px; margin: 10px 20px 5px; text-transform: uppercase; } #in-the-news { background: #4cbde3; color: #fff; margin: 0 20px; padding: 10px 5px; } #in-the-news ul { margin: 0 0 15px 0; padding: 0; } #in-the-news li { border-bottom: 1px dotted #269ad1; list-style: none; padding: 5px; } #in-the-news .more { text-align: right; margin-bottom: 0; } #in-the-news a { color: #ffffff; } #in-the-news a:hover { text-decoration: underline; } /* 05 =SUBPAGES ---------------------------------------------------------- */ #content .section-title { background: #fff; } #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: 440px; } /*=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: #FF3366; 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 .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: #FF3366; } #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: #00A1D8; } #content .base .collapsible > h3:hover { color: #ff3366; } #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; font-size: 12px; } .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: 15px; } .base .ticket-chart .titles { font-size: 15px; } .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: 48px; margin-right: 5px; -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: 100px; } .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: 18px; border-top: 1px #999 solid; border-right: 1px #999 solid; border-left: 1px #999 solid; padding-top: 2px; } .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 .info { margin-left: 10px; float: left; width: 560px; } .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; } /* 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: #ff3366; font-size: 32px; line-height: 35px; margin: 0 20px; } /*=BLOG*/ #blog-entry .large-thumbnail { float: left; margin: 0 10px 18px 0; width: 120px; } #blog-entry img.inline { float: right; margin: 5px 0 10px 10px; } /*=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; } /*=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;}