/* ************************************************* British Film Council Screen Styles Created by Bureau for Visual Affairs http://www.bureau-va.com ************************************************* */ /*------------------------------------------- Reset -------------------------------------------*/ * { margin: 0; padding: 0; } html, body { height: 100%; } body { font: 12px/17px Helvetica,Arial,sans-serif; color: #494949; background: white url('../img/bg.gif'); } object, img { vertical-align: bottom; } fieldset, img { border: 0; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } address { font-style: normal; } /*------------------------------------------- General Selectors -------------------------------------------*/ h1 { font-size: 20px; line-height: 23px; } h2 { font-size: 20px; line-height: 23px; } h3, h4 { font-size: 12px; } h5 { color: white; font-weight: bold; font-size: 20px; line-height: 23px; padding: 17px 0 0 0; } p { margin: 0 0 17px 0; } a, a:link, a:active, a:visited { text-decoration: none; color: #494949; } a:hover { color: #309bd3; } strong { font-weight: bold; } hr { border: none; height: 1px; background: #dbdbdb; color: #dbdbdb; border-right: 4px solid white; border-left: 4px solid white; } dt, dd { float: left; } dt { clear:both; } /*------------------------------------------- Commons -------------------------------------------*/ .hidden,.hdn { display: none; } p.date, p.last-update, p.url { color: #7f7f7f; } p.last-update { margin: 0; padding-top: 7px; padding-bottom: 7px; } p.standfirst { font-size: 15px; line-height: 20px; padding-top: 20px; } .embedded-video { margin: 0 0 19px 5px; } /* default form settings */ label, input, textarea, select { font-family: Helvetica,Arial,sans-serif; font-size: 12px; color: #494949; vertical-align: top; } label { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .text, .social #email { border: none; border-radius: 10px; -moz-border-radius: 10px; padding: 4px 20px 3px 8px } .text, .social #fieldEmail, #subForm #fieldEmail { border: none; border-radius: 10px; -moz-border-radius: 10px; padding: 4px 20px 3px 8px } #subForm #fieldEmail { background-color: #e0eaf8;width:220px; } #subForm select { background-color: #e0eaf8;margin-left:0;width:245px;margin-bottom:10px; } #subForm { margin-left:12px; } #subForm .suggest .submit { margin-top:10px;margin-bottom:15px } select { padding: 2px 0 1px 0; } .submit { border: none; width: 14px; height: 14px; cursor: pointer; margin: 3px 0 0 -20px; background: url('../img/arrows.gif') no-repeat; } .submit:hover { background-position: 0 -15px; } button { cursor: pointer; } /* buttons */ a.button { color: white; line-height: 22px; background: #494949; border-radius: 2px; -moz-border-radius: 2px; padding: 0 6px; display: block; cursor: pointer; } a.button:hover { background: #309bd3; } a.button.active { background: #494949; } a.button.inactive { background: #929292; } .buttons a.button { float: left; margin: 0 0 0 1px; width: 128px; } #main a.button { color: white; } #film-insert a.button { background: #309bd3; } #film-insert a.button:hover { background: #494949; } .page-title .button { position: absolute; right: 4px; top: 15px; color: white !important; } .button-holder { position: absolute; right: 4px; top: 15px; color: white !important; } .button-holder .button { position: relative; right: 0; top: 0; color: white !important;float:left;margin-left:1px; } a.suggest, a.share { float: left; margin: 18px 1px 0 0; } a.suggest { width: 207px; margin-left: 4px; } a.share { width: 167px; } .un-bold { font-weight: normal !important; } /*------------------------------------------- Image Masks -------------------------------------------*/ .mask-576-grey, .mask-377-white, .mask-377-blue, .mask-377-charcoal, .mask-190-white, .mask-469-white, .mask-469-blue, .directory-list.thumbs li span,#directory-list.thumbs li span, #entries a span, .home #directory-list.thumbs li span, #carousel ul li span { position: absolute; background: url('../img/masks.png') no-repeat; } /* w = 576 bg = grey */ .mask-576-grey { width: 576px; height: 325px; background-position: 0 0; } /* w = 377 bg = dark grey */ .mask-377-charcoal { width: 377px; height: 213px; background-position: 0 -326px; } /* w = 190 bg = white */ .mask-190-white, #directory-list.thumbs li span, #entries a span,.directory-list.thumbs li span { width: 190px; height: 107px; background-position: 0 -540px; } /* w = 377 bg = white */ .mask-377-white { width: 377px; height: 212px; background-position: 0 -648px; } .filmmaker .mask-377-white, .festival .mask-377-white { height: 220px; background-position: 0 -1335px; } /* w = 377 bg = blue */ .mask-377-blue { width: 377px; height: 212px; background-position: 0 -1122px; } /* w = 469 bg = white */ .mask-469-white { width: 469px; height: 252px; background-position: 0 -869px; } /* w = 469 bg = blue */ .mask-469-blue { width: 469px; height: 252px; background-position: 0 -1556px; } /* w = 576 bg = white */ #carousel ul li span { width: 576px; height: 325px; background-position: 0 -1810px; } /* w = 284 bg = white */ .home #directory-list.thumbs li span { width: 284px; height: 160px; background-position: 0 -2136px; } .home #directory-list.thumbs.small-thumbs li span { width: 190px; height: 107px; background-position: 0 -540px; } /*------------------------------------------- Letter Spacing -------------------------------------------*/ #header a, #header label { letter-spacing: 0.06em; } h1, h5 { letter-spacing: -0.01em; } /*------------------------------------------- Self-clearing Floats -------------------------------------------*/ .wrap:after, .horiz:after, ul.genres:after, #container:after, #directory-list ul:after,.directory-list ul:after, .suggest li:after, #entries ul a:after, .map-popup li:after { clear: both; content: '.'; height: 0; width: 0; visibility: hidden; display: block; } .wrap, .horiz, ul.genres, #container, #directory-list ul,.directory-list ul, .suggest li, #entries ul a, .map-popup li { zoom: 1; } .horiz li, ul.genres li, #directory-list.thumbs li { float: left; } /*------------------------------------------- Header -------------------------------------------*/ #header { background: #323232; position: relative; border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; margin: 0 0 1px 0; } #header ul { width: 380px; padding: 6px 0 21px 289px; } #header li { width: 180px; margin: 0 10px 0 0; } #header li a { display: block; border-bottom: 1px solid #5b5b5b; color: white; padding: 6px 6px 1px 6px; } #header a.active { color: #c7ee61; border-color: #647d1e; } #header a:hover { color: #309bd3; border-bottom-color: #315c72; } #header form { width: 280px; border-bottom: 1px solid #5b5b5b; padding: 0 0 4px 0; position: absolute; top: 12px; right: 12px; } #header label { color: white; padding: 0 0 2px 8px; } #header .text { width: 240px; } #basket { border-bottom: 1px solid #5B5B5B; bottom: 21px; color: white; padding: 0 0 1px 10px; position: absolute; right: 12px; width: 270px; } /*------------------------------------------- Sub Navigation -------------------------------------------*/ #nav-sub { height: 51px; background: #323232; border-radius: 2px; -moz-border-radius: 2px; position: relative; margin: 0 0 1px 0; padding: 0 0 0 10px; } #nav-sub ul { position: absolute; bottom: -1px; left: 289px; } #nav-sub li { margin-left: 1px; } #nav-sub li a { color: #323232; font-weight: bold; background: #949ca8; display: block; padding: 5px 12px 3px 10px; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; } #nav-sub li a.active, #nav-sub li a:hover { background: #e0eaf8; } #nav-sub li a.active { padding-bottom: 4px; } /*------------------------------------------- Sidebar -------------------------------------------*/ #sidebar { width: 289px; float: left; background: #aaaaaa; border-right: 1px solid #aaaaaa; } #sidebar li { margin: 0 0 1px 0; } #sidebar li a { display: block; background: white; padding: 22px 20px 12px 10px; border-radius: 2px; -moz-border-radius: 2px; } #sidebar li a span { background:url(../img/menu-arrows.gif) 0 -18px no-repeat; height:12px; width:14px; float:left; display:block; } #sidebar li a.active { color: #309bd3; } #sidebar li a.active span { background-position: 0 2px; } #sidebar li a:hover { background:#309BD3; color:#fff; } #sidebar li a:hover span { background-position: 0 -7px;} #sidebar ul ul { margin-top: 1px; } #sidebar ul ul a { padding-left: 26px; } #sidebar ul ul ul a { padding-left: 51px; } #sidebar ul ul ul ul a { padding-left: 77px; } #sidebar form { background: white; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; margin-bottom: 1px; padding-bottom: 5px; } #sidebar label { font-weight: bold; padding: 8px 0 4px 10px; } #sidebar .text { background: #dedede; width: 251px; margin: 0 0 0 5px; padding: 4px 20px 3px 8px; } #sidebar .submit { background-position: 0 -30px; } #sidebar .submit:hover { background-position: 0 -45px; } .sidebar-content { background: white; overflow: hidden; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; padding: 17px 40px 0 10px; } /*------------------------------------------- Structure -------------------------------------------*/ #wrapper { width: 962px; margin: 0 auto; } #container { background: white; } #content { width: 672px; float: left; margin-left: -1px; border-left: 1px solid #aaaaaa; } .page-title { padding-bottom: 1px; position: relative; } .page-title h2 { background: #e0eaf8; border-radius: 2px; -moz-border-radius: 2px; padding: 18px 40px 10px 10px; } .page-subtitle { padding-bottom: 1px; background: #aaaaaa; position: relative; } .page-subtitle .button { width: 128px; z-index: 3; position: absolute; top: 15px; right: 4px; } .page-subtitle h2 { border-radius: 2px; -moz-border-radius: 2px; padding: 16px 40px 12px 10px; z-index: 1; background: white; } #main-wrap { width: 477px; float: left; background: #aaaaaa; border-right: 1px solid #aaaaaa; overflow: hidden; } #main { background: white; margin-bottom: 1px; border-radius: 2px; -moz-border-radius: 2px; overflow: hidden; } #main h3, #main p, #main ul, #main h4 { padding-left: 10px; padding-right: 40px;margin-bottom:17px; } #main ul li, .package .panel-wrap ul li { background: url('../img/content-list-bg.gif') no-repeat scroll 0 0.7em transparent;padding-left: 15px; } .package .panel-wrap ul { margin-bottom:20px; } #main .slideshow ul { padding:0;margin:0; } #main .slideshow ul li { background:none;padding:0; } #main p.date { margin-bottom: 0; } #main p a,#main li a { border-bottom: 1px solid #309bd3; } .related { width: 194px; float: left; margin-left: -1px; border-left: 1px solid #aaaaaa; background: #aaaaaa; } .related.white { background: white; } .related div { background: white; border-radius: 2px; -moz-border-radius: 2px; margin: 0 0 1px 0; padding: 22px 0 0 0; } .related h3 { padding: 0 20px 1px 10px; } .related ul { padding: 0 4px; overflow: hidden; } .related li { padding: 7px 20px 1px 6px; border-top: 1px solid #dbdbdb; margin-top: -1px; zoom: 1; } .related ul.with-info li { padding-bottom: 8px; } .related ul.with-info li a { border-bottom: 1px solid #309bd3; } .related ul.with-info li a.image { border-bottom: 0; } .related p { margin-bottom: 0; } .related-extend { width: 190px; } .related-logos { padding: 0 20px; } .related-logos li { padding-bottom: 10px; } .research-link { position:absolute; top:11px; right:300px; text-align:right; font-size:15px; font-weight: 400; } #production-info-wrap { width: 194px; float: left; background: #aaaaaa; margin-right: 1px; position: relative; overflow: hidden; } #production-info { background: white; overflow: hidden; border-radius: 2px 0 0 0; -moz-border-radius: 2px 0 0 0; padding: 16px 10px 0 10px; } #production-info h2, #sales-info h2 { margin-bottom: 11px; } #production-info a, #sales-info a { border-bottom: 1px solid #309bd3; } #sales-info-wrap { width: 190px; float: left; background: #aaaaaa; } #sales-info { background: white; overflow: hidden; border-radius: 0 2px 0 0; -moz-border-radius: 0 2px 0 0; padding: 16px 10px 0 10px; } dl.details { padding: 0 0 0 4px; overflow: hidden; } dl.details dt, dl.details dd { margin-top: -1px; } dl.details dt { width: 164px; padding: 7px 10px 9px 6px; border-top: 1px solid #d4d4d4; margin-right: 10px; font-weight: bold; } dl.details dd { width: 358px; padding: 7px 10px 9px 10px; border-top: 1px solid #d4d4d4; } dl.details a { border-bottom: 1px solid #309bd3; } ul.links { padding: 7px 10px 11px 10px; } ul.links li, #main ul.links li { background:none;padding:0; } ul.links li a { border-bottom: 1px solid #309bd3; } ul.genres { padding: 12px 0 16px 6px; } ul.genres li, #main ul.genres li { background: none; padding: 0; margin: 0 1px 1px 0; } ul.genres li a { background: #929292; display: block; padding: 5px 10px 4px 6px; border-radius: 2px; -moz-border-radius: 2px; } ul.genres li a:hover { background: #309bd3; } #main ul.genres a { color: #eeeeee;border-bottom:0; } /* accordion list */ .accordion,#main ul.accordion { padding: 4px 4px 14px 4px; } .accordion li,#main ul.accordion li { background: #e0eaf8; margin-bottom: 1px; border-radius: 2px; -moz-border-radius: 2px;padding:0; } .accordion h4,#main .accordion h4 { margin:0;padding: 5px 20px 5px 20px; border-radius: 2px; -moz-border-radius: 2px; } .accordion h4 span, #main .accordion h4 span { float: right; font-weight: normal; width: 155px; color: #7f7f7f; } .accordion-content { padding: 0 20px; overflow: hidden; } #main .accordion p, #main .accordion h3 { padding: 0; } #main .accordion .slideshow p { margin: 0; } #main ul.accordion .accordion-content ul { padding:0; } #main ul.accordion .accordion-content li { background: url('../img/content-list-bg.gif') no-repeat scroll 0 0.7em transparent;padding-left: 15px; } #main ul.accordion .accordion-content .slideshow li { background:none; padding:0; } .accordion h4,#main .accordion h4 { background: url('../img/arrows.gif') no-repeat 4px -180px; cursor: pointer; } .accordion h4:hover,#main .accordion h4:hover { background-position: 4px -152px; background-color: #c7ee61; color: #494949; } .accordion .down h4, .accordion .down h4:hover,#main .accordion .down h4,#main .accordion .down h4:hover { background-position: 3px -208px; background-color: #e0eaf8; } /* entry listing */ #entries { width: 672px; float: left; background: #aaaaaa; border-right: 1px solid #aaaaaa; } #entries ul { background: white; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; padding: 0 4px; overflow: hidden; } #entries ol.pager { background:white; } #entries ul li { border-top: 1px solid #dbdbdb; padding: 4px 0 5px 0; margin-top: -1px;position:relative; } #entries.search-entries ul li {border-top:0;border-bottom: 1px solid #dbdbdb;margin-top:0;background:white;} #entries ul a { display: block; position: relative; } #entries a span { top: 0; left: 0; } .entry-image { width: 190px; height: 107px; background: #f0f0f0; float: left; } .entry-text { padding: 14px 40px 0 205px; } #entries h3 { font-size: 20px; line-height: 22px; } #entries h4 { font-weight: normal; color: #7f7f7f; } #entries p { margin-bottom: 0; } #entries a:hover p { color: #494949; } #entries .close { width: 19px; height: 19px; background: url('../img/close.gif') 5px -26px no-repeat; position: absolute; top: 1px; right: 1px; text-indent: -100px; overflow: hidden; } #entries .close:hover { background-position: 5px -46px; } /*------------------------------------------- Panels -------------------------------------------*/ .panel-wrap { background: #aaaaaa; } .panel { border-radius: 2px; -moz-border-radius: 2px; background: white; margin: 0 0 1px 0; overflow: hidden; } .panel.blue { background: #e0eaf8; } .panel h2, .panel.blue h1 { padding: 18px 10px 2px 10px; } .panel p.standfirst { padding-top: 0; } #advanced-search p { width: 190px; float: left; margin: 0; padding: 19px 0 0 10px; } #advanced-search ul { padding: 16px 0 13px 0; } #advanced-search li { width: 140px; margin: 0 0 0 1px; } #advanced-search ul.flexible li { width: auto; margin: 0 0 0 1px; } #advanced-search a { display: block; background: #494949; color: white; line-height: 22px; border-radius: 2px; -moz-border-radius: 2px; padding: 0 7px; } #advanced-search a:hover { background: #309bd3; } #festival-report h2 { padding-bottom: 13px; } #festival-report h4 { padding-left: 10px; } #festival-report p.position { margin-bottom: 0; } #festival-report p.date { margin-bottom: 9px; } #about-bcf, #upcoming-festivals, #about-nbcf { float: left; } #about-bcf { width: 385px; height: 266px; } #about-bcf h2, #upcoming-festivals h2 { padding: 22px 10px 0 10px; } #about-bcf p { font-size: 15px; line-height: 20px; margin: 0; padding: 0 10px; } #about-bcf p a { border-bottom: 1px solid #309bd3; } #about-bcf a.button { width: 215px; margin: 10px 0 0 4px; color: white; } #upcoming-festivals { width: 385px; height: 266px; } #upcoming-festivals ul,#about-bcf ul { padding: 6px 4px 0 4px; } #upcoming-festivals li,#about-bcf li { padding: 7px 6px 8px 6px; border-top: 1px solid #e0e0e1; } #about-bcf li p { font: 12px/17px Helvetica,Arial,sans-serif;padding:0; } #about-twitter { width: 287px; } #about-twitter h2 { padding: 22px 10px 5px 10px; } #about-twitter li p { font: 12px/17px Helvetica,Arial,sans-serif;} #about-twitter li p.indent { padding: 0 10px; } .timeline-Widget { background-color: transparent; } #about-nbcf { width: 674px;margin-right:1px;height:397px; } #about-nbcf h2 { padding: 22px 10px 5px 10px; } #about-nbcf p, p.nlsub { font-size: 15px; line-height: 20px; margin: 0; padding: 0 40px 10px 10px; } #about-nbcf p a { border-bottom: 1px solid #309bd3; } #about-nbcf a.button,p.nlsub a.button { display:inline; padding:4px 6px; margin: 5px 0 10px 0px; color: white;text-decoration:none;border:none; font: 12px/17px Helvetica,Arial,sans-serif;} #about-nbcf li p { font: 15px/20px Helvetica,Arial,sans-serif;} #about-nbcf a.button:hover,p.nlsub a.button:hover {background-color: #309bd3;} p.nlsub { margin-top:5px; margin-bottom:10px; } #footer p.nlsub a { border-bottom: none; } #film-stats { width: 572px; height: 532px; float: right; padding-left: 4px; } #film-stats h2 { width: 128px; float: left; padding: 22px 0 0 6px; } #film-stats h2.collection { width: 328px; } #film-stats .buttons { padding: 21px 0 2px 0; } #film-stats .button { width: 120px; color: white; } #film-stats .button.submission { width: 130px; background: #929292;display:none; } #film-stats .button.submission.active { background: #494949; } #film-stats .button.submission:hover { background: #309bd3; } #nfilm-stats { padding-left: 4px;padding-bottom:4px; } #nfilm-stats h2 { width: 128px; float: left; padding: 22px 0 0 6px; } #nfilm-stats h2.collection { width: 328px; } #nfilm-stats .buttons { padding: 21px 0 2px 0; } #nfilm-stats .button { width: 120px; color: white; } #nfilm-stats .button.submission { width: 130px; background: #929292;display:none; } #nfilm-stats .button.submission.active { background: #494949; } #nfilm-stats .button.submission:hover { background: #309bd3; } .stats { width: 477px; margin: 0 1px 0 0; float: left; background: gray; height: 107px; position: relative; } .stats h3 { background: #c7ee61; height: 33px; line-height: 33px; position: absolute; top: 1px; left: 1px; right: 1px; padding-left: 10px; border-radius: 2px; -moz-border-radius: 2px; } .stats div.graph_canvas {position: absolute; left: 0pt; background: none; width: 477px; top: 35px; height: 73px;overflow:hidden;} .stats table { position:absolute;top:38px;left:10px;color:#ffffff;z-index:99; } .stats table td { width:132px; } .stats table td div.Fiction { background: url('../img/stats_fiction.gif') 0 10px no-repeat; } .stats table td div.Documentary { background: url('../img/stats_documentary.gif') 0 10px no-repeat; } .stats table td div.Animation { background: url('../img/stats_animation.gif') 0 10px no-repeat; } .stats table td div.Experimental { background: url('../img/stats_experimental.gif') 0 10px no-repeat; } .stats table td div span { margin-left:24px; } #sfssa p { margin: 0; padding: 7px 0 5px 10px; } #map-canvas { padding: 4px; position: relative; } .map-popup { padding-bottom:10px; width: 385px; background: white; position: absolute; left:35px; border-radius: 2px; -moz-border-radius: 2px; -moz-box-shadow: 4px 8px 8px rgba(0, 0, 0, .4); -webkit-box-shadow: 4px 8px 8px rgba(0, 0, 0, .4); } .map-popup a.close { width: 19px; height: 19px; background: url('../img/close.gif') 5px -26px no-repeat; position: absolute; top: 5px; right: 5px; text-indent: -100px; overflow: hidden; } .map-popup a.close:hover { background-position: 5px -46px; } .map-popup .arrow { border-bottom: 9px solid transparent; border-right: 9px solid white; border-top: 9px solid transparent; line-height: 0; position: absolute; left: -9px; top: 18px; } /*.map-popup div { overflow:auto; max-height:250px;}*/ .map-popup li { display:block; border-bottom: 1px solid #DBDBDB; } .map-popup li a { float:left; width:200px; padding: 6px 7px 2px 7px; } .map-popup li a em { font-style:normal; border-bottom: 1px solid #309BD3; } .map-popup li span { float:right; width:123px; padding: 6px 0 2px 0; } /* search form */ .search { padding: 16px 10px 10px 10px; } .search li { width: 289px; } .search li.filters { width: 650px; padding: 2px 0 0 2px; } .search li.filters a { margin: 0 0 0 -2px; background: #929292 url('../img/filter_cross.gif') no-repeat right -18px; padding: 5px 20px 4px 7px; color: #eeeeee; border-radius: 2px; -moz-border-radius: 2px; } .search li.filters a:hover { background-color: #309bd3; background-position: right -77px; } .search label { width: 62px; line-height: 20px; } .search .text { width: 144px; } .search select { width: 172px; } .search ul.cols-2 { width: 578px; margin-top: -10px; } .search ul.cols-2 li { margin-top: 10px; } .js-enabled .expand { cursor: pointer; } .js-enabled .expand h2 { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; padding: 18px 16px 10px 10px; background: url('../img/expand_arrows.png') no-repeat right -44px; } .js-enabled .expand.up { background: rgba(246, 246, 246, 0.8); } .js-enabled .expand.up h2 { background-position: right 2px; } .search-header { width:450px; float:left; } .collapse p a { border-bottom: 1px solid #309BD3; } /*------------------------------------------- Film List -------------------------------------------*/ /* text version (default) */ #directory-list { position: relative; margin: 0 4px 0 4px; } #directory-list li { line-height: 14px; float: left; } #directory-list li a { float: left; display: block; padding: 19px 0 17px 0; background: url('../img/filmlist_border.gif') left bottom no-repeat; margin-top: -1px; } #directory-list li a:hover { color: #494949; background: #c7ee61; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 18px 0 16px 0; } #directory-list li img { display: none; } #directory-list li.col-titles { font-size: 20px; line-height: 27px; font-weight: bold; background: url('../img/filmlist_border.gif') left bottom no-repeat; } #directory-list li div { float: left; width: 161px; padding: 0 10px; margin: 0 0 0 10px; } #directory-list li div.col-1 { width: 357px; margin-left: 0; padding-left: 5px; } #directory-list li div.col-4 { width: 170px; } #directory-list li div.ph { width:190px; height:107px;background:#323232;float:none;margin:0;padding:0;display:none; } #directory-list.thumbs li div.ph { width:190px; height:107px;background:#323232;float:none;margin:0;padding:0;display:block; } .js-show { display:none; } .directory-list li { line-height: 14px; float: left; } .directory-list li a { float: left; display: block; padding: 19px 0 17px 0; background: url('../img/filmlist_border.gif') left bottom no-repeat; margin-top: -1px; } .directory-list li a:hover { color: #494949; background: #c7ee61; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 18px 0 16px 0; } .directory-list li img { display: none; } .directory-list li.col-titles { font-size: 20px; line-height: 27px; font-weight: bold; background: url('../img/filmlist_border.gif') left bottom no-repeat; } .directory-list li div { float: left; width: 161px; padding: 0 10px; margin: 0 0 0 10px; } .directory-list li div.col-1 { width: 357px; margin-left: 0; padding-left: 5px; } .directory-list li div.col-4 { width: 170px; } .directory-list li div.ph { width:190px; height:107px;background:#323232;float:none;margin:0;padding:0;display:none; } .directory-list.thumbs li div.ph { width:190px; height:107px;background:#323232;float:none;margin:0;padding:0;display:block; } /* thumbnail version */ #directory-list.thumbs { border-top: 1px solid #dbdbdb; margin-top: -5px; } #directory-list.thumbs ul { padding: 4px 0 0 0; margin-left: -1px; } #directory-list.thumbs ul#ajax_ul { padding: 1px 0 0 0; margin-left: -1px; } #directory-list.thumbs li.col-titles, #directory-list.thumbs div.col-2, #directory-list.thumbs div.col-3, #directory-list.thumbs div.col-4 { display: none; } #directory-list.thumbs li { padding:0;width: 190px; height: 107px; margin: 0 0 1px 1px;background:none; } #directory-list.thumbs li a { position: relative; background: none; margin-top: 0; padding: 0; cursor: pointer; } #directory-list.thumbs li a:hover { border: none; } #directory-list.thumbs li img { display: block; } #directory-list.thumbs li h4, .spotlight h4,.home .directory-list.thumbs li h4 { overflow:hidden; height: 31px; padding: 3px 10px 0 10px; background: #c7ee61; position: absolute; bottom: 1px; left: 1px; right: 1px; border-radius: 2px; -moz-border-radius: 2px; opacity: .90; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } #directory-list.fade-out li a { opacity: .30; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } #directory-list.fade-out li a.active, #directory-list.fade-out li a:hover { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } #directory-list.fade-out li a.active h4 { background: #323232; color: white; } #directory-list.thumbs li div.col-1 { width: auto; } .directory-list.thumbs ul { padding: 4px 0 0 0; margin-left: -1px; } .directory-list.thumbs ul#ajax_ul { padding: 1px 0 0 0; margin-left: -1px; } .directory-list.thumbs li.col-titles, #directory-list.thumbs div.col-2, #directory-list.thumbs div.col-3, #directory-list.thumbs div.col-4 { display: none; } .directory-list.thumbs li { padding:0;width: 190px; height: 107px; margin: 0 0 1px 1px;background:none; } .directory-list.thumbs li a { position: relative; background: none; margin-top: 0; padding: 0; cursor: pointer; } .directory-list.thumbs li a:hover { border: none; } .directory-list.thumbs li img { display: block; } #main .directory-list.thumbs li h4, .spotlight h4 { overflow:hidden; height: 31px; padding: 3px 10px 0 10px; background: #c7ee61; position: absolute; bottom: 1px; left: 1px; right: 1px; border-radius: 2px; -moz-border-radius: 2px; opacity: .90; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .directory-list.fade-out li a { opacity: .30; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } .directory-list.fade-out li a.active, #directory-list.fade-out li a:hover { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .directory-list.fade-out li a.active h4 { background: #323232; color: white; } .directory-list.thumbs li div.col-1 { width: auto; } #main .directory-list.thumbs li { background:none; padding-left:0; } /* film insert */ #film-insert { background: #323232; border-radius: 2px; -moz-border-radius: 2px; width: 100%; height: 344px; position: relative; z-index: 5; } #film-insert .close { width: 19px; height: 19px; background: url('../img/close.gif') 5px 5px no-repeat; position: absolute; top: 5px; right: 5px; text-indent: -100px; overflow: hidden; } #film-insert .close:hover { background-position: 5px -77px; } #film-insert h3 { font-size: 20px; line-height: 23px; font-weight: normal; } #film-insert dl { width: 480px; padding: 12px 0 11px 10px; float: left; color: white; } #film-insert dt { width: 95px; } #film-insert dd { width: 385px; } #film-insert dl .synopsis { padding-top: 17px; } #film-insert dl a { color: white; border-bottom: 1px solid #309bd3; } #film-insert dl a:hover { color: #309bd3; border-bottom: 1px solid #309bd3; } #film-insert .buttons { position: absolute; bottom: 10px; right: 5px; } #film-insert-image { width: 377px; float: left; margin: 4px 0 4px 4px; } /*------------------------------------------- Footer -------------------------------------------*/ #footer { position: relative; } #footer h2 { padding: 14px 10px 15px 10px; } #footer p { margin-bottom: 0; } #footer p a { border-bottom: 1px solid #309BD3; } #footer a:hover p.date { color: #309bd3; } .error { color:#ff0000; } .announcements, .submissions, .social, .spotlight,#footer .about { height: 258px; overflow: hidden; float: left; background: #e0eaf8; border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; margin-right: 1px; } .submissions h3, .social h3 { padding: 0 10px; } .announcements,#footer .about { width: 194px; } .announcements ul,#footer .about ul { padding: 0 5px 0 5px; overflow: hidden; margin-top: -9px; } .announcements li,#footer .about li { border-top: 1px solid #bac5d4; padding: 9px 5px 16px 5px; margin-top: -1px; height: 82px; } #footer .about li { height:auto; } .submissions { width: 190px; } .submissions p { padding: 0 10px 22px 10px; } .social { width: 385px; } .social form { padding: 11px 0 4px 5px;margin-bottom:10px; } .social .text, .social #email { width: 152px; } .social .text, .social #fieldEmail { width: 152px; } .social ul { padding: 0 5px; } .social li { border-top: 1px solid #bac5d4; } .social li a { display: block; background: url('../img/social_icons.gif') 5px 8px no-repeat; padding: 8px 20px 5px 55px;min-height:34px; } .social li.twitter a { background-position: 5px -74px; } .social li a:hover { color: #0085ca; } .spotlight { width: 385px; margin-right: 0; } .spotlight a { display: block; position: relative; margin: -10px 4px 0 4px; color: #494949; cursor: pointer; } .spotlight a:hover h4, .home #directory-list.thumbs a:hover h4, .project #directory-list.thumbs a:hover h4 { background: #309bd3; color: white; } .spiel { background: #E0EAF8; border-radius: 2px; -moz-border-radius: 2px; margin: 1px 0 20px 0; padding: 10px 10px 11px 10px; } .spiel ul { overflow: hidden; margin-left: -4px; } .spiel li { display: inline; color: #7f7f7f; margin-left: -2px; } .spiel li a { font-weight: bold; padding: 0 3px; } .spiel p { padding: 0 0 0 0; color: #7f7f7f; } .country_select { width:170px;margin-bottom:5px; padding-left:5px;padding-right:5px;margin-left:5px;margin-top:2px; } /*------------------------------------------- Pager -------------------------------------------*/ .pager { padding: 4px 0 4px 3px; } .pager li { width: 33px; margin: 0 0 0 1px; } .pager a { display: block; background: #494949; border-radius: 2px; -moz-border-radius: 2px; color: white !important; line-height: 22px; text-align: center; cursor: pointer; } .pager .next, .pager .previous { text-indent: -500px; overflow: hidden; background: #494949 url('../img/arrows.gif') center -83px no-repeat; } .pager .previous { background-position: center -129px; } .pager .next:hover { background-position: center -60px; } .pager .previous:hover { background-position: center -106px; } .pager a:hover { background-color: #309bd3; } .pager a.active { background: #929292; } .pager a.inactive { opacity: .50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } /*------------------------------------------- Slideshow -------------------------------------------*/ .slideshow { width: 469px; padding: 0 0 0 4px; position: relative; } .slideshow ul { background: #f0f0f0; } .slideshow li { text-align: center; } .slideshow .next, .slideshow .previous { position: absolute; width: 33px; height: 22px; cursor: pointer; background: #494949 url('../img/arrows.gif') no-repeat; bottom: 5px; text-indent: -500px; overflow: hidden; border-radius: 2px; -moz-border-radius: 2px; opacity: .70; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } /*.slideshow .next { right: 5px; background-position: 11px -236px; } .slideshow .previous { right: 39px; background-position: 8px -259px; }*/ .slideshow .next { right: 5px; background-position: 11px -83px; } .slideshow .previous { right: 39px; background-position: 8px -129px; } .slideshow .next:hover { background-position: 11px -60px; background-color: #309bd3; } .slideshow .previous:hover { background-position: 8px -106px; background-color: #309bd3; } .slideshow-title { background: #c7ee61; border-radius: 2px; -moz-border-radius: 2px; opacity: .90; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); font-size: 20px; font-weight: bold; padding: 19px 0 15px 10px; position: absolute; bottom: 1px; left: 1px; right: 1px; width: 564px; } .slideshow-title a { color: white !important; font-size: 12px; font-weight: normal; background: #494949; position: absolute; right: 4px; top: 15px; padding: 3px 50px 2px 7px; border-radius: 2px; -moz-border-radius: 2px; } .slideshow-title a:hover { background: #309bd3; } /* slideshow caption */ .slideshow p { padding: 8px 10px 0 6px; color: #7f7f7f; } .slideshow p span { padding-right: 10px; } .film .slideshow p, .project .slideshow.main_slideshow p { max-width:400px;position: absolute; bottom: 5px; left: 5px; margin-bottom: 0 !important; background: #494949; color: white; padding: 3px 8px 2px 5px; border-radius: 2px; -moz-border-radius: 2px; opacity: .70; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } #slideshow_images li { margin-top: 1px; padding-bottom: 5px; } #slideshow_images p { text-align: left; position: relative; left: 0; top: 0; margin: 0; border-radius: 0; -moz-border-radius: 0; background: none; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .film #slideshow_images p { position: relative; left: 0; top: 0; border-radius: 0; padding-top: 8px; -moz-border-radius: 0; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .slide span.play { text-indent: -500px; overflow: hidden; background: #494949 url('../img/arrows.gif') center -83px no-repeat; width: 33px; height: 22px; cursor: pointer; top:151px;position:absolute;z-index:12; left:222px; } /*------------------------------------------- Carousel -------------------------------------------*/ #carousel { width: 959px; padding: 0 0 4px 3px; overflow: hidden; } #carousel h2 { width: 94px; float: left; padding: 22px 0 0 5px; } #carousel .pager { padding: 21px 0 2px 0; } #carousel ul li { position: relative; margin-left: 1px; } #carousel ul ul li { margin-left: 0; } #carousel ul a { display: block; } #carousel ul div, #carousel ul h4 { background: #b7da5b; color: #494949; cursor: pointer; position: absolute; bottom: 1px; border-radius: 2px; -moz-border-radius: 2px; opacity: .90; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } #carousel ul div { width: 65px; height: 53px; line-height: 59px; font-size: 45px; text-align: center; left: 1px; overflow: hidden; } #carousel ul h4 { width: 498px; height: 45px; padding: 8px 0 0 10px; left: 67px; font-size: 15px; line-height: 20px; font-weight: normal; } #carousel ul a:hover h4, #carousel ul a:hover div { background: #309bd3; color: white; } .carousel-home { width: 478px; padding: 0 0 4px 3px; overflow: hidden; float:left;position:relative; } .carousel-home h2 { width: 94px; float: left; padding: 22px 0 0 5px; } .carousel-home .pager { position:absolute;z-index:99;top:-3px;right:0; } .carousel-home ul li { position: relative; margin-left: 1px; margin-right:3px; } .carousel-home ul ul li { margin-left: 0; } .carousel-home ul a { display: block; } .carousel-home ul div.no, .carousel-home ul h4 { background: #b7da5b; color: #494949; cursor: pointer; position: absolute; bottom: 1px; border-radius: 2px; -moz-border-radius: 2px; opacity: .90; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .carousel-home ul div.no { width: 65px; height: 53px; line-height: 59px; font-size: 45px; text-align: center; left: 1px; overflow: hidden; } .carousel-home ul h4 { width: 465px; height: 39px; padding: 8px 0 0 10px; left: 1px; font-size: 12px; line-height: 20px; font-weight: normal;line-height:17px !important; } .carousel-home ul a:hover h4, .carousel-home ul a:hover div,.carousel-home ul a:hover div.tag { background: #309bd3; color: white; } .carousel-home div.tag { font-weight:bold; position: absolute; top: 1px; background: green; padding: 2px 10px 3px 10px; left: 1px; background: #b7da5b; color: #494949; cursor: pointer; border-radius: 2px; -moz-border-radius: 2px; opacity: .90; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .carousel-home .blue ul div.tag,.carousel-home .blue ul h4 { background: #e0eaf8; } .carousel-home div.tag.large { font-size: 20px; line-height: 23px; font-weight:bold; z-index:11; } .carousel-home div.tag.large.moving { left:5px; } /*------------------------------------------- Suggest Form -------------------------------------------*/ .suggest .panel { background: #e0eaf8; } .suggest .intro, .suggest .criteria { float: left; width: 400px; padding-top: 20px; } .suggest .intro { padding: 20px 78px 0 10px; } .suggest h3 { font-size: 20px; padding: 21px 0 21px 20px; } .suggest h3 span { color: #949ca8; } .suggest ul { padding: 0 4px 11px 4px; } .suggest li { padding: 5px 0 5px 16px; } .suggest label { width: 160px; float: left; font-weight: bold; padding-top: 2px; padding-right: 20px; } .suggest input { width: 367px; float: left; padding: 1px 2px 1px 3px; } .suggest select { width: 170px; } .suggest textarea { width: 366px; height: 213px; float: left; padding: 5px; line-height: 17px; border: 1px solid #a9a9a9; } .suggest textarea.small { height: 80px; } .suggest button { margin: 1px 6px 0 0; width: 86px; } .suggest a { border-bottom: 1px solid #309bd3; } .suggest .text-link { margin: 31px 0 8px 0; } .suggest a.button { border: none; color: white; width: 130px; float: left; margin: 28px 12px 0 180px; background: #494949 url('../img/arrows.gif') no-repeat 127px -83px; } .suggest a.button:hover { background: #309bd3 url('../img/arrows.gif') no-repeat 127px -60px; } .crop-action a.button { background: #309bd3 url('../img/arrows.gif') no-repeat 127px -60px; } .crop-action a.button:hover { background: #494949 url('../img/arrows.gif') no-repeat 127px -83px; } .suggest li .info { width: 340px; float: left; margin: -15px 0 0 16px; min-height: 15px; } .suggest li .info p { font-style: italic; margin: 17px 0 0 0; } .suggest li.help .info { background: url('../img/question.png') no-repeat 0 17px; } .suggest li.help .info p { padding-left: 25px; } .suggest li.focus { background: #f3f9fd; } .suggest li.error, .suggest p.error { background: #c7ee61; } .suggest li.error p { color: #ff0000; } .suggest .checkboxes { padding: 0; width: 398px; float: left; margin: -8px 0 0 -20px; } .suggest .checkboxes li { padding: 0; width: 170px; float: left; margin: 8px 0 0 20px; } .suggest .checkboxes li.intro { width: 250px; } .suggest .checkboxes.ethnic li{ float:none;width:250px; } .suggest .checkboxes input { width: 14px; height: 14px; margin: 2px 0 0 -2px; padding: 0; } .suggest .checkboxes label { width: 130px; padding-left: 8px; font-weight: normal; } .suggest .checkboxes.ethnic label { width: 210px; padding-left: 8px; font-weight: normal; } .suggest .checkboxes.small, .suggest .checkboxes.large { margin-left: 0; } .suggest .checkboxes.small li { width: 95px; margin-left: 0; } .suggest .checkboxes.small label { width: auto; } .suggest .checkboxes.large li { width: 378px; margin-left: 0; } .suggest .checkboxes.large label { width: 358px; } .suggest .checkboxes.large.accreditation label { width:250px; } .suggest .confirmation-checkboxes li{padding-left: 0px;} .suggest .confirmation-checkboxes input{width: 178px; margin-top: 5px;} .suggest .confirmation-checkboxes label{ width: 380px; font-weight: normal; } .suggest .confirm { width: 378px; float: left; padding: 2px 0 0 0; } .suggest .confirm .wrap input, .suggest .criteria input { width: 14px; height: 14px; margin-left: -2px; } .suggest .confirm label { width: 330px; padding: 0 0 0 6px; } .suggest .criteria ul { padding: 0; margin: -9px 0 0 -16px; } .suggest .criteria li { padding: 5px 0px 5px 16px; } .suggest .criteria label { width: 360px; font-weight: normal; padding: 0 0 0 8px; } .suggest .submit { width: 140px; height: 22px; text-align: left; text-indent: 6px; color: white; background: #309bd3 url('../img/arrows.gif') no-repeat 122px -60px; border-radius: 2px; -moz-border-radius: 2px; margin: 33px 0 0 0; float: none; } .suggest .submit:hover { background-color: #494949; background-position: 122px -83px; } .suggest .progressbar { width: 136px; padding: 1px; background: white; border: 1px solid #bdc8d8; float: left; margin-right: 12px; } .suggest .progressbar span { display: block; width: 100px; height: 10px; background: #309bd3; } .suggest .confirm p.wrap { padding: 5px 0 5px 16px; margin: -5px 0 0 -16px; } .page-subtitle .button.book {right:16px;} .book .submit { width: 140px; height: 22px; text-align: left; text-indent: 6px; color: white; background: #494949 url('../img/arrows.gif') no-repeat 122px -83px; border-radius: 2px; -moz-border-radius: 2px; margin: 0px 0 0 0; float: none; } .book .submit:hover { background-color: #309bd3; background-position: 122px -60px; } input.day { width: 35px;display:inline;margin-right:3px; } input.year { width: 75px;display:inline;margin-right:3px; } .session {width:100%;position:relative;} .mod--wide {padding-right:0;padding-top:2px;} #entries .mod--wide a.remove {top:1px;} #canvas { width: 640px; float: left; } /*------------------------------------------- Template Specific -------------------------------------------*/ /* home */ .home #directory-list.thumbs { border-top: none; margin: 0; } .home #directory-list.thumbs ul { padding: 0; } .home #directory-list.thumbs li { width: 284px; height: 160px; } .home #directory-list.thumbs.small-thumbs li { width: 190px; height: 107px; } /* film */ .film #main-wrap, .filmmaker #main-wrap, .project #main-wrap, .festival #main-wrap { width: 576px; } .film .slideshow, .project .slideshow, .festival .slideshow.mod--wide { padding: 0; overflow: hidden; width: 576px !important; } /* film catalogue */ .film-catalogue .page-title { background: #aaaaaa; } /* filmmaker */ .filmmaker .related, .festival .related { width: 385px; } .filmmaker .related div { padding-bottom: 15px; } .filmmaker .related h2, .filmmaker .related p { padding: 0 10px 0 10px; } .filmmaker .related p { margin-top: 17px; } .filmmaker .related address { margin-top: -6px; } .filmmaker .related a { border-bottom: 1px solid #309bd3; } .filmmaker .related .related-image, .festival .related .related-image { padding: 4px; } .filmmaker .related .related-image p { color: #7f7f7f; margin: 6px 0 2px 0; padding-left: 5px; } /* filmmakers list */ .filmmakers-list #directory-list li.col-titles, .filmmakers-list #directory-list li a { background: url('../img/filmmakerslist_border.gif') left bottom no-repeat; } .filmmakers-list #directory-list li div.col-1 { width: 165px; } .filmmakers-list #directory-list li div.col-2 { width: 444px; } .filmmakers-list #directory-list li div.col-3 { width: 270px; } .filmmakers-list #directory-list, .films-production #directory-list { padding-top: 18px; } /* filmmakers spotlight */ .filmmakers-spotlight #sfssa { margin-bottom: 0; } .filmmakers-spotlight .panel-wrap { padding-bottom: 1px; } /* filmmakers spotlight list */ .filmmakers-spotlight-list #entries, .search-results #entries, .my-research #entries { margin-left: -1px; border-right: none; border-left: 1px solid #aaaaaa; } /* festival */ .festival .page-subtitle, .filmmaker .page-subtitle { background: none; } .festival .page-subtitle h2, .filmmaker .page-subtitle h2 { background: #c7ee61; opacity: .90; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } /* festival list */ .festival-list #directory-list { margin-top: 12px; } .festival-list #directory-list li.col-titles, .festival-list #directory-list li a { background: url('../img/festivallist_border.gif') left bottom no-repeat; } .festival-list #directory-list li a:hover, .filmmakers-list #directory-list li a:hover { background: #c7ee61; } .festival-list #directory-list li div.col-1, .festival-list #directory-list li div.col-3 { width: 259px; } /* festival suggest */ .festival-suggest .confirm { margin-left: 180px; } /* project */ .project #container, .film #container { background: white url('../img/relatedextend_border.gif') repeat-y top right; } .project a.share { margin-left: 4px; } .project #directory-list.thumbs { border: none; margin: 6px 0 3px 4px; } .project .related { border-right: 1px solid #aaaaaa; } .project .related-extend { border-right: none; } .project .accordion { padding: 8px 4px 3px 4px; } .project .accordion-content { padding-right: 80px; } .project .accordion .slideshow { width: 469px; margin: 18px 0 10px 0; } /* project list */ .project-list .related { width: 289px; } .project-list .related div { border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; margin: 0; } .project-list .related li { border-top: none; border-bottom: 1px solid #dbdbdb; margin-top: 0; } .project-list hr { margin-top: -1px; } .project-list .pager, .news-list .pager { background: white; } .project-list .pager { padding-bottom: 2px; } /* news */ .news #main .date { padding-top: 22px; margin: 0; } .news .standfirst { padding-top: 0; } /* news list */ .news-list #entries { border-right: none; } .news-list .entry-text { padding: 14px 220px 4px 6px; } /* footer backgrounds */ .film-catalogue #footer, .news #footer, .content #footer, .film #footer, .project #footer, .filmmakers-spotlight #footer, .filmmaker #footer, .festival #footer, .my-research #footer, .filmmakers-spotlight-list #footer, .news-list #footer, .search-results #footer, .project-list #footer, .sitemap #footer { padding-top: 3px; margin-top: -3px; background-repeat: no-repeat; background-position: top left; } .footernm #footer { padding-top: 0px; } .film-catalogue #footer, .news #footer, .content #footer { background-image: url('../img/footer_bg1.gif'); } .film #footer, .project #footer { background-image: url('../img/footer_bg2.gif'); } .filmmakers-spotlight #footer { background-image: url('../img/footer_bg3.gif'); } .filmmaker #footer, .festival #footer { background-image: url('../img/footer_bg4.gif'); } .project-list #footer { margin-top: 0; background-image: url('../img/footer_bg5.gif'); } .my-research #footer, .filmmakers-spotlight-list #footer, .news-list #footer, .search-results #footer, .sitemap #footer { background-image: url('../img/footer_bg6.gif'); } .crop_canvas { width:576px;height:325px; } .crop_container { width:576px;height:325px;float:left; } .crop-action { clear:both; } .remove_image { display:block;float: left; margin: 10px 12px 0 180px; cursor: pointer; } .upload_button { float:left;width:366px; } #progress { margin-top:5px; height:8px; width:140px; border:1px solid #ccc; background:#fff; padding:1px; display:none; float:left; } #progress div{ width:0%; background-color: #309bd3; height:100%; } #form-placeholder p.error { color: #ff0000; margin: 5px 12px 15px 201px; } .production-search-link { margin-left:10px; } h2.search-header a { border-bottom: 1px solid #309bd3; } /*------------------------------------------- IE -------------------------------------------*/ /* ie8 */ select { padding-top /*\**/: 1px\9 } .text, .social #email { padding-top /*\**/: 2px\9 } .text, .social #fieldEmail { padding-top /*\**/: 2px\9 } /* ie7 */ *:first-child+html .text, *:first-child+html .social #email { padding-top: 0; padding-bottom: 1px; } *:first-child+html .text, *:first-child+html .social #fieldEmail { padding-top: 0; padding-bottom: 1px; } *:first-child+html .social .text, *:first-child+html .social #email { padding-left: 4px; } *:first-child+html .social .text, *:first-child+html .social #fieldEmail { padding-left: 4px; } *:first-child+html .festival-suggest .confirm .submit { margin-left: -186px; } *:first-child+html .search li.filters { margin-top: -5px; } *:first-child+html .home #footer { margin-top: -1px; } *:first-child+html .project-list hr, *:first-child+html #entries hr { display: none; } *:first-child+html .spiel, *:first-child+html .accordion li, *:first-child+html .search li.filters a, *:first-child+html #sidebar li a { zoom: 1; } *:first-child+html #carousel,*:first-child+html .carousel-home { position:relative;zoom: 1; } *:first-child+html #directory-list.thumbs { margin-left: 3px; } *:first-child+html .home #directory-list li h4 { bottom: 4px; } /* ie6 */ *html #header form { top: 10px; } *html .text, *html .social #email { padding-top: 0; padding-bottom: 1px; } *html .text, *html .social #fieldEmail { padding-top: 0; padding-bottom: 1px; } *html #basket { bottom: 45px; } *html #nav-sub ul { bottom: -2px; } *html .suggest select { margin-left: -3px; } *html #carousel,*html .carousel-home { position:relative;zoom: 1; } *html .suggest .checkboxes { position: relative; zoom: 1; margin-left: -40px; } *html .suggest .checkboxes label { padding-left: 6px; } *html .suggest .checkboxes { width: 416px; } *html .social .text, *html .social #email { padding-left: 4px; } *html .social .text, *html .social #fieldEmail { padding-left: 4px; } *html .spotlight h4 { top: 177px; } *html ul.genres li { width: 140px; } *html .suggest a.button { margin-left:90px; } *html .remove_image { margin-left:90px; } *html #directory-list ul { zoom:1;position:relative; } *html #directory-list.thumbs li a:hover { padding: 0; background: none; } *html .suggest .criteria input, *html .suggest .checkboxes input, *html .suggest .checkboxes.small, *html .suggest .checkboxes.large, *html .suggest .confirm .wrap input { margin-left: 0; } *html .my-research #sidebar, *html .panel-wrap, *html #main-wrap, *html #production-info-wrap, *html #sales-info-wrap, *html #entries { background: white; } *html #header, *html .announcements ul, *html .pager a, *html .spiel ul, *html .page-title h2, *html #sidebar li a { zoom: 1; } *html .page-title, *html .suggest a.button, *html .festival-suggest .confirm, *html #directory-list.thumbs li { display: inline; } *html .mask-377-blue, *html #carousel ul li span,*html .carousel-text ul li span, *html #directory-list.thumbs li span, *html #entries a span, *html .slideshow span, *html .mask-377-white, *html .mask-576-grey { display: none; } *html #directory-list.thumbs li h4 { width: 168px; bottom: 0; } *html .home #directory-list li h4 { width: 262px; bottom: 1px; } *html .js-enabled .expand h2 { background: url('../img/expand_arrows.gif') no-repeat right -68px; } *html .js-enabled .expand.up h2 { background-position: right 4px; } *html #directory-list.thumbs { margin-left: 3px; } /*------------------------------------------- Fixing the page headings -------------------------------------------*/ .home .page-subtitle h1,.content .page-subtitle h1, .filmmakers-spotlight .page-subtitle h1, .project .page-subtitle h1, .news .page-subtitle h1, .film .page-subtitle h1, .filmmaker .page-subtitle h1, .festival .page-subtitle h1, .news-list .page-subtitle h1 { background: white; border-radius: 2px; -moz-border-radius: 2px; padding: 16px 40px 12px 10px; z-index: 1; } #content .subtitle-narrow h1 { padding-right: 195px; } .films-production h1, .film-catalogue .page-title h1, .film-suggest .page-title h1, .project-list .page-title h1, .festival-suggest .page-title h1, .festivals-map .page-title h1 { background: #e0eaf8; border-radius: 2px; -moz-border-radius: 2px; padding: 18px 40px 10px 10px; } .project .page-subtitle h1, .film .page-subtitle h1, .filmmaker .page-subtitle h1, .festival .page-subtitle h1 { background: #c7ee61; opacity: .90; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .project .page-subtitle h1 span, .film .page-subtitle h1 span, .filmmaker .page-subtitle h1 span, .festival .page-subtitle h1 span { width: 400px; display: block; } #main a.addthis_button { display: none; } /*------------------------------------------- Sitemap -------------------------------------------*/ #sitemap { background: #aaaaaa; } #sitemap ul { overflow: hidden; } #sitemap li { margin: 0 0 1px 0; background: white; border-radius: 2px; -moz-border-radius: 2px; } #sitemap li a { display: block; padding: 18px 20px 12px 0; margin-left: 10px; font-size: 20px; line-height: 23px; font-weight: bold; } /* level 2 */ #sitemap ul ul { padding-bottom: 10px; width: 468px; } #sitemap ul ul li { margin: 0; border-radius: 0; -moz-border-radius: 0; } #sitemap ul ul li a { font-size: 12px; line-height: 17px; font-weight: normal; padding: 5px 20px 5px 0; border-bottom: 1px solid #adadad; } /* level 3 */ #sitemap ul ul ul { padding-bottom: 0; } #sitemap ul ul ul li a { margin-left: 47px; } /* level 4 */ #sitemap ul ul ul ul li a { margin-left: 96px; } /*------------------------------------------- Film Collection - New Section -------------------------------------------*/ /* Generic Changes */ a.home-link { border-bottom: 1px solid #5B5B5B !important; bottom: 46px; color: #FFFFFF; padding: 0 0 1px 10px !important; position: absolute; right: 12px; width: 270px; } .standfirst.no-margin { margin-bottom: 0 !important; } #header li { width: 220px; } #header ul { width: 460px; padding: 6px 0 21px 210px; } #main-wrap.wide { width: 576px; } /* Film Collection Specific Changes */ body.reversed { background: #484848; } body.reversed .panel p a, body.reversed .panel li a { color: #fff; border-bottom: 1px solid #309BD3; } body.reversed .panel p a:hover, body.reversed .panel li a:hover { color: #0da0ee; } body.reversed .panel #directory-list li a { border:none; color: #fff; } body.reversed .panel.directory-list.thumbs a { border-bottom:none; } #nav-sub { margin-top:1px; } .reversed #nav-sub { background: #2b2b2b; } .reversed #nav-sub li a { background: #1f1f1f; color: #fff; } .reversed #nav-sub li a:hover, .reversed #nav-sub li .active, .reversed #main p a:hover { color: #309BD3; } .reversed h1 { color: #fff; } .reversed .search label { color: #fff; } .reversed .page-title h2 { background: #1f1f1f; color: #fff; } .reversed .page-title .button { background: #309bd3; } .reversed .page-title .button:hover, .reversed #main ul.genres li a:hover { background-color: #494949; } .reversed #header a.active { color: #309bd3; border-color: #315c72; } .reversed .panel-wrap, .reversed #main-wrap { background-color: #484848; } .reversed #main-wrap { border-color: #484848; } .reversed .panel, .reversed #main { background-color: #191919; } .reversed .related { background-color: #484848; border-left-color: #484848; width: 190px; } .reversed .related-extend { width: 194px; } .reversed .related div { background-color: #191919; } .reversed .page-subtitle, .reversed #sidebar { background-color: #484848; } .reversed .page-subtitle h1 { background-color: #191919; color: #fff; } .reversed #content { border-left-color: #484848; } .reversed #sidebar { border-color: #484848; } .reversed #sidebar li a { background-color: #191919; color: #fff; } .reversed #sidebar li a:hover { color: #0da0ee; } .reversed #main h2, .reversed .related h3, .reversed #main p, .reversed #main li, .reversed #main p a, .reversed dl.details, .reversed .related a { color: #fff; } .reversed #main ul li { background: url('../img/content-list-bg-reversed.gif') no-repeat scroll 0 0.7em transparent;padding-left: 15px; } .reversed #main .slideshow ul li { background:none;padding-left: 0; } .reversed .related a:hover { color: #0da0ee; } .reversed #container { background: #191919; } .related.extra { margin-right: 1px; } .reversed.collection-film #container { background-image: url('../img/collection-film-bgfix.gif'); } .reversed #main ul.genres li { background:none; padding:0; } .reversed #main ul.genres li a { background-color: #309bd3; border: 0; } .reversed .related li { border-top: 0; } .related .with-arrows li a { display: block; padding-left: 10px; background: url(../img/related-arrows.png) no-repeat 0 4px; } .related .with-arrows li a:hover { background-position: 0 -54px; } .reversed dl.details dd, .reversed dl.details dt { border-color: #2b2b2b; } .reversed #directory-list.thumbs li h4,.reversed #main .directory-list.thumbs li h4 { background: #309BD3; color:#fff; margin-bottom:0; } .reversed #main h3, .reversed h2 { color: #fff; } .reversed.js-enabled .expand.up { background:#191919; } .reversed.js-enabled .expand.up h2 { background-position: right -114px; } .reversed.js-enabled .expand h2 { background-position: right -124px; } body.reversed .pager a.active { background:#309BD3; border:0; } body.reversed .pager li a { border:0; } .reversed #footer h2 { color:#494949; } .reversed #directory-list.thumbs { border-top: 1px solid #434343; } .reversed #sidebar li a span { background-position: 0 -9px; } .reversed #sidebar li a.active span, .reversed #sidebar li a:hover span { background-position: 0 1px; } .reversed .mask-576-grey, .reversed .mask-377-white, .reversed .mask-377-blue, .reversed .mask-377-charcoal, .reversed .mask-190-white, .reversed .mask-469-white, .reversed .mask-469-blue, .reversed #directory-list.thumbs li span, .reversed .directory-list.thumbs li span, .reversed #entries a span, .home.reversed #directory-list.thumbs li span, .reversed #carousel ul li span, .reversed .carousel-home ul li span { background: url("../img/masks_reverse.png") no-repeat scroll 0 0 transparent; } .reversed .mask-190-white, .reversed #directory-list.thumbs li span, .reversed #entries a span,.reversed .directory-list.thumbs li span { width: 190px; height: 107px; background-position: 0 -540px;} .reversed .related #directory-list ul { padding:0; } .reversed .related ul { padding-bottom:10px; } .reversed .fb-like { padding: 0; } .reversed #footer { background: none; } /* Video Gallery */ .gallery { background: #191919; } .gallery-content { border-right: 1px solid #484848; float: left; width: 767px; } .gallery-viewer { padding: 20px; } .gallery-viewer p { color: red; letter-spacing: 1px; } /* gallery thumbs */ #directory-list.gallery-thumbs { border: 0; margin: 0; padding: 0; } #directory-list.gallery-thumbs ul { margin: 0; } #directory-list.gallery-thumbs li { margin: 0 0 3px 2px; width: 190px; border: 0; } .bulleted{ margin-left: 20px; } .bulleted li{ list-style: disc; padding-left: 0px; } /*------------------------------------------- Plupload - New Section -------------------------------------------*/ .upload-area { float: left; width: 500px; padding: 0 0 5px 0; } .upload-area .upload-title { display: block; padding-bottom: 5px; margin: 0; } .suggest .added-files { display: block; float: left; width: 100%; padding: 5px 0 0 0; margin: 8px 0 0 0; } .suggest .added-files li { padding: 8px 0; border-top: 1px solid #bac5d4; } .file-remove { margin-left: 20px; } /* PACKAGES */ .col-2 { width:385px; float:left; } .package #container { background:none repeat scroll 0 0 rgba(246, 246, 246, 0.8); } .package .col-2 h3 { font-size: 20px; line-height: 23px; } .package .col-2 .related { width:100%; } .package .col-2 .related ul { padding-bottom:10px; } .package .col-2 dl { background: #fff; display:block; margin-bottom:-2px; overflow:hidden; margin-top:10px; } .package .col-2 dt { font-weight:600; } .package .col-2 dd, .package .col-2 dt { width:180px; background:#fff; line-height:30px; text-indent:6px; margin:0 5px; border-bottom:1px solid #ccc; } .package .col-2 h1 { padding-right:153px; } .package .col-2 h1 span { width:100%; } .package #entries { width: 100%; } .package #entries ul { margin:0; } .package #entries .button, #entries a.remove { float:left; position:absolute; top:5px; right: 5px; } .package #entries h3 { padding-right: 75px; } .panel.mod--package #entries { margin-left:20px; width:672px; } .panel.mod--package #entries ul li { border-bottom:none; } .panel.mod--package #entries h3 { padding:0; } .panel.mod--package #entries { border-right:none; margin-bottom:20px; } .panel.mod--package #entries a{ border-bottom:none; } #entries a.remove { width:20px; height:20px; text-align:center; } .package .panel { padding: 0 15px; } #package_images, #package_images li { padding:0; } #package_images li div{ padding:4px }