/***************************************************** * Master CSS file for http://www.rokajfest.com/ * * Copyright (c) Burza d.o.o. http://web.burza.hr/ * *****************************************************/ html { background: url(/css/cssimg/grass.gif) 50% 0; height: 100%; } body { font-family: Arial, sans-serif; color: #000000; font-size: 75%; height: 100%; } body, html, p, dt, dl, dd, h1, h2, h3, h4, h5, h6, ol, ul, li { margin: 0; padding: 0; } ol, ul { list-style: none; } h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; } img { border: 0; } fieldset { border: none; } a { color: #ce171f; outline: none; } a:hover, a:active, a:focus { text-decoration: none; } object { outline: none; } .content_info { display: none; } .clearing:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #sizer { min-height: 100%; margin: 0 auto -100px; background: url(/css/cssimg/header_repeat.jpg) repeat-x 50% 0; } * html #sizer { height: 100%; } .clear { clear: both; } h1, h2, h3 { color: #ce171f; font-family: "Lucida Sans Unicode", sans-serif; } .heading { padding: 16px 0 10px 10px; width: 690px; margin: -15px 0 15px -15px ; background: url(/css/cssimg/heading.gif) no-repeat 0 0; } .heading h2 { height: 40px; overflow: hidden; padding-left: 40px; color: white; font-size: 1.6em; line-height: 37px; background: #ce171f url(/css/cssimg/heading.gif) no-repeat -10px -16px; } #inner-wrapper { background: url(/css/cssimg/speakers.png) no-repeat 50% 0; } #grid { width: 960px; margin: 0 auto; } #grid { position: relative; } #content { float: left; width: 720px; position: relative; background: url(/css/cssimg/content_top.gif) no-repeat 0 20px; } #content .grid { background: url(/css/cssimg/content_end.gif) no-repeat bottom; padding-bottom: 15px; zoom: 1; } #content .inner { padding: 0 15px 0 17px; background: url(/css/cssimg/content_repeat.gif) repeat-y; margin-top: 40px; zoom: 1; } #push { height: 80px; } #footer { position: relative; top: 30px; background: #333 url(/css/cssimg/footer.gif) repeat-x 50% 0; padding: 50px 0 50px 0; zoom: 1; } #footer .grid { width: 960px; margin: 0 auto; position: relative; } #footer #copyright { text-align: right; } #footer #siteby { text-align: right; margin-top: 20px; } #footer #jack { background: url(/css/cssimg/jack.png) no-repeat; width: 130px; height: 160px; position: absolute; top: -168px; right: 160px; z-index: 10; } #footer ul.first_child { margin: 20px 0; } #footer ul { clear: both; } #footer ul li { float: left; margin: 0 30px 0 0; } #footer ul li.last_child { margin-right: 0; } #footer ul li.first_child { margin-top: 2px; } #header { height: 85px; margin-bottom: 22px; color: white; background: ##4f4f4f url(/css/cssimg/header-inner.gif) no-repeat top left; position: relative; z-index: 99; } #header h1 { float: left; width: 200px; height: 85px; overflow: hidden; padding-top: 10px; margin-right: 20px; text-align: center; font-size: 2em; font-weight: bold; letter-spacing: .1em; } * html #header h1 { height: 75px; } #header h1 span { display: block; font: normal 2em Impact, "Lucida Sans Unicode", sans-serif; line-height: .9em; letter-spacing: 0; } #header .info { float: left; width: 375px; height: 80px; overflow: hidden; padding-top: 10px; text-transform: uppercase; font: 1.3em "Lucida Sans Unicode", sans-serif; letter-spacing: .1em; line-height: 1.2em; } #header .info .location { font-size: 80%; } #header .logo-replacement { display: block; width: 719px; height: 115px; position: absolute; top: 0; left: -117px; background: transparent url(/css/cssimg/logo_20091112.jpg) no-repeat 108px 0; } #language { list-style: none; position: absolute; top: 60px; right: 1px; z-index: 100; } #language li { float: left; margin-right: 10px; font-weight: bold; color: #a7a7a7; background: url(/css/cssimg/lang.png) no-repeat; padding: 2px 0 5px 20px; font-size: 1em; } #language li a { outline: none; color: #72bf44; text-decoration: none; } #language .active { background: url(/css/cssimg/lang_active.png) no-repeat; color: #a7a7a7;} #header #nav { position: absolute; top: 103px; left: 0; zoom: 1; } #header #nav li { float: left; display: inline; position: relative; margin-right: 10px; } #header #nav li.active a { color: #fff; } #header #nav a { padding: .2em 10px; text-decoration: none; color: #000; font: 1.5em "Lucida Sans Unicode", sans-serif; } #header #nav a:hover { color: #faa74a; } #header #nav li:hover .submenu, #header #nav li.hover .submenu { left: 0; } #header #nav li .submenu { position: absolute; top: 20px; left: -9999px; z-index: 9999; background: url(/css/cssimg/submenu_end.png) left bottom no-repeat; padding-bottom: 10px; width: 134px; } #header #nav li .submenu ul { background: url(/css/cssimg/submenu_repeat.png) repeat-y; padding: 0 10px 10px 10px; } #header #nav .submenu li { float: none; display: block; font-size: .8em; border-bottom: #000 1px solid; padding: 3px 0; } #header #nav .submenu li a { color: #000; padding-left: 0; display: block; } #header #nav .submenu li a:hover { color: #faa74a; } #header #nav .submenu li.active a { color: #fff; } #header #nav .submenu li.last_child { border-bottom: none; } #performers img { float: left; } #audio_player { position: absolute; top: 0; right: 10px; } #content-wrapper { margin-top: 50px; } /* #teaser { position: relative; padding: 32px 14px 5px 48px; margin-left: -47px; background: transparent url(/css/cssimg/teaser.gif) no-repeat 0 0; } * html #teaser { zoom: 1; } *:first-child+html #teaser { zoom: 1; } #teaser .grid { width: 705px; height: 290px; background-color: #4f4f4f; } #teaser img { float: left; margin: 9px; } #teaser .content { float: right; width: 182px; height: 226px; padding: 9px; border-left: 3px solid #faa74a; color: white; } #teaser .content h2 { color: #faa74a; margin-bottom: .5em; font-family: "Lucida Sans Unicode", sans-serif; font-size: 1.4em; } #teaser .content h2 span { display: block; font-size: .85em; } #teaser .more { text-align: right; } #teaser .more a { color: #faa74a; } #teaser .artists { margin-top: 70px; width: 150px; } #teaser .artists a { font-size: 1.5em; color: #faa74a;} */ #performers { margin: -5px 0 0 -5px; zoom: 1; } #sidebar { float: right; width: 239px; background: #faf7d2 url(/css/cssimg/sidebar_repeat.gif) repeat-y top left; margin-top: 31px; } #sidebar .grid { background: url(/css/cssimg/sidebar_end.gif) no-repeat bottom; padding: 10px 0; } #sidebar h2 { color: #72bf44; font-size: 1.4em; margin: .5em 0 .2em 0; } #sidebar h2:first-child { margin-top: 0; } #sidebar h2.title_newsletter { margin-top: .5em; } #sidebar a { color: #ce171f; } #sidebar #rss { position: relative; top: 11px; text-align: right; cursor: pointer; } #sidebar #rss, #sidebar #rss span { height: 80px; display: block; margin-bottom: -30px; } #sidebar .hr span { position: absolute; top: -36px; left: 0; width: 100%; background: url(/css/cssimg/rss.gif) no-repeat 0 0; } #sidebar .en span { position: absolute; top: -36px; left: 0; width: 100%; background: url(/css/cssimg/rss_en.gif) no-repeat 0 0; } #sidebar #newsletter, #sidebar h2, #sidebar #contact { padding-left: 14px; } #sidebar #buy_ticket { margin: 15px 0 0 18px; display: block; clear: both; height: 222px; } #sidebar #newsletter .fields { display: block; width: 188px; padding: 16px 12px; background: url(/css/cssimg/newsletter.gif) no-repeat top left; } #sidebar #newsletter .fields #submit { padding: 0; border: none; background: transparent; color: white; width: 60px; font-size: 1em; } #sidebar #newsletter label { display: block; margin: .3em 0; font-weight: bold; } #sidebar #newsletter #email { width: 115px; padding: 2px .3em; border: none; color: black; background: #faa74a; } #sidebar #countdown_hr { position: relative; left: 15px; top: 10px; background: url(/css/cssimg/countdown.gif) no-repeat; zoom: 1; } #sidebar #countdown_en { position: relative; left: 15px; top: 10px; background: url(/css/cssimg/countdown_en.gif) no-repeat; zoom: 1; } #sidebar #countdown_hr span, #sidebar #countdown_en span { display: none; } #sidebar #countdown_hr p, #sidebar #countdown_en p { float: left; padding: 50px 15px 10px 0; color: #fff; font-size: 2.2em; font-weight: normal; width: 35px; } #sidebar #countdown_hr #day, #sidebar #countdown_en #day{ padding-left: 15px; padding-right: 20px; } #sidebar #countdown_hr #minute, #sidebar #countdown_en #minute{ padding-right: 15px; } .banner { padding: 10px 0 10px 18px; display: block; } /* HOMEPAGE NEWS */ /* see you 2010 banner */ #next_year_banner { width: 680px; height: 250px; position: relative; background: url(/css/cssimg/rokaj2010.jpg) no-repeat; } #next_year_banner p { width: 680px; height: 250px; position: absolute; left: -9999px; } #news h2 { width: 680px; height: 44px; position: relative; } #news h2 span { width: 680px; height: 44px; position: absolute; top: 0; left: 0; display: block; background: url(/css/cssimg/novosti_bg.gif) no-repeat; } #news h2.en span { width: 680px; height: 44px; position: absolute; top: 0; left: 0; display: block; background: url(/css/cssimg/news_bg.gif) no-repeat; } #news_navigation { zoom: 1; position: relative; margin: -42px 0 20px 150px; height: 20px; } #news_navigation .pager a { padding: 3px 7px; background: #4f4f4f; color: #fff; text-decoration: none; font-weight: bold; margin-right: 2px; } #news_navigation .pager a.activeSlide { background: #fadb4a; color: #4f4f4f; } #news_navigation .prev, #news_navigation .next { padding: 3px 7px; background: #4f4f4f; color: #fff; text-decoration: none; font-weight: bold; float: left; margin-right: 2px; } #news_navigation .disabled { background: #e3e3e3; cursor: default; } #news_navigation .pager { float: left; padding: 3px 0; } #news .news { width: 320px; float: left; background: #000 url(/css/cssimg/news_even.gif) left top repeat-y; padding: 10px 0 10px 20px; position: relative; margin-bottom: 10px; min-height: 196px; height: auto !important; height: 196px; } .has_js #news .news_container { position: relative; top: 0; } #news .news_container { top: 10px; } #news .news_block { width: 680px; } #news .news.odd { width: 330px; background: #000 url(/css/cssimg/news_odd.gif) right top repeat-y; padding: 10px 0 10px 10px; } #news .news img { position: absolute; top: 10px; left: 20px; z-index: 9; } #news .news.odd img { position: absolute; top: 10px; left: 12px; z-index: 9; } #news .news .news_content { position: absolute; bottom: 15px; left: 18px; z-index: 10; padding: 0 0 5px 3px; width: 285px; } #news .news.odd .news_content { position: absolute; bottom: 15px; left: 8px; } #news .news h3 { font-size: 2em; padding-left: 5px; zoom: 1; } #news .news p { color: #fff; background: #000; padding-left: 5px; margin-left: 5px; zoom: 1;} #news .news h3 a { color: #f1ecaa; text-decoration: none; zoom: 1; } @media screen and (-webkit-min-device-pixel-ratio:0){ #news .news h3 a { line-height: 1.55; font-size: .9em; } } /*#news .news_1 { background: url(/css/cssimg/black_spot.png) no-repeat; }*/ #news .news_1 h3 a, #news .news_4 p { background: #000; } /*#news .news_2 { background: url(/css/cssimg/blue_spot.png) 0 -28px no-repeat; }*/ #news .news_2 h3 a, #news .news_2 p { background: url(/css/cssimg/blue_repeat.png); } /*#news .news_3 { background: url(/css/cssimg/green_spot.png) 0 -14px no-repeat; }*/ #news .news_3 h3 a, #news .news_3 p { background: url(/css/cssimg/green_repeat.png); } /*#news .news_4 { background: url(/css/cssimg/yellow_spot.png) 0 -8px no-repeat; }*/ #news .news_4 h3 a, #news .news_4 p { color: #000; background: url(/css/cssimg/yellow_repeat.png); } /* News view */ #news_body #content .inner { margin-top: 0; } #news_body .item { clear: both; padding-bottom: 20px; border-top: 1px solid #000; padding-top: 20px; zoom: 1; width: 676px; } #news_body #content .item h3 { margin-bottom: 0; clear: none; } #news_body .item .date { margin-bottom: 20px; } #news_body .item .content_img { float: left; margin: 0 20px 8px 0; } #news_body .first_child { border-top: 0; padding-top: 0; } /* Listing izvošača */ .artist { background: url(/css/cssimg/artists_top.gif) no-repeat; margin: 0 0 10px -5px; color: #fff; position: relative; zoom: 1; } #content .artist .inner { background: url(/css/cssimg/artists_bottom.gif) left bottom no-repeat; padding: 10px 15px 10px 10px; margin: 0; } #content .artist .inner .more { display: block; width: 77px; height: 36px; position: absolute; left: 45%; bottom: -5px; } #content .artist .inner .more span { display: block; width: 77px; height: 36px; position: absolute; left: 0; top: 0; background: url(/css/cssimg/artist_more.gif) no-repeat; text-indent: -9999px; } #content .artist .inner img { float: left; } #content .artist.even .inner img { float: right; } #content .artist .inner h3, #content .artist .inner p { clear: none; float: left; width: 400px; margin-left: 20px; } #content .artist.even .inner h3, #content .artist.even .inner p { margin-left: 10px; } #content .artist .inner h3 { font-size: 3em; margin-bottom: 0; } #content .artist .inner p { padding-bottom: 2em; } /* view izvošača */ .other_artists h2 { position: relative; width: 680px; height: 70px; } .other_artists h2 span { position: absolute; top: 0; left: 0; display: block; width: 680px; height: 70px; background: url(/css/cssimg/ostali_izvodaci.gif) no-repeat; } #inner-content .other_artists ul li { float: left; width: 150px; font-size: 1.2em; background: url(/css/cssimg/arrow_grey.gif) 0 3px no-repeat; padding-left: 15px; margin-bottom: 0;} #inner-content .other_artists ul { margin-top: 0; } #inner-content .other_artists ul li.active { background: url(/css/cssimg/arrow_red.gif) 0 3px no-repeat; } #inner-content .other_artists ul li a { display: block; } .artist_view { margin: -5px 0 0 0; zoom: 1; } .artist_view #movie { float: left; margin: 10px 10px 10px 0; } .artist_view #artist_info { margin: 0 0 0 -7px; position: relative; min-height: 367px; height: auto !important; height: 300px; } .artist_view #artist_info img { position: absolute; } .artist_view #artist_info h3 { position: absolute; z-index: 10; color: #fff; font-size: 4em; bottom: 35px; left: 20px; margin-bottom: 0; } #inner-content .artist_view .artist_www { position: absolute; z-index: 10; bottom: 10px; left: 20px; height: 16px; } #inner-content .artist_view .artist_www li { float: left; margin: 0 20px 2em 0; } #inner-content .artist_view .artist_www li.myspace { margin: 0 20px 1em 0; } .artist_view .artist_www a { color: #8ccc3f; text-decoration: none; } #inner-content .artist_view .artist_www .web { margin: 0 50px 0 0; } .artist_view .artist_www .web a { background: url(/css/cssimg/icons/house.png) no-repeat; padding-left: 20px; } .artist_view .image_right img { float: right; margin: 0 0 5px 5px; } .artist_view .image_left img { float: left; margin: 0 10px 5px 0; } .artist_view p { padding-right: 10px; } /* Newsletter */ #unsubscribe .input { width: 125px; padding: 2px .3em; border: none; color: black; background: #faa74a; margin-left: 10px; } #unsubscribe .input_image { position: relative; top: 7px; } /**/ #news_archive { margin: 0 30px 30px; clear: both; text-align: right; background: url(/css/cssimg/next.gif) no-repeat 100% 50%;} #news_archive a { font-weight: bold; font-size: 1.3em; padding: 0 25px; font-size: 1.2em; text-decoration: none; } #sidebar-left { float: left; width: 172px; margin: 0 10px 0 0; background: url(/css/cssimg/sidebar-left.gif) repeat-y top left; } * html #sidebar-left { margin-left: 5px; } #sidebar-left .grid { padding: 0 6px; margin: 0 8px; background: #4f4f4f; } #sidebar-left .top { height: 10px; background: url(/css/cssimg/sidebar-left-top.gif) no-repeat 0 0; } #sidebar-left .bottom { height: 10px; background: url(/css/cssimg/sidebar-left-bottom.gif) no-repeat 0% 100%; } #sidebar-left h3 { color: #faf7d2; font-size: 1.5em; margin-bottom: .5em; } #sidebar-left h3 a { display: block; margin-top: 5px; color:#FAF7D2; } #sidebar-left ul { width: 100%; } #sidebar-left ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } #sidebar-left ul li { float: left; width: 100%; } #sidebar-left ul li.active a { color: #ffa140; } #sidebar-left ul a { padding: .8em 0 .8em 25px; display: block; font-size: 1.2em; color: white; text-decoration: none; outline: none; border-top: 1px solid black; background: url(/css/cssimg/star_orange.gif) no-repeat 0 50%; } #sidebar-left ul a:hover { background: url(/css/cssimg/star_green.gif) no-repeat 0 50%; } #inner-content { float: left; width: 486px; } #inner-content.whole { width: 665px; padding: 0 10px; } #event_body #inner-content.whole { width: 686px; padding: 0; } #inner-content p, #inner-content_about p { margin-bottom: .8em; line-height: 1.5; } #inner-content h3 , #inner-content_about h3, .item h3 { clear: both; margin-bottom: .4em; font-size: 1.7em; } #inner-content_about strong { color: #ed612a; } #inner-content_about { width: 660px; padding-right: 30px; margin-left: 10px; } .band { float: left; width: 100%; margin-bottom: 20px; } .band .entity_img { float: left; padding: 4px 4px 20px 4px; border: 1px solid #d0ba80; background: #faf7d2; } .band h3 { padding-bottom: .1em; border-bottom: 3px double #444; } .band p { margin-left: 162px; } #sponsor_list { float: leftlist-style: none; overflow: hidden; width: 100%; } #sponsor_list h3 { position: absolute; top: -9999px; left: -9999px; } #sponsor_list li { float: left; display: inline; width: 160px; margin: 0 0 0.5em 0; text-align: center; font-size: 1.4em; line-height: 1.6; } #sponsor_list li.first_child { clear: both; margin-left: 0; } #sponsor_list li.two_col { margin-left: 75px; } #sponsor_list li img { } #contact_form .field { padding-top: 20px; } #contact_form .field:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } #contact_form label { float: left; width: 210px; padding: 3px 10px 0 0; font-size: 1.5em; text-align: right; font-family: "Lucida Sans Unicode", sans-serif; } #contact_form input { width: 320px; padding: 5px; } #contact_form textarea { width: 320px; height: 100px; padding: 5px; } #contact_form input, #vote_form input, #contact_form textarea { border: 1px solid #4d4d4d; background: #faf7d2; } #contact_form .action { } #contact_form .action input { margin-left: 290px; width: auto; height: auto; padding: 0; border: 0; } #contact_info { width: 330px; margin: 0 0 0 220px; padding-bottom: 20px; } #contact_info p { padding-top: 1em; } #contact_form .mandatory { color: #f00; } .system_message { clear: both; width: 310px; padding: 10px; margin: 30px 0 10px 220px; background: #fff4a0; } .system_message ul { padding: 0; margin: 10px 15px 0 !important; list-style: disc; } .system_message li { margin-bottom: .3em !important; } .system_message h4 { font-weight: bold; font-size: 1.4em !important; } .error { border: solid 1px red; } .error h4 { color: #f00; } .error li { color: #f00; } #errors { margin: 15px 0 0 20px; color: #CB162A; font-weight: bold; } #newsletter_success { margin: 10px 0 0 20px; padding-right: 10px; } .confirmation { border: solid 1px green; } .confirmation h4 { color: #008000; } .confirmation p { color: #008000; padding: 10px 0; } #inner-content .gallery_holder { float: left; width: 100%; list-style: none; } #inner-content .gallery_holder li { float: left; background: #faf7d2; border: 1px solid #d0ba80; padding: 4px 4px 21px 4px; margin: 0 0 19px 10px; } #inner-content .gallery_holder li.first-in-row { margin-left: 0; } #inner-content .gallery_holder img { width: 138px; height: 104px; } #inner-content .gal_2009 li { margin: 0 0 20px 8px; } .gallery img { margin-bottom: .4em; } .artists { float: left; width: 245px; } .artists li { margin-top: 5px; } .artists li em { float: left; width: 30px; } #press { float: left; width: 100%; } #press li { float: left; width: 245px; margin-top: 20px; text-align: center; } #news_body #content { padding-top: 35px; } #error_body #content p { margin: 0 0 .8em 20px; line-height: 1.5; } #flash_container { margin-top: 10px; } #inner-content ul { margin: 10px 0 10px 0; } #inner-content ul li { margin: 1em 0; } #inner-content h4 { margin: 10px 0 10px 0; font-size: 1.8em;} #inner-content p { margin: 10px 0 10px 0;} #error_body #content ul { list-style: disc; margin-left: 35px; } #error_body #content li { margin-top: 10px; padding-left: 10px; } /*** pagination ***/ .pagination { float: left; width: 670px; margin: 20px 20px 5px 0; border-top: 1px solid #000; } .pagination a { font-size: 1em; font-weight: bold; } .pagination .prev { float: left; } .pagination .next { float: right; } .pagination .pages { margin: 0 130px; text-align: center; } .pagination .next a, .pagination .prev a { float: left; padding: 10px 25px; font-size: 1.2em; text-decoration: none; } .pagination .prev { background: url(/css/cssimg/prev.gif) no-repeat 0 50%; } .pagination .next { background: url(/css/cssimg/next.gif) no-repeat 100% 50%; } .pagination a:hover, .pagination a:active, .pagination a:focus { text-decoration: none; } .pagination span, .pagination a, .pagination strong { display: inline; } .pagination .pages span, .pagination .pages strong, .pagination .pages a { position: relative; top: 5px; padding: 0 8px; } /* .pagination .pages span, .pagination .pages strong, .pagination .pages a { background: url(/css/cssimg/pagination_splitter.gif) no-repeat 0 50%; } */ .pagination .pages .first-child { background: none !important; } .pagination .pages strong { padding-bottom: 5px; color: #4f4f4f; } #prijavi_se { font-size: 1.5em; line-height: 1 !important; } #event_body table { float: left; width: 315px; background: #FAF7D2; } #event_body .warmup { float: right; width: 315px; background: #fff; margin: 15px 7px 0 0; } #event_body table thead { text-align: left; } #event_body .first { margin-right: 50px; margin-bottom: 15px; } .notice { clear: both; text-align: right; padding: 15px 20px 0 0; font-style: italic; } #event_body table th.date { padding: 0; } #event_body table .special th, #event_body table .special td { background: #e3e3e3; } #event_body table td, #event_body thead th { border-bottom: #4F4F4F 1px solid; padding: 5px 7px 5px 7px; text-align: left; } .camp_list { list-style-type: disc; padding-left: 20px; width: 400px; } /* glasovanje */ .has_js #no_bot { display: none; } #vote_form input { padding: 5px; border: none; background: none; } #vote_form fieldset { padding: 0; } #vote_form .email, #vote_form .buttons { padding-top: 1em; } #vote_form .email { margin-right: 5px; width: 266px; } #vote_form .email label { display: block; } #vote_form .email input { width: 250px; border: 1px solid #4d4d4d; background: #faf7d2; } #vote_form .email span { font-size: .8em; } #vote_form .buttons { padding-top: 2.5em; } #vote_form .buttons input { padding: 4px; border: 1px solid #4d4d4d; background: #faf7d2; } #vote_form p { float: left; margin-right: 20px; width: 300px; min-height: 40px; height: auto !important; height: 40px; } #vote_form label a { display: block; margin-left: 20px; } #idemo-festival_body .system_message { margin: 0; } #idemo-festival_body #inner-content img { float: left; margin: 1em 2em 0 0; } /* glasovanje na naslovnici */ .vote_container { margin-left: 14px; padding-right: 10px; } .vote_container fieldset, .vote_container .email { margin: .5em 0; padding: 0; } .vote_container input { margin: 0 5px 5px 0; padding: 0; } .vote_container p { font-weight: bold; } .vote_container form p { font-weight: normal; } .vote_container .email label { display: block; } .vote_container .email input { margin: .5em 0; padding: 3px; } .vote_container .email label span { display: block; font-size: .8em; } .vote_container .system_message { margin: 10px 0; width: 190px; } /* gallery on front page */ #gallery { background: url(/css/cssimg/gallery/gallery_bg.gif) no-repeat; margin: -5px 0 0 -6px; padding: 15px 5px 20px 15px; position: relative; overflow: hidden; width: 663px; } #gallery .next { position: absolute; bottom: 40px; right: 10px; display: block; width: 108px; height: 44px; background: url(/css/cssimg/gallery/next.png) no-repeat; text-indent: -9999px; z-index: 999; } #gallery .prev { position: absolute; bottom: 40px; left: 10px; display: block; width: 110px; height: 45px; background: url(/css/cssimg/gallery/prev.png) no-repeat; text-indent: -9999px; z-index: 999; } #gallery .disabled { position: absolute; left: -9999px; } #gallery .curr { color: #fff; position: absolute; top: 15px; right: 20px; z-index: 999; font-weight: bold; } #gallery h2 { color: #fff; position: absolute; top: 15px; left: 20px; z-index: 999; font-weight: bold; } .second { display: none; } .has_js .second { display: block; }