/* Índice @Reset @General @Wrapper @Language bar @Header @Content @Left-content @Right-content */ /* * @Reset */ *{margin:0; padding:0;} img, object, embed{border:0;} /* * @General */ body{background: url("bgLABRFF2011.jpg") repeat-y scroll center top #000000; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#ccc;} .legenda{display:none !important;} a, #language-bar span, #footer span, #topFollow p{color:#C8A260; text-decoration:none;} a:hover{color:#C8A260; text-decoration:underline;} h2{font-size:12px; color:#C8A260; text-transform:uppercase;} h3{font-size:12px; color:#C8A260;} h2 a {color:#C8A260;} h2 a:hover {text-decoration:none;} #posts h1{font-size:30px;} #posts h2{font-size:22px;} /* * @Wrapper */ #wrapper{margin:0 auto 100px; width:1000px;} /* * @Brasil Sensational */ #brasilSensational { display: inline; height: 47px; float: left; margin-left: 198px; margin-top: 14px; margin-bottom: -12px; margin-left: 200px; width: 47px; background:url(images/brasil-sensational.gif) no-repeat;} #brasilSensational span {display: none;} /* * @Share */ #topFollow {float:right; margin-right: 10px; margin-top: 28px; width: 300px;} #topFollow p {float:left; padding-top: 3px;} #topFollow a {float: left; display:inline-block; margin-left: 20px;} #topFollow .twitter{width:81px; height:18px; background:url(images/redes.gif) no-repeat -120px 0;} #topFollow .facebook{margin-left:10px; width:21px; height:23px; background:url(images/redes.gif) no-repeat 0 0;} #topFollow .orkut{width:18px; height:18px; background:url(images/redes.gif) no-repeat -19px 0;} #topFollow .youtube{width:62px; height:23px; background:url(images/redes.gif) no-repeat -42px 0;} /* * @Language bar */ #language-bar{width:353px; float:right; margin-top:25px; margin-right:30px;} #language-bar a,#language-bar span, #footer a, #footer span{height:22px; line-height:22px; margin:0 5px; float:left;} #language-bar a:hover{text-decoration:none; color:#fff;} #language-bar .active{color:#EAAA39;} #language-bar .coming, #language-bar .coming-go{background:#000; display:none; margin-left:-271px; margin-top:25px; position:absolute;} #language-bar .coming-go{margin-left:-28px;} #language-bar input{margin-left:20px; height:19px; width:133px; float:left; line-height:19px; font-size:12px; background:#fff; color:#000; padding:3px; border:0;} #language-bar .go{width:25px; background: url(images/go.gif) no-repeat center left; margin-top:2px;} #language-bar .go:hover{background-position:right;} /* * @Header */ #header{width:1000px; clear:both; background:url(images/bg-header.png) no-repeat; _background:url(images/bg-header-ie6.gif) no-repeat; display:inline-block;} #header .logo{float:left; margin:14px 16px 0;} #header .logo a{width:230px; height:79px; display:inline-block; background:url(images/labrff-logo.gif) no-repeat;} #header .banner-top{float:right; width:651px; height:90px; margin:17px 40px 20px 0;} /* Navbar */ #header #navbar{width:983px; clear:both; display:inline-block; list-style:none;/* margin-bottom:5px; margin-top:-21px;*/ border-top:1px solid #C8A260; padding-top:10px; background-image:url(images/bg-menu.gif); background-position:19px 6px;} #header #navbar li{float:left; /*width:108px; */ margin:0 18px; height:32px; line-height:32px; text-align:center; display:inline;} #header #navbar li a{width:66px; height:32px; line-height:32px; background-image:url(images/menu.gif); background-repeat:no-repeat !important; display:inline-block;} #header #navbar li .home{background-position:0 0; width:40px;} #header #navbar li:hover .home, #header #navbar .active .home{background-position:0 -46px; width:40px;} #header #navbar li .festival{background-position:-52px 0; width:94px;} #header #navbar li:hover .festival, #header #navbar .active .festival{background-position:-52px -46px; width:94px;} #header #navbar li .film-program{background-position:-144px 0; width:94px;} #header #navbar li:hover .film-program, #header #navbar .active .film-program{background-position:-144px -46px; width:94px;} #header #navbar li .events{background-position:-248px 0; width:56px;} #header #navbar li:hover .events, #header #navbar .active .events{background-position:-248px -46px; width:56px;} #header #navbar li .press-media{background-position:-319px 0; width:102px;} #header #navbar li:hover .press-media, #header #navbar .active .press-media{background-position:-319px -46px; width:102px;} #header #navbar li .industry{background-position:-433px 0; width:66px;} #header #navbar li:hover .industry, #header #navbar .active .industry{background-position:-433px -46px; width:66px;} #header #navbar li .sponsors{background-position:-506px 0; width:68px;} #header #navbar li:hover .sponsors, #header #navbar .active .sponsors{background-position:-506px -46px; width:68px;} #header #navbar li .services{background-position:-584px 0; width:65px;} #header #navbar li:hover .services, #header #navbar .active .services{background-position:-584px -46px; width:65px;} #header #navbar li .newsletter{background-position:-658px 0; width:70px;} #header #navbar li:hover .newsletter, #header #navbar .active .newsletter{background-position:-658px -46px; width:70px;} /* Backup do menu #header #navbar li a{width:66px; height:32px; line-height:32px; background-position:center left; background-repeat:no-repeat !important; display:inline-block;} #header #navbar .home a{background-image:url(images/home.gif); width:40px;} #header #navbar .festival a{background-image:url(images/the-festival.gif); width:94px;} #header #navbar .film-program a{background-image:url(images/film-program.gif); width:94px;} #header #navbar .events a{background-image:url(images/events.gif); width:56px;} #header #navbar .press-media a{background-image:url(images/press-media.gif); width:102px;} #header #navbar .industry a{background-image:url(images/industry.gif); width:66px;} #header #navbar .sponsors a{background-image:url(images/sponsors.gif); width:68px;} #header #navbar .services a{background-image:url(images/services.gif); width:65px;} #header #navbar .newsletter a{background-image:url(images/newsletter.gif); width:87px;} #header #navbar li:hover a, #header #navbar .active a{background-position:right;} */ #header #navbar li ul{ display:none; line-height:40px; position:absolute; top:220px; margin-left:-9px; _margin-left:-105px; *margin-left:-105px; background:#000 none repeat scroll 0 0; border:1px #CCA562 solid; list-style:none; text-align:left; z-index:2; _width:180px !important; } #header #navbar li ul li{ display:block; float:none; height:23px; line-height:23px; margin:0; text-align:left; width:auto !important; } #header #navbar li:hover ul, #header #navbar .active ul {display:block;} #header #navbar li ul a{/*width:auto !important;} #header #navbar li:hover ul a, #header #navbar .active ul a {*/ background:#000 none repeat scroll 0 0; color:#CCA562; height:23px; line-height:23px; padding:0 10px; width:auto !important; } #header #navbar li:hover ul a:hover, #header #navbar .active ul a:hover {color:#FFF; text-decoration:none;} /* Sub-Menu Images All menu items are images because the font PFT NORDIC doesn't support latin characters and brasillian accents */ /* The Festival */ #header #navbar .festival .labrff-profile{background-image:url(images/submenu/labrff-profile.gif); width:68px;} #header #navbar .festival .awards-juries{background-image:url(images/submenu/awards-juries.gif); width:78px;} #header #navbar .festival .board-advisors{background-image:url(images/submenu/board-advisors.gif); width:84px;} #header #navbar .festival .staff{background-image:url(images/submenu/staff.gif); width:26px;} #header #navbar .festival .volunteers{background-image:url(images/submenu/volunteers.gif); width:52px;} #header #navbar .festival .jobs{background-image:url(images/submenu/jobs.gif); width:20px;} #header #navbar .festival .contact{background-image:url(images/submenu/contact.gif); width:37px;} /* Film Program */ #header #navbar .film-program .features{background-image:url(images/submenu/features.gif); width:41px;} #header #navbar .film-program .shorts{background-image:url(images/submenu/shorts.gif); width:31px;} #header #navbar .film-program .documentaries{background-image:url(images/submenu/documentaries.gif); width:66px;} #header #navbar .film-program .animation{background-image:url(images/submenu/animation.gif); width:43px;} #header #navbar .film-program .submissions{background-image:url(images/submenu/submissions.gif); width:52px;} /* Events */ #header #navbar .events .schedule{background-image:url(images/submenu/schedule.gif); width:41px;} #header #navbar .events .venue{background-image:url(images/submenu/venue.gif); width:25px;} #header #navbar .events .tickets{background-image:url(images/submenu/tickets.gif); width:34px;} #header #navbar .events .shop{background-image:url(images/submenu/shop.gif); width:20px;} /* Press & Media */ #header #navbar .press-media .accreditation{background-image:url(images/submenu/accreditation.gif); width:63px;} #header #navbar .press-media .releases{background-image:url(images/submenu/releases.gif); width:41px;} /* Industry */ #header #navbar .industry .film-market{background-image:url(images/submenu/film-market.gif); width:56px;} /* Sponsors */ #header #navbar .sponsors .sponsorship{background-image:url(images/submenu/sponsorship.gif); width:54px;} #header #navbar .sponsors .membership{background-image:url(images/submenu/membership.gif); width:51px;} /* Services */ #header #navbar .services .partners-hotels{background-image:url(images/submenu/partners-hotels.gif); width:77px;} #header #navbar .services .travel-agency{background-image:url(images/submenu/travel-agency.gif); width:68px;} #header #navbar .services .airline{background-image:url(images/submenu/airline.gif); width:31px;} #header #navbar .services .rent-a-car{background-image:url(images/submenu/rent-a-car.gif); width:51px;} #header #navbar .services .bars-clubs{background-image:url(images/submenu/bars-clubs.gif); width:63px;} #header #navbar .services .restaurants{background-image:url(images/submenu/restaurants.gif); width:57px;} #header #navbar .services .city-map{background-image:url(images/submenu/city-map.gif); width:40px;} /* * @Content */ #content {display:inline-block; width:930px; padding:15px 0 15px 20px; width:957px;} /* Post Elements Style */ #content p{margin:0 0 10px; text-align:justify;} .post h2, .post h3{margin-top:20px;} #content .breadcrumb {margin:25px 0 15px 0; display:inline-block;} #content .breadcrumb strong {color:#C8A260;} #content #nav-top-back{clear:both; float:right; margin:10px 0;} #content #nav-top-back a:hover{color:#FFF; text-decoration:none;} #content #nav-top-back span{color:#C8A260; padding:0 5px;} #content #nav-top-back a{padding-left:17px; background-image:url(images/back-top.gif); background-repeat:no-repeat;} #content #nav-top-back .nav-back{background-position:0 -17px;} #content #nav-top-back .nav-back:hover{background-position:0 -1px;} #content #nav-top-back .nav-top{background-position:right -53px; padding-right:17px; padding-left:0;} #content #nav-top-back .nav-top:hover{background-position:right -38px;} /* /* * @Left-content */ #content #left-content{float:left; width:410px;} /*#content #left-content .latest-news h2{width:400px; height:28px; line-height:28px; display:inline-block; background:url(images/h2-bg.gif) no-repeat -5px 0 !important; padding-left:10px;}*/ #content #left-content h2, #content #right-content h2{font-size:17.5px;} #content .linha{border-bottom:1px #C8A260 solid; clear:both; width:100%; display:inline-block; margin-bottom:7px; margin-top:-3px;} /* @Post-home */ #content #post-home .linha{ margin-bottom:0;} /* @Gallery */ #content #left-content #gallery-home{margin:20px 0;} /* Home gallery */ .col5top{height:auto !important; padding:5px !important;} .col5top a {color:#C8A260 !important;} .col5top a:hover {color:#fff !important; text-decoration:none !important;} .col5top .more{/*display:none;*/ padding:5px 0 !important;} /* Gallery post #imglink*/ #imgprev, #imgnext {display:none;} /* @Latest-news */ #content #left-content .latest-news h2{margin-bottom:-7px;} #content #left-content .latest-news .linha{margin-top:0;} #content #left-content .news {display:inline-block; margin-bottom:20px;} #content #left-content .news img{float:left; margin-right:5px;} /* @Calendar */ #content #left-content #calendar{float:left; margin-top:10px; margin-right:10px;} /* @Events */ #content #left-content #events{float:right; padding-top:10px; width:214px;} #content #left-content #events p{margin:0 0 10px 0;} /*#content #left-content .follow {width:308px; display:inline-block; background:url(images/bg-follow-us.gif) no-repeat bottom; margin:10px 0; padding-bottom:10px;} #content #left-content .follow h2{width:298px; padding-left:10px; height:25px; line-height:25px; margin-bottom:10px; display:inline-block; background: url(images/h2-bg2.gif) no-repeat center right;} #content #left-content .follow h2 span{width:68px; height:12px; line-height:12px; display:inline-block; background: url(images/we-are-at.gif) no-repeat; margin-top:6px;} #content #left-content .follow .twitter{width:101px; height:27px; display:inline-block; background:url(images/twitter.gif) no-repeat; float:left; margin-left:10px;} #content #left-content .follow .facebook{width:90px; height:27px; display:inline-block; background:url(images/facebook.gif) no-repeat; float:left; margin:0 10px;} #content #left-content .follow .orkut{width:65px; height:27px; display:inline-block; background:url(images/orkut.gif) no-repeat; float:left;} */ /* * @Right-content */ #content #right-content{width:336px; float:left; margin-left:30px; padding-bottom:10px;} /*#content #right-content h2{width:298px; padding-left:10px; height:25px; line-height:25px; margin-bottom:10px; display:inline-block; background: url(images/h2-bg2.gif) no-repeat center right;} #content #right-content #videos h2 span{width:100px; height:12px; line-height:12px; display:inline-block; background: url(images/festival-videos.gif) no-repeat; margin-top:6px;} #content #right-content #trailers h2 span{width:87px; height:12px; line-height:12px; display:inline-block; background: url(images/film-trailers.gif) no-repeat; margin-top:6px;} #content .latest-news h2 span{width:83px; height:12px; line-height:12px; display:inline-block; background: url(images/latest-news.gif) no-repeat; margin-top:8px;}*/ #content #right-content #trailers, #content #right-content #videos{margin-bottom:20px;} #content #right-content #videos{margin-top:40px;} #content #right-features{display:inline-block;} #content #right-features .feature {margin-bottom:10px; display:inline-block; text-align:justify;} #content #right-features .feature img {float:left; margin-right:5px; display:block;} /* @We are at */ #content #right-content .follow{clear:both; margin-top:20px; float:left; width:100%;} #content #right-content .follow a{color:#fff; font-size:14px; float:left; display:inline-block;} #content #right-content .follow a .sIFR-flash{display:inline-block;} #content #right-content .follow .twitter{width:56px; height:41px; background:url(images/twitter.gif) no-repeat; margin:0 40px 0 35px;} #content #right-content .follow .facebook{width:40px; height:40px; background:url(images/facebook.gif) no-repeat;} #content #right-content .follow .orkut{width:40px; height:40px; background:url(images/orkut.gif) no-repeat; margin:0 27px 0 0;} #content #right-content .follow .youtube{width:98px; height:40px; background:url(images/youtube.gif) no-repeat;} #content #right-content .live-streaming{/*margin-top:20px;*/display:inline-block;} /* * @Bottom-sections */ #content #bottom-features{width:776px; float:left; margin-top:20px;} #content #bottom-features .feature {width:137px; float:left; margin-right:22px;} #content #bottom-features .feature img {margin-bottom:10px;} #content #bottom-features .last{margin-right:0;} #content #bottom-features .feature .linha{margin:2px 0 5px 0;} #content #bottom-features .feature h3{margin-bottom:10px; text-decoration:underline;} #content #bottom-features p{text-align:left;} /* * @Banners */ #banners{width:159px;float:right;} #banners object{margin-bottom:20px; display:inline-block;} #banners img {margin-bottom: 20px;} /* * @Sponsors */ #sponsors{float:left; clear:both;} #sponsors h3{margin-bottom:10px;} /* * @Footer */ #footer{width:100%; text-align:center; display:inline-block; margin-top:10px; clear:both;} #footer p{text-align:center;} #footer a, #footer span{float:none;} #content .bg-end{width:1000px; height:20px; display:inline-block; /*background:url(images/bg-end.png) no-repeat; _background:url(images/bg-end-ie6.gif) no-repeat;*/ margin:0 0 -20px -30px;} /* * @Sitemap */ #footer #sitemap {clear: both; display: inline-block; margin: 20px 0; width: 100%; text-align: left; height: 400px; text-transform: uppercase;} #footer #sitemap .legenda{display: block !important; font-weight: bold; cursor: default;} #footer #sitemap ul {list-style: none;} #footer #sitemap ul .column {float: left; width: 150px; margin: 0 119px 0 0; display: inline;} #footer #sitemap ul .last {margin-right: 0;} #footer #sitemap ul li {width: 200px; margin: 20px 0;} #footer #sitemap ul li ul li{width: 200px; margin:0;} #footer #sitemap ul li a, #footer #sitemap ul li a span {margin:0;} #footer #sitemap ul li .home:hover .legenda, #footer #sitemap ul li .newsletter:hover .legenda {cursor: pointer; text-decoration: underline; display: inline-table} /* * @Posts */ #posts{display:inline-block; float:left; width:/*755px*/776px;} #posts .post{clear:both;} #posts .post .pdf{padding-left:20px; background:url(images/pdf.gif) no-repeat left;} #posts .post ul, #posts .post ol, #posts .post dl{margin-left:30px;} #posts .title-news{font-size:18px; margin-top:50px;} /* Gallery Plugin Style */ #information p {margin:0;} #posts .post .thumb-gallery{width:368px; float:left; margin:20px 20px 20px 0;} #posts .post .thumb-gallery img{float:left;} #posts .post .thumb-gallery div{width:248px; float:right;} #posts .post .thumb-gallery h3{margin:0;} /* Galleries */ .post .gallery .gallery-item{width:auto; margin-left:0 !important;}