/* ---------------------------------------------------------- Trouble the Water CSS Managed by: Blue State Digital Last Update: July 2009 TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - STRUCTURE 04 - HOMEPAGE ELEMENTS 05 - SUBPAGE ELEMENTS 06 - UTILITY ---------------------------------------------------------- */ /* @group 01 - GLOBAL BROWSER RESET */ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt 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;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} /* @end */ /* @group 02 - COMMON STYLE */ body {background: #000 url(/page/-/images/background-new.jpg) no-repeat scroll 50% 0; font: 62.5% Arial, sans-serif; color: #ba9a74;} h1 { font-size: 2.3em; color: #935414; margin-bottom: 30px; } h2 { font: 1.5em Georgia, serif; color: #fff; font-weight: bold; margin: 30px 0 15px;} a { color: #fff;} p { font: 1.3em/1.5em Arial, sans-serif; margin: 1.5em 0;} #page ul {margin: 25px 10px 25px 50px; list-style-type: disc; font-size: 1.3em;} #page li { font: .9em/1.2em Arial, sans-serif; margin-bottom: .5em; padding-left: 23px;} /* @end */ /* @group 03 - STRUCTURE */ #container { width: 1000px; height: auto; margin: 0 auto; } #header #masthead { width: 475px; float: left; } #header #accolades { width: 483px; float: left; padding: 10px 0;} #content { float: left; width: 642px; margin: 0 10px 0 0;} #sidebar { float: left; background: url(/page/-/images/bg-sidebar.png) no-repeat;width: 301px; font: 1.4em Georgia, serif; color: #fff; height: 1083px;} #navigation { background: url(/page/-/images/img-navigation-trans.png) no-repeat; width: 642px; height: 41px; margin-top: 12px; } #navigation li { float: left; } #navigation li a { display: block; height: 42px; text-indent: -9999px; overflow: hidden;} #navigation li#home a { width: 87px;} #navigation li#thestory a { width: 108px;} #navigation li#reviewsandnews a { width: 165px;} #navigation li#takeaction a { width: 125px;} #navigation li#partners a { width: 105px;} #sidebar h2 { display: none; } #sidebar #quicksignup {width: 267px; height: 91px; padding: 45px 15px 0 19px;} #sidebar #quicksignup #joinlist { padding-top: 10px; width:260px;} #sidebar #quicksignup input { vertical-align: middle; margin: 0 5px 7px 0; font-size: .75em;} #sidebar #quicksignup .email, #sidebar #quicksignup .zip {height: 15px; padding: 3px; border: 1px solid #4e2a0f; color: #502e11; background-color: #a86;} #sidebar #quicksignup .email { width: 215px;} #sidebar #quicksignup .zip { width: 75px;} #sidebar #actioncenter {width: 301px; height: 242px; padding-top: 40px;} #sidebar #actioncenter li { width: 282px; height: 46px; margin: 0 auto; text-indent: -8888px; overflow: hidden;} #sidebar #actioncenter .do{ background: url(/page/-/images/btn-sidebar-do-more.png) no-repeat; } #sidebar #actioncenter .congress { background: url(/page/-/images/btn-sidebar-congress.png) no-repeat; } #sidebar #actioncenter .spreadtheword{ background: url(/page/-/images/button-sidebar-spread-trans.png) no-repeat;} #sidebar #actioncenter .edu{ background: url(/page/-/images/button-sidebar-buythedvd.png) no-repeat;} #sidebar #actioncenter .shareyourstory{ background: url(/page/-/images/button-sidebar-share-trans.png) no-repeat;} #sidebar #actioncenter .screening{ background: url(/page/-/images/button-sidebar-find-trans.png) no-repeat;} #sidebar #actioncenter .host{ background: url(/page/-/images/btn-sidebar-host.png) no-repeat;} #sidebar #actioncenter .story{ background: url(/page/-/images/btn-sidebar-story.png) no-repeat;} #sidebar #actioncenter li a { width: 282px; height: 46px; display: block;} #sidebar #partners-side {width: 301px; height: 127px; padding-top: 0px; text-align: center; margin-top: 20px;} #sidebar #partners-side h2 { display: block; margin: 0 0 5px 0; padding: 0; width: 90px; margin-left: 95px; overflow: hidden;} #sidebar #partners-side h2 a { display: block; width: 95px; height: 25px;} #sidebar #partners-side h2 a span { display: none; } #sidebar #poster { height: 404px; padding: 7px 0; margin-top: 35px; text-align: center; } #sidebar #poster .link { display: block; text-decoration: none; margin-top: 5px;} #sidebar #socialnetworks { height: 57px;} #sidebar #socialnetworks ul { width: 265px; margin: 0 auto;padding-top: 15px;height: 42px;} #sidebar #socialnetworks li { float: left; text-indent: -9999px; overflow: hidden; height: 45px;margin: 0;} #sidebar #socialnetworks .facebook { width: 32px; background: url(/page/-/images/Facebook_32x32.png) no-repeat; height: 32px; margin: 7px 15px 0 0;} #sidebar #socialnetworks .youtube { width: 32px; background: url(/page/-/images/Youtube_32x32.png) no-repeat; height: 32px; margin: 7px 15px 0 7px;} #sidebar #socialnetworks .myspace { width: 32px; background: url(/page/-/images/Myspace_32x32.png) no-repeat; height: 32px; margin: 7px 15px 0 0;} #sidebar #socialnetworks .twitter { width: 32px; background: url(/page/-/images/Twitter_32x32.png) no-repeat; height: 32px; margin: 7px 15px 0 0;} #sidebar #socialnetworks .rottom { width: 55px; background: url(/page/-/images/certified-fresh-rotten-tom.png) no-repeat;} #sidebar #socialnetworks li a { width: 32px; height: 32px; display: block;} #sidebar #socialnetworks li a .youtube { width: 84px;} #footer a { color: #fff; text-decoration: none;} #footer a:hover { text-decoration: underline; } #footer p { font-size: 1.2em; margin: 5px 0;text-align: right;} #footer .nav { width: 505px; float: left; margin: 25px 10px 0 0;} #footer .copyright { text-align: right; } #footer .credits { width: 420px; float: left;} #footer h3 { height: 85px; float: left; text-indent: -9999px; overflow: hidden;} #footer h3.elsewhere { background: url(/page/-/images/img-elsewherefilms-trans.png) no-repeat; width: 181px; } #footer h3.louverture { background: url(/page/-/images/img-louverture-trans.png) no-repeat; width: 81px; } #footer h3.zeitgeist { background: url(/page/-/images/img-zeitgeist-trans.png) no-repeat; width: 155px; } #footer h3.hbo { background: url(/page/-/images/HBO-logo.jpg) no-repeat; width: 236px; float: right;} /* @end */ /* @group 04 - HOMEPAGE ELEMENTS */ #masthead a.title { display: block; background: url(/page/-/images/img-masthead-trans.png) no-repeat; width: 475px; height: 92px; text-indent: -9999px; overflow: hidden; } #masthead .subtitle { display: block; background: url(/page/-/images/img-subtitle.png) no-repeat; width: 475px; height: 25px; text-indent: -9999px; overflow: hidden; } #accolades h3 { height: 104px; text-indent: -9999px; overflow: hidden; float: left; } #accolades .academyawards {background: url(/page/-/images/academy-award.jpg) no-repeat; width: 408px; margin-left: 45px; height: 96px; margin-top: 9px;} #accolades .sundance { background: url(/page/-/images/img-sundance-trans.png) no-repeat 0 11px; width: 195px;} #accolades .fullframe { background: url(/page/-/images/img-fullframe-trans.png) no-repeat; width: 140px;} #accolades .silverdocs { background: url(/page/-/images/img-silverdocs-trans.png) no-repeat; width: 145px;} #open h3 {height: 104px; text-indent: -9999px; overflow: hidden; float: left;} #open .sundance { background: url(/page/-/images/img-sundance-trans.png) no-repeat 0 11px; width: 195px; float: left; margin-top: 8px;} #open .fullframe { background: url(/page/-/images/img-fullframe-trans.png) no-repeat; width: 140px; float: left; margin-top: 8px;} #open .silverdocs { background: url(/page/-/images/img-silverdocs-trans.png) no-repeat; width: 137px; float: left; margin-top: 8px;} #open .gotham { background: url(/page/-/images/gothamawards-sm.png) no-repeat; width: 163px; float: left; margin-top: 25px; margin-left: 2px;} #feature { background: url(/page/-/images/bg-feature-homepage-new.jpg) no-repeat; margin: 15px 0 0 3px; height: 550px; } #featuredquote { text-align: center; margin-bottom: 15px;} #trailer { width: 518px; margin: 0 auto; text-align: center;} .trailer { margin: 5px 0; border: 10px solid #1b0902; } #feature .feature-actions { margin: 15px 50px; } #feature .feature-actions img { float: left; padding: 0 10px; display: inline;} #feature .byline { font-size: 1.2em; text-align: center;} #feature-bottom #blog, #feature-bottom #partners-blurb{ margin: 10px 0; padding: 10px 20px 20px;} #open .date{ font-size: 1.6em; line-height: 28px;text-align: center;} #open .release{ font-size:1.6em;text-align: center;} #feature-bottom #blog, #feature-bottom #partners-blurb { margin: 10px 0; padding: 20px 20px 20px;} #feature-bottom #blog h2.title { margin-top: 0; } #feature-bottom #blog h2.title a { display: block; text-indent: -9999px;} #feature-bottom #blog { background: url(http://www.troublethewaterfilm.com/page/-/images/bg-blog.jpg) no-repeat; width: 271px; height: 400px; float: left; margin-right: 17px; overflow: hidden; padding-top: 15px; padding-left: 20px; padding-right: 20px;} #feature-bottom #blog h1.title { margin-top: 0;background:url(/page/-/images/blog-title.png) no-repeat; width: 128px; margin-bottom: 10px; margin-left: 65px;} #feature-bottom #blog h1.title a { display: block; text-indent: -9999px; overflow: hidden;} #feature-bottom #blog h1.title a:hover{background: url(http://www.troublethewaterfilm.com/page/-/images/blog-rollover.png) no-repeat;} #feature-bottom #partners-blurb { background: url(/page/-/images/bg-partners-homepage.jpg) no-repeat; width: 274px; height: 378px; float: left; padding-top: 20px;} #news-home {background: url(/page/-/images/bg-news.jpg) no-repeat; width: 271px; height: 397px; float: left; margin-right: 17px; overflow: hidden; padding: 15px 20px 0; } #news-home { margin: 10px 0; padding: 20px 20px 20px;} #news-home h1.title { margin-top: 0;background:url(/page/-/images/news-title.png) no-repeat; width: 51px; margin-bottom: 10px; margin-left: 100px; height: 21px;} #news-home h1.title a { display: block; text-indent: -9999px; overflow: hidden;} #news-home h1.title a:hover{background: url(/page/-/images/news_rollover.png) no-repeat;width: 51px; height: 21px;} #news-home p { margin: 0; font-size: 1.15em;} #news-home .dateline {font: 1.2em/1.5em Arial, sans-serif; font-weight: bold; color: #935414; text-transform: uppercase; display: block; margin-top: 20px; margin-bottom: 0;} #news-home .dateline.first { margin-top: 0px; margin-bottom: 0;} #news-home h2{ margin: 5px 0 10px 0; } #news-home h2 a {text-decoration:none;} #news-home h2 a:hover {text-decoration: underline; } #news-home .entry { margin-bottom: 25px; } #feature-bottom .more { float: right; font-size: 1.5em; font-weight: bold; } #feature-bottom .more a { text-decoration: none; } #feature-bottom .more a:hover { text-decoration: underline; } /* @end */ /* @group 05 - SUBPAGE ELEMENTS */ #page { background: url(/page/-/images/bg-content-interior.jpg) repeat-y; width: 582px; margin: 15px 0 0 3px; padding: 30px; } #blog .entry { margin-bottom: 30px;} #blog .entry h2 { margin: 5px 0; } #blog .entry h2 a { text-decoration: none;} #blog .entry h2 a:hover { text-decoration: underline;} #feature-bottom #blog .entry p { margin: 10px 0 0 0; font-size: 1.15em;} #blog .entry .bookmarks { float: right; } #blog .entry .comments { border-top: 1px solid #666;} #blog .entry .comments p { margin: 5px 0;} #blog .entry .dateline {font: 1.2em/1.5em Arial, sans-serif; font-weight: bold; color: #935414; text-transform: uppercase;} #blog .entry h2.title { font-size: 2em; margin-bottom: 25px;} #blog .entry .comments { border-top: 1px solid #666; margin-top: 5px;} #blog .entry .comments p { margin: 5px 0;} #blog .entry .comments a { font-weight: bold; text-decoration: none; } #blog #comments { margin-bottom: 50px;} #blog #comments h2 { margin-bottom: 10px;} #blog #comments .comment { border-bottom: 1px solid #a7a7a7; padding: 20px 10px; margin: 0 10px; } #blog #comments .commentInfo { margin-bottom: 10px;} #blog #comments .commentName { font-size: 1.4em; font-weight: bold;} #blog #comments .commentInfo .commentDate { color: #666; font-weight: normal; } #blog #comments .comment p { margin: 0;} #blog #comment_form fieldset { width: 350px; margin: 0 auto; } #blog #comment_form .text, .interior #blog #comment_form .textarea { border: 1px solid #999; padding: 2px 4px; font: 10.5px Verdana, Arial, sans-serif; color: #666; } #blog #comment_form .text { width: 250px; height: 15px; } #blog #comment_form .textarea { width: 257px;} #blog #comment_form label { display: inline-block; vertical-align: top; width: 80px; } #interior_nav { font-size: 1.25em; float: right;} #interior_nav a { text-decoration: none; } #interior_nav .active { font-weight: bold; } #interior_nav a:hover { text-decoration: underline; } .accolades { margin-bottom: 50px; text-align: center;} .accolades h3 { height: 104px; text-indent: -9999px; overflow: hidden; float: left; margin: 15px 40px; display: inline;} .accolades .sundance { background: url(/page/-/images/img-sundance-trans.png) no-repeat 0 11px; width: 195px;} .accolades .fullframe { background: url(/page/-/images/img-fullframe-trans.png) no-repeat; width: 140px;} .accolades .silverdocs { background: url(/page/-/images/img-silverdocs-trans.png) no-repeat; width: 145px;} .accolades .gotham { background: url(/page/-/images/laurels-gothamawards.png) no-repeat; width: 267px;} .reviews { margin-bottom: 35px;} .reviews h2 { margin-bottom: 5px; } .reviews h2 a { text-decoration: none;} .reviews h2 a:hover { text-decoration: underline;} a.more { display: block; font: 1.75em Georgia, sans-serif; margin-bottom: 50px;} form#invitationpage { font-size: 1.2em;} body #contact_importer_button { margin: 6px 0 4px ; } table#signup {font-size: 1.2em; margin:auto} #signup .text { height: 15px; border: 1px solid #999; padding: 2px 4px; margin-bottom: 15px; font: 10.5px Verdana, Arial, sans-serif; color: #666; } #signup label { font: 1.2em Arial, sans-serif;} #signup .input_email, #signup .input_addr1, #signup .input_addr2 { width: 325px;} #signup .input_firstname { width: 130px;} #signup .input_lastname { width: 150px;} #signup .input_addr1 { margin-bottom: 5px;} #signup .input_city { width: 90px;} #signup .select_state_cd { width: 75px;} #signup .input_zip { width: 50px;} #signup .textarea { width: 330px; font: 1.05em Verdana, Arial, sans-serif; color: #666; padding: 2px;} #signup .submit { margin-top: 10px;} #interiornav {font: 1.3em/1.5em Arial, sans-serif; margin: 1.5em 0; text-decoration: none; } #interiornav a {font: 1em/1.5em Arial, sans-serif; margin: 1.5em 0; text-decoration: none; } #partners .entry { margin-bottom: 45px; } #partners .entry h2 { margin-bottom: 10px; } #partners .entry h2 a { text-decoration: none; font-weight: bold; font-size: 1.1em;} #partners .entry h2 a:hover { text-decoration: underline; } body #partners .entry p { margin-top: 10px; } #partners .entry img { float: left; margin: 5px 10px 10px 0;} #simplesearch h2{margin-top: 0; font-size: 2.5em;} #simplesearch th.form_label{font-size: 1.5em; padding-right: 10px;} #body #simplesearch tr{float: left; padding-bottom: 0; margin-bottom: 10px; width: 250px;} #simplesearch td.formlink a{margin-left: 8px; font-size: 1.2em;} #simplesearch input{font-size: 1.5em;} #body #SKIN #control_set {background: none; padding: 0;} #body #SKIN #control_set h1 { font-size: 2.3em; color: #935414; margin-bottom: 20px; } #body #SKIN #control_set #account_actions {padding: 0; } #body #SKIN #control_set #account_actions a{font-size: 14px;} #body #SKIN #eventdetail #sectionheader {color: #935414; border-color: #a3a3a3; font-size: 20px;} #body #SKIN #eventdetail .title {font-weight: normal; font-size: 16px;} #body #SKIN #eventdetail #detailtable {background: transparent; border: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-left: 6px;} #body #SKIN .form_label {font-weight: bold; font-size: 14px;} #body #SKIN #eventdetail #detailtable td {padding: 5px; font-size: 14px;} #body #SKIN #eventdetail #detailtable .location{font-size: 14px;} #body #SKIN #eventdetail table td, #body #SKIN #eventdetail table th, #body #SKIN #eventdetail .description, #body #SKIN #eventdetail .description .location .address {font-size: 12px;} #body #SKIN span#event_radius_unit{font-size: 14px;} #body #SKIN h3#count{font-size: 14px; padding: 0; margin-top: 12px; color: #fff;} #body #SKIN .basic .main h2#sectionheader { color: #fff; font-weight: normal; border-bottom: none; padding: 0 0 10px;} #body #SKIN .basic .main h2#sectionheader a{text-decoration: underline;} #body #SKIN .basic .main h2 {color: #935414; font-weight: normal; border-bottom: none; padding: 0 0 10px; font-size: 20px;} #body #SKIN .basic .main h2.header {color: #935414; font-weight: normal; border-bottom: none; padding: 0 0 10px; font-size: 20px;} #body #SKIN p{font-size: 14px; padding: 0; margin-bottom: 10px;} #body #SKIN th{font-size: 14px;} #body #SKIN .odd {color: #fff; background-color: #a07440;} #body #SKIN .odd td, #body #SKIN .even td {padding: 10px;} #body #SKIN .odd th, #body #SKIN .even th {padding: 10px;} #body #SKIN input{font-size: 14px; float: left;} #body #SKIN select{font-size: 14px;} #body #SKIN .even {color: #fff; background-color: #946a3b;} #body #SKIN .even td, #body #SKIN .odd td {font-size: 14px; padding-left: 5px;} #body #SKIN .od td{font-size: 14px; padding-left: 5px;} #body #calendar-nav { display: none; } #body #dates { font-size: 10px; margin-top: 2px; } #body #SKIN input#date-start, #body #SKIN input#date-end { margin: 10px 0 0 0; border: 1px solid #D3D3D3; padding: 1px; font-size: 10px; width:65px; float: none;} #body #SKIN input#date-end {margin: 0 5px 0 0;} #body #dates button { border: 1px solid #D3D3D3; background: #EDEDED; margin: 0; font-size: 10px; } #body #calendar-nav .yui-calendar td.calcell a{font-weight: normal;color:#555555;display:block;height:100%;text-decoration:none; font-size: 14px;padding: 2px;} #body #calendar-nav .yui-calendar td.calcell{border:1px solid #cccccc;background:#fff;padding: 1px;height:1.6em;line-height: 1.6em;text-align:center;white-space:nowrap; font-size: 14px;} #body #SKIN .main { margin: 10px auto; width: auto; border: none; padding: 0;} #body #SKIN .main #simplesearch{width: 325px;} #body #SKIN .main #simplesearch #simpleform.table_container{padding: 0;} #body #event_results { float: right; margin-left: 0; width: 350px;} #body ul#event_order li.active a { border: 1px solid #D3D3D3; border-bottom: 1px solid white; margin-right: 0px; padding: 4px 5px; background-color: transparent; color: #ba9a66; text-decoration: none; } #body ul#event_order li { display: inline; margin: 0; font-weight: bold; color: #666; position: relative; top: -3px; background-color: transparent;} #body #event_results #suggestion a{font-size: 14px} #body ul#event_order li a { font-size: 12px; padding: 5px 5px; margin-right: 0px; color: #fff; text-decoration: underline; } #body ul#event_order li.active a { border-bottom: none; margin-right: 0px; padding: 4px 5px; background-color: transparent; color: #fff; text-decoration: underline; border-style: none;} #body #event_results .datebox { margin: 0 15px 10px 0; font-weight: bold; padding: 4px; color: white; background-color:transparent; width: 65px;} #body #event_results .event_footer .links .rsvp_button a { display: block; margin-left: 10px; padding: 4px 10px; background-color: #EDEDED; border: 1px solid #7F7F7F; color: #b1905d; } #body #event_results .event_footer .links .detail_button a { display: block; margin-left: 10px; padding: 4px 10px; background-color: #EDEDED; border: 1px solid #7F7F7F; color: #b1905d;} #body #event_results .event_footer .event_type small { font-size: 12px; } #body #event_results .event_footer .event_type { padding-top: 4px; float: left; color: #fff; } #body #event_results .event .location { padding: 0!important; color: #fff; text-transform: none; font-size: 13px; } #body #filters h3 { margin: 15px 0 5px 0; color: #fff; font-size: 14px; padding: 0;} #body #event_map{width: 500px; margin-bottom: 21px;} #body #loginform .logintitle{color: #fff; font-size: 14px; margin-bottom: 10px;} #body #signupform .signuptitle{color: #fff; font-size: 14px; margin-bottom: 10px;} #body #signupform table{background: transparent; font-size: 14px; border: none;} #body #loginform table{background: transparent; font-size: 14px; border: none;} /** SPEAKOUT STYLES **/ #speakout { font-size: 1.2em; } #speakout h2 { font: 2em Arial, sans-serif; color: #fff; margin: 0 0 30px 0;} #speakout #speakout_form { font-size: 1.2em; color: #333;} #speakout #speakout_form td.radio input { margin: 2px;} #speakout form#speakout_form input, #speakout form#speakout_form textarea { font-family: Arial, sans-serif; } #speakout #speakout_form ul { padding-left: 10px; } #speakout form#participate { color: #333; } body#bodyBSD.onecol #content {position: relative; width: 960px; margin-right: 0px;} body#bodyBSD.onecol #sidebar {display: none;} body#bodyBSD.onecol form#signup {padding-right: 0px; position: absolute; top: 82px; left: 450px;} body#bodyBSD.onecol #signupheader {width: 430px;} body#bodyBSD.onecol #signupfooter {width: 430px; padding-bottom: 200px;} /* @end */ /*ACTION CENTER*/ #actioncenterContainer {position: relative; width: 582px; height: 800px;} #actioncenterContainer #filmstrip {background: url(/page/-/images/ttw-actioncenter-filmstrip.jpg) no-repeat; position: absolute; width: 114px; height: 775px; top: 15px; left: 4px;} #actioncenterContainer #descriptions {width: 451px; height: 579px; left: 136px; position: absolute; top: 33px;} #actioncenterContainer #descriptions strong{ font-weight: bold; font-size: 1.5em; position: absolute; line-height:1.1em; } #actioncenterContainer #descriptions .order {margin-bottom: 53px;} #actioncenterContainer #descriptions .tell {margin-bottom: 47px;} #actioncenterContainer #descriptions .find {margin-bottom: 42px;} #actioncenterContainer #descriptions .write {margin-bottom: 35px;} #actioncenterContainer #descriptions .share {margin-bottom: 29px;} #actioncenterContainer #descriptions .domore {margin-bottom: 40px;} #actioncenterContainer #descriptions .grabthebadge {margin-bottom: 45px;} textarea.small {font-size: 1.2em;} /*EDUCENTER*/ /* collapsable filmstrip */ #educenterContainer #filmstrip-container{ width:112px; overflow:hidden; font-family: Arial, Helvetica, sans-serif; color:#2a1002; font-size:34px; font-weight:bold; } #educenterContainer #filmstrip-top { background-image:url(/page/-/images/filmstrip-top.png); width: 112px; height:8px; } #educenterContainer #filmstrip-glow { background:url(/page/-/images/filmstrip-glow.png) repeat-y; width: 112px; } #educenterContainer #filmcontainer{ padding:0 8px; } #educenterContainer ul#filmstrip-image { background:url(/page/-/images/filmstrip-repeat.png) repeat-y; list-style:none inside; margin:0 0 0 0; overflow:hidden; } #educenterContainer li.filmstrip-list-one { padding:28px 0 0 36px; text-shadow: 0 0 0.2em #ffdf13, 0 0 0.2em #ffdf13, 0 0 0.2em #ffdf13; font-weight: bold;} #educenterContainer li.filmstrip-list-two { padding:28px 0 0 26px; text-shadow: 0 0 0.2em #ffdf13, 0 0 0.2em #ffdf13, 0 0 0.2em #ffdf13; font-weight: bold;} #educenterContainer #filmstrip-bottom {background-image:url(/page/-/images/filmstrip-bottom.png); width:112px; height:8px; } /* end collapsable filmstrip */ #educenterContainer ul#descriptions {margin:0; font-size:12px; } #educenterContainer li.educenter { height:96px; margin:1px 0; } #educenterContainer { position:relative; width:582px; } #educenterContainer {position: relative; width: 582px; } #educenterContainer #filmstrip {background: url(/page/-/images/ttw-actioncenter-filmstrip.jpg) no-repeat; position: absolute; width: 114px; height: 775px; top: 15px; left: 4px;} #educenterContainer #descriptions {width: 451px; height: 579px; left: 136px; position: absolute; top: 33px;} #educenterContainer #descriptions strong{ font-weight: bold; font-size: 1.5em; position: absolute; line-height:1.1em; } #educenterContainer #descriptions .order {margin-bottom: 53px;} #educenterContainer #descriptions .tell {margin-bottom: 47px;} #educenterContainer #descriptions .find {margin-bottom: 42px;} #educenterContainer #descriptions .write {margin-bottom: 35px;} #educenterContainer #descriptions .share {margin-bottom: 29px;} #educenterContainer #descriptions .domore {margin-bottom: 40px;} #educenterContainer #descriptions .grabthebadge {margin-bottom: 45px;} /* END OF EDUCENTER */ /* @group 06 - UTILITY */ .floatl { float: left;} .floatr { float: right;} strong { font-weight: bold;} em { font-style: italic;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:block;} .nobottommargin { margin-bottom: 0; } /* @end */