/* CSS Reset, adapted from Eric Meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}fieldsetlegend{display:none;}/*remembertodefinefocusstyles!*/:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}/*tablesstillneed'cellspacing="0"'inthemarkup*/table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"""";} .clear { clear: both; } .clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clear { zoom: 1; } /* IE6 */ *:first-child+html .clear { zoom: 1; } /* IE7 */ .left { float: left; } .right { float: right; } .hide-text { text-indent: -9999px; overflow: hidden; position: relative; } body { font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #3c3d3c; background: url(../_images/bg-body.png); text-shadow: #fff 0px 1px 0px; } b, strong { font-weight: bold; } em { font-style: italic; color: #c5742d; } p, ul, ol { line-height: 1.5em; padding-bottom: 1em; } p[style] { line-height: 1.5em !important; } ul, ol { } h1, h2, h3 { font-weight: bold; color: #6d624f; } h1 { } h2 { } h3 { color: #e1a346; font-variant: small-caps; font-size: 18px; font-weight: bold; } a { color: #e1a346; text-decoration: none; } #container { background: url(../_images/bg-container.jpg) 50% 50% repeat-y; } #container-inner { width: 1000px; margin: 0 auto; } #container .top { height: 377px; background: #fff; } #col-1 { float: right; width: 680px; } #col-1 .top { position: relative; right: 4px; background: url(../_images/bg-col-right.png) no-repeat; } #col-1 #header { height: 135px; } #col-1 #header { } #col-1 #header h1 { position: relative; right: 12px; padding-top: 40px; width: 461px; height: 39px; margin: 0 auto; background: url(../_images/bg-tagline.png) 50% 100% no-repeat; } #col-1 #header h1 a { display: block; height: 100%; } #col-1 #top-nav { width: 607px; height: 105px; margin: 0 auto; background: url(../_images/bg-top-nav.png) no-repeat; position: relative; bottom: 20px; z-index: 999; } #col-1 #top-nav li { float: left; position: relative; top: 55px; font-size: 24px; height: 40px; } #col-1 #top-nav li a { display: block; height: 100%; } #col-1 #top-nav li.about { width: 105px; background: url(../_images/nav/about.png) 50% 50% no-repeat; } #col-1 #top-nav li.news { width: 87px; background: url(../_images/nav/news.png) 40% 50% no-repeat; } #col-1 #top-nav li.films { width: 83px; background: url(../_images/nav/films.png) 40% 50% no-repeat; } #col-1 #top-nav li.schedule { width: 102px; background: url(../_images/nav/schedule.png) 50% 50% no-repeat; } #col-1 #top-nav li.stewards { width: 90px; background: url(../_images/nav/stewards.png) 40% 50% no-repeat; } #col-1 #top-nav li.tickets { width: 135px; background: url(../_images/nav/tickets.png) 50% 50% no-repeat; } #col-1 .top h1 { text-align: center; font-size: 18px; font-family: "Arial Black", Arial, sans-serif; font-variant: small-caps; padding-top: 48px; } #col-2 { float: right; width: 320px; } #col-2 .top { width: 328px; height: 377px; background: url(../_images/bg-col-left.png) no-repeat; position: relative; left: 2px; z-index: 900; } #col-2 #logo-type { height: 122px; } #col-2 #logo-type h1 { position: relative; top: 14px; width: 153px; height: 92px; margin: 0 auto; background: url(../_images/logo-type.png); } #col-2 #logo-type h1 a { display: block; height: 100%; } #col-2 #logo-icon { padding-top: 40px; } #col-2 #logo-icon h1 { width: 249px; height: 279px; margin: 0 auto; background: url(../_images/logo-icon.png) no-repeat; } #col-2 .social { width: 227px; margin: 0 auto; background: url(../_images/bg-social.png) 100% 94% no-repeat; position: relative; bottom: 28px; z-index: 100; } #col-2 .social a { display: block; height: 100%; } #col-2 .social .twitter { float: left; width: 106px; height: 101px; background: url(../_images/bg-twitter.png) no-repeat; } #col-2 .social .facebook { float: left; width: 109px; height: 107px; margin-left: 12px; background: url(../_images/bg-facebook.png) no-repeat; } #col-2 .social .newsletter { display: block; clear: both; padding-top: 70px; } #col-2 .social .newsletter .text { float: left; width: 153px; margin-top: 4px; color: #333; font-size: 14px; font-style: normal; border: 1px solid #999; padding: 7px 6px; -webkit-box-shadow: #999 1px 1px 3px inset; -moz-box-shadow: #999 1px 1px 3px inset; box-shadow: #999 1px 1px 3px inset; } #col-2 .social .newsletter .text.hint { color: #999; font-style: italic; } #col-2 .social .newsletter .image { float: left; width: 44px; height: 41px; margin-left: 8px; } #content { clear: both; } #content ul.standard { margin-left: 48px; } #content ul.standard li { list-style: disc; } #content .top { padding: 0 24px 0 32px; } #content .top-content { padding-top: 32px; } #content .top-content p { color: #656565; } #intro { text-align: center; } #intro h2 { color: #6d624f; font-size: 24px; font-family: "Arial Black", Arial, sans-serif; font-variant: small-caps; margin-bottom: .75em; } #intro p { width: 85%; margin: auto; } #feature { float: left; width: 292px; height: 173px; margin: 6px 0 0 0px; background: url(../_images/bg-feature.png); } #rotator { } #rotator li { height: 159px; overflow: hidden; margin-left: 6px; margin-top: 6px; position: absolute; } #rotator li a { } #rotator li a img { } .about #feature { margin: 6px 0 0 75px; } .films #feature { margin: 6px 0 0 75px; } #info { float: left; width: 200px; margin-left: 10px; } #info .year { padding-top: 70px; font-size: 36px; font-family: "Arial Black", Arial, sans-serif; font-variant: small-caps; color: #6d624f; } #info .nav { } #info .nav li { font-size: 18px; font-weight: bold; font-variant: small-caps; padding: 12px 0 0px 0; } #info .nav li a { color: #e1a346; } .films #info { float: none; width: 100%; text-align: center; margin: 0; } .films .search { } .films .search input { color: #999; padding: 2px 6px; width: 150px; } #guide-book { float: left; width: 101px; height: 136px; margin: 24px 0 0 48px; background: url(../_images/bg-guide.png) no-repeat; } #submit { float: left; width: 101px; height: 136px; margin: 24px 0 0 48px; background: url(../_images/bg-submit-film.png) no-repeat; } #feature a, #guide-book a, #submit a{ display: block; height: 100%; } #tickets { margin: 0 auto; width: 100%; position: relative; left: 20px; } #tickets li { float: left; width: 150px; height: 61px; padding-left: 50px; margin: 6px 0; background: url(../_images/tickets.png) no-repeat; } #tickets li .name { color: #e1a346; font-size: 16px; font-weight: bold; position: relative; top: 12px; } #tickets li .price { color: #7d7362; font-size: 14px; font-weight: bold; position: relative; top: 12px; } #tickets li a { display: block; font-style: italic; position: relative; top: 8px; } #content .top.news h3 { color: #e1a346; font-size: 18px; text-align: left; margin: .5em 0; } #content .top.news .categories { float: left; width: 66%; text-align: left; } #content .top.news .categories ul { } #content .top.news .categories li { float: left; width: 100px; padding-bottom: 6px; } #content .top.news .categories a { color: #6d624f; font-style: italic; font-size: 14px; } #content .top.news .search { float: left; width: 33%; text-align: left; } #content .top.news .search input { color: #999; padding: 2px 6px; width: 150px; } #content .top.sponsors { } #content .top.sponsors h3 { text-align: center; } #content .top.sponsors .logos { padding: 12px 0; width: 356px; margin: 0 auto; } #content .top.sponsors .logos .odum { float: left; width: 206px; height: 54px; margin-top: 18px; background: url(../_images/stewards/odum.jpg) no-repeat; } #content .top.sponsors .logos span { float: left; width: 75px; margin: 0 25px; margin-top: 24px; } #content .top.sponsors .logos .cine { float: left; width: 25px; height: 102px; background: url(../_images/stewards/cine.gif) no-repeat; } #content .top.sponsors .logos2 { padding: 12px 0; width: 400px; margin: 0 auto; } #content .top.sponsors .logos2 .fontaine { float: left; width: 217px; height: 43px; margin-right: 18px; margin-top: 12px; background: url(../_images/sponsors/fontaine.jpg) no-repeat; } #content .top.sponsors .logos2 .lyndhurst { float: left; width: 159px; height: 55px; background: url(../_images/sponsors/lyndhurst.jpg) no-repeat; } #content .bottom { padding: 0 24px 0 32px; } #content .bottom #news { margin-top: 32px; } #content .bottom #news li { float: left; width: 280px; margin: 0 32px; } #content .bottom #news li.alpha { margin-left: 0; } #content .bottom #news li.omega { margin-right: 0; } #content .bottom #news li .date { font-size: 24px; color: #6d624f; font-family: "Arial Black", Arial, sans-serif; font-variant: small-caps; padding-bottom: 22px; background: url(../_images/doodle.png) 0% 100% no-repeat; } #content .bottom #news li h3 { font-size: 18px; margin-bottom: .5em; } #content .bottom #news li h3 a { } #content .bottom #news li p { } #content .bottom #news li p.more { width: 100%; height: 48px; margin: 0 auto; background: url(../_images/bg-read-more.png) 100% 0% no-repeat; } #content .bottom #news li p.more a { display: block; width: 171px; height: 100%; float: right; } #content .bottom.news #news { } #content .bottom.news #news li { float: none; width: inherit; } #content .bottom.news #news h1 { font-size: 24px; color: #6d624f; font-family: "Arial Black", Arial, sans-serif; font-variant: small-caps; margin-bottom: 1px; } #content .bottom.news #news h1 a { color: #6d624f; } #content .bottom.news #news .date { padding-bottom: 22px; background: url(../_images/doodle.png) 0% 100% no-repeat; font-size: 14px; color: #e1a346; } #content .bottom.news #news .author { font-weight: normal; color: #6d624f; font-style: italic; font-variant: normal; } #content .bottom.news #news .image { margin: 0 12px 0 0; padding: 6px; background: #fff; border: 1px solid #e1a346; } #content .bottom.news #news img { display: block; } #content .bottom h2 { padding-top: 32px; font-size: 24px; color: #6d624f; font-family: "Arial Black", Arial, sans-serif; font-variant: small-caps; padding-bottom: 22px; background: url(../_images/doodle.png) 0% 100% no-repeat; } #content .bottom h3 { color: #6d624f; } #content .bottom .profiles { } #content .bottom .profiles li { clear: both; } #content .bottom .profiles .image { float: left; width: 150px; } #content .bottom .profiles .bio { float: left; width: 430px; margin-left: 12px; } #content .bottom.films { } #content .bottom.films h3 { font-size: 18px; margin-bottom: .25em; } #content .bottom.films h4 { color: #3c3d3c; font-weight: bold; margin-top: 6px; } #content .bottom.sponsors { } #content .bottom.sponsors h2 { margin: 12px 0; } #content .bottom.sponsors ul { clear: both; } #content .bottom.sponsors ul li { float: left; margin-left: 18px; margin-bottom: 18px; } #content .bottom.sponsors ul li a { display: block; height: 100%; border: 1px solid #ccc; background: #eee; } #content .bottom.sponsors ul li img { display: block; padding: auto; margin: 6px auto; } #content .bottom .image { float: left; margin-right: 12px; } #content .bottom .image img { padding: 6px; background: #fff; display: block; border: 1px solid #ccc; } #content .bottom form { } #content .bottom form textarea, #content .bottom form select, #content .bottom form input[type="text"], #content .bottom form input[type="password"] { float: left; width: 380px; font-size: 12px; color: #666; display: block; height: 20px; border: 1px solid #ddd; background: #eee; margin: 2px 0 8px 0; font-family: Georgia, Times, "Times New Roman", serif; font-size: 14px; padding: 6px 0px 6px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 0 6px #999; -moz-box-shadow: inset 0 0 6px #999; box-shadow: inset 0 0 6px #999; } #content .bottom form textarea { height: 200px; } #content .bottom form select { height: 34px; } #content .bottom form input.hint, form textarea.hint { color: #666; } #content .bottom form input[type="image"] { display: block; width: 120px; margin: 0 auto; } #content .bottom form label { display: block; padding-bottom: 2px; } #content .bottom form .field { clear: both; padding-top: 12px; } #content .bottom form .field label { float: left; width: 140px; position: relative; top: 6px; } #content .bottom form .field.radio label { float: none; display: inline; margin-right: 12px; position: relative; top: 0px; } #content .bottom form .field.radio input { margin-left: 6px; } #content .bottom form .submit { clear: both; } #content .bottom form .submit a { float: right; padding: 6px 12px; text-shadow: none; background: #e1a346; text-decoration: none; color: #fff; font-style: normal; font-weight: bold; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #content .bottom form .captcha-input { float: left; width: 380px; } #content .bottom form .captcha-input input { width: 190px; } #footer { clear: both; } #footer .col-1 { float: left; width: 320px; background: url(../_images/bg-footer-left.png) 100% 0% no-repeat; position: relative; left: 10px; z-index: 900; } #footer .col-1 .sponsors { margin-top: 32px; margin-left: 48px; } #footer .col-1 .sponsors li { margin: 12px 0; } #footer .col-1 .sponsors li a { } #footer .col-1 .sponsors li a img { } #footer .col-2 { float: left; width: 680px; height: 240px; background: url(../_images/bg-footer-right.png) no-repeat; position: relative; right: 4px; top: 12px; } #footer .col-2 #footer-nav { width: 85%; margin: 18px auto 20px auto; } #footer .col-2 #footer-nav li { float: left; padding: 0px 18px 0px 12px; background: url(../_images/pip.png) 100% 50% no-repeat; } #footer .col-2 #footer-nav li a { display: block; } #footer .col-2 #footer-nav li.alpha { } #footer .col-2 #footer-nav li.omega { padding-right: 0; background-image: none; } #footer .col-2 #footer-subnav { width: 423px; margin: 0 auto; padding-bottom: 110px; } #footer .col-2 #footer-subnav li { float: left; width: 117px; height: 88px; padding: 0px 18px 0px 12px; } #footer .col-2 #footer-subnav li a { display: block; height: 100%; } #footer .col-2 #footer-subnav li.alpha { } #footer .col-2 #footer-subnav li.omega { padding-right: 0; } #footer .col-2 #footer-subnav .archive { background: url(../_images/footer/archive.png) no-repeat; } #footer .col-2 #footer-subnav .donate { background: url(../_images/footer/donate.png) no-repeat; } #footer .col-2 #footer-subnav .contact { background: url(../_images/footer/contact.png) no-repeat; } #footer .col-2 .copyright { clear: both; float: left; height: 32px; margin: 0 0 24px 120px; padding: 24px 24px 4px 0; color: #6d624f; border-right: 1px solid #6d624f; } #footer .col-2 .credits { float: left; height: 32px; position: relative; bottom: 20px; margin-left: 24px; padding-top: 24px; color: #6d624f; } #footer .col-2 .credits img { position: relative; top: 15px; left: 6px; } /* schedule page */ #schedule { } #schedule .month { float: left; margin: 24px 22px; width: 265px; } #schedule .month h2 { height: 27px; } #schedule .month.september h2 { background: url(../_images/months/september.png) 50% 50% no-repeat; } #schedule .month.october h2 { background: url(../_images/months/october.png) 50% 50% no-repeat; } #schedule .month .calendar { width: 100%; height: 198px; background: url(../_images/bg-calendar.png) no-repeat; } #schedule .month .calendar ol { padding-left: 6px; padding-top: 4px; } #schedule .month .calendar ol li { color: #e1a346; font-size: 14px; float: left; width: 36px; height: 26px; padding-top: 6px; text-align: center; } #schedule .month .calendar ol li a { color: #e1a346; display: block; height: 100%; background: url(../_images/bg-calendar-day.png) 0px 0px no-repeat; } #schedule .month .calendar ol li.row-3 { position: relative; bottom: 3px; } #schedule .month .calendar ol li.row-4 { position: relative; bottom: 2px; } #schedule .event-list { margin: 32px 0; width: 95%; } #schedule .event-list .event { border-bottom: 1px dotted #666; padding: 18px 0; } #schedule .event-list .event.alpha { padding-top: 0; } #schedule .event-list .event:last-child { border-bottom: 0; } #schedule .event-list .date { font-size: 24px; color: #6d624f; font-family: "Arial Black", Arial, sans-serif; font-variant: small-caps; padding-bottom: 22px; background: url(../_images/doodle.png) 0% 100% no-repeat; } #schedule .event-list .times { float: left; width: 100px; text-align: right; font-size: 18px; color: #6d624f; font-family: "Arial Black", Arial, sans-serif; font-variant: small-caps; margin: 5px 24px 1em 0; } #schedule .event-list .times h3 { color: #6d624f; font-style: normal; font-variant: normal; font-size: 14px; font-weight: bold; margin-top: 12px; margin-bottom: .25em; } #schedule .event-list .times ul { padding-bottom: 0em; } #schedule .event-list .times .cost { font-size: 12px; font-style: italic; font-variant: normal; font-weight: normal; font-family: Helvetica, Arial, sans-serif; } #schedule .event-list .times .venue { font-size: 12px; font-style: italic; font-variant: normal; font-weight: normal; font-family: Helvetica, Arial, sans-serif; margin-top: 12px; } #schedule .event-list .times .venue a { } #schedule .event-list .description { float: left; width: 450px; margin-top: 9px; } #schedule .event-list h2 { font-size: 18px; margin-bottom: .5em; padding-top: 0; color: #e1a346; } #schedule .event-list h2 a { } #film { width: 650px; margin: 0 auto; background: #fff; padding: 12px; -webkit-box-shadow: #333 0px 0px 30px; -moz-box-shadow: #333 0px 0px 30px; box-shadow: #333 0px 0px 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #film #close { width: 45px; height: 41px; background: url(../_images/bg-close.png) no-repeat; float: right; position: relative; left: 28px; bottom: 28px; } #film #close a { display: block; height: 100%; } #film h1 { color: #e1a346; font-size: 24px; font-weight: bold; font-family: "Arial Black", Arial, Helvetica; margin-bottom: .5em; } #film .left { float: left; width: 250px; } #film .right { float: left; width: 350px; } #film .info { text-align: center; font-style: italic; } #film .info span { display: block; font-style: normal; color: #6d624f; font-size: 30px; font-weight: bold; font-family: "Arial Black", Arial, Helvetica; } #film .info .runtime { float: left; width: 33%; height: 78px; padding-top: 18px; background: url(../_images/bg-div-vert.png) no-repeat 100% 0%; } #film .info .year { float: left; width: 33%; height: 78px; padding-top: 18px; background: url(../_images/bg-div-vert.png) no-repeat 100% 0%; } #film .info .country { float: left; width: 33%; height: 78px; padding-top: 32px; font-weight: bold; font-size: 16px; font-family: "Arial Black", Arial, Helvetica; color: #6d624f; font-style: normal; } #film .image { margin-bottom: .5em; } #film .description { max-height: 450px; overflow: auto; } #film .showing { clear: both; padding-top: 1em; text-align: center; font-size: 30px; color: #6d624f; font-weight: bold; font-family: "Arial Black", Arial, Helvetica; } #film .showing span { color: #e1a346; } #film .links { clear: both; padding-left: 24px; } #film .links li { list-style: outside url(../_images/pip-star.png); color: #6d624f; font-size: 13px; margin-bottom: .5em; } #film .awards { clear: both; padding-left: 48px; } #film .awards li { list-style: outside url(../_images/pip-star.png); color: #6d624f; font-size: 13px; margin-bottom: .5em; } #film .gallery { margin-left: 18px; } #film .gallery li { float: left; margin: 4px; } #film .gallery li a { display: block; } #film .gallery li a img { display: block; }