* { margin: 0; padding: 0; }
html { height: 100%; margin-bottom: .1em; font: 80%/1.5 "Trebuchet MS", Tahoma, Verdana, sans-serif; color: #4d4d4d; background: #fff; }
body { background: url(/images/themes/blue/repeat.jpg); }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac **/
img, fieldset { border: none; }
a, a:hover, a:active, a:visited, img { outline: none; }
#wrapper { background: url(/images/themes/blue/start.jpg) repeat-x; margin-bottom: -100px; }
/*Themes by category, 2 images - on body and on wrapper*/
#casopis_body { background: url(/images/themes/red/repeat.jpg); }
#casopis_body #wrapper { background: url(/images/themes/red/start.jpg) repeat-x; }
#tv-video_body { background: url(/images/themes/brown/repeat.jpg); }
#tv-video_body #wrapper { background: url(/images/themes/brown/start.jpg) repeat-x; }
#satelitska-tv_body { background: url(/images/themes/green/repeat.jpg); }
#satelitska-tv_body #wrapper { background: url(/images/themes/green/start.jpg) repeat-x; }
#radio_body { background: url(/images/themes/grey/repeat.jpg); }
#radio_body #wrapper { background: url(/images/themes/grey/start.jpg) repeat-x; }
#film_body { background: url(/images/themes/neka-plava/repeat.jpg); }
#film_body #wrapper { background: url(/images/themes/neka-plava/start.jpg) repeat-x; }
#hifi-a-v_body { background: url(/images/themes/yellow/repeat.jpg); }
#hifi-a-v_body #wrapper { background: url(/images/themes/yellow/start.jpg) repeat-x; }
#digitalci_body { background: url(/images/themes/purple/repeat.jpg); }
#digitalci_body #wrapper { background: url(/images/themes/purple/start.jpg) repeat-x; }
#triple-play-kabelska_body { background: url(/images/themes/dark-purple/repeat.jpg); }
#triple-play-kabelska_body #wrapper { background: url(/images/themes/dark-purple/start.jpg) repeat-x; }
#sex_body { background: url(/images/themes/sex/repeat.jpg); }
#sex_body #wrapper { background: url(/images/themes/sex/start.jpg) repeat-x; }
/**/
.container { width: 955px; margin: 0 auto; }
#logo { margin: 0 0 0 5px; }
#header { background: url(/images/header_new.png) no-repeat; padding: 0 10px; min-height: 288px; height: 288px; }
#banner_holder { margin: -145px 0 0 220px; }
#banner_holder .banner { float: left; margin: 0 10px 0 0; border: #efeeee 1px solid; }
#content { background: url(/images/content_repeat.png); padding: 0 10px 40px 0; }
#content_holder h1 img { position: relative; top: -2px; }
/*Footer*/
#footer { background: url(/images/footer.png) repeat-x; padding: 100px 0 0 0; }
#footer .inner { margin-left: 155px; width: 780px; font-size: .8em; border-top: #efeeee 1px solid; padding: 30px 0 50px 0; }
#footer #navigation, #footer p { float: left; }
#footer #navigation { list-style: none; margin-left: 50px; }
#footer #navigation li { float: left; margin-right: 10px; }
#footer #navigation li a { color: #ce1a06; }
/*Main nav*/
#main_navigation { position: relative; top: -55px; margin: 0 20px 0 4px; list-style: none; width: 127px; float: left; }
#main_navigation ul { list-style: none; }
#main_navigation ul li a { color: #4d4d4d; text-decoration: none; display: block; padding: 5px 0 5px 20px; }
#main_navigation ul li a:hover, #main_navigation .active a { display: block; background: #555; padding: 5px 0 5px 20px; color: #fff; }
#main_navigation .sub_menu { color: #ce1a06; list-style: none; margin: 0 20px 0 0; list-style: none; width: 127px; border-bottom: #efeeee 1px solid; }
#main_navigation .sub_menu a { color: #ce1a06; display: block; background: none; padding: 5px 10px 5px 20px; }
#main_navigation .sub_menu a:hover { background: none; color: #ce1a06; padding: 5px 10px 5px 20px; }
#main_navigation .sub_active a { color: #fff; background: #4d4d4d; }
#main_navigation .sub_menu li { padding: 5px 0; margin: 5px 0; }
/*Link color*/
.featured_article a, .featured_video a span { color: #4d4d4d; text-decoration: none; }
.article a, .article_small a, #links a, #tab_content a, #most_read a, h1 a, #sitemap a, #stations a, .featured_video a { color: #ce1a06; text-decoration: none; }
#links a:hover, #most_read a:hover, .featured_video a:hover { border-bottom: #ce1a06 1px dashed; }
/*Detailes link eg. "Vidi sve ankete" */
.detailes { color: #ce1a06; text-decoration: none; background: url(/images/see_all_thumb.gif) no-repeat left center; padding-left: 20px; }
/* Date, category, comment indicators */
.date { background: url(/images/date_thumb.gif) no-repeat left center; padding-left: 20px; margin-right: 20px; }
.category { background: url(/images/category_thumb.gif) no-repeat left center; padding-left: 20px; margin-right: 20px; }
.comments { background: url(/images/comment_thumb.gif) no-repeat left center; padding-left: 20px; margin-right: 20px; }
.comments a, .add_comment a, .rss_small a, .author a { color: #ce1a06; text-decoration: none; }
.author { background: url(/images/covo.gif) no-repeat left center; padding-left: 20px; margin-right: 20px; }
.add_comment { background: url(/images/add_comment.gif) no-repeat left center; padding-left: 20px; margin: -55px 180px 0 0; float: right; }
.rss_small { background: url(/images/rss_small.gif) no-repeat left center; padding-left: 20px; margin: -55px 20px 0 0; float: right; }
#tab_content .category a { color: #60acd4; }
/*Main content*/
#main_content { float: left; width: 785px; position: relative; top: -55px; }
#main_content h2 { border-bottom: #efeeee 1px solid; font-weight: normal; }
#content_holder { width: 620px; margin-right: 10px; float: left; }
#content_holder h1 { border-bottom: #efeeee 1px solid; font-weight: normal; font-size: 1.5em; }
#sidebar { width: 150px; float: left; }
.rss { display: block; position: absolute; right: 180px; top: -9px; }
/*Articles*/
.featured_article { float: left; position: relative; top: 10px; width: 403px; background: url(/images/featured_image_bg.gif) no-repeat; min-height: 214px; height: auto !important; height: 214px; }
.featured_article h3, .featured_video span { position: absolute; bottom: 3px; left: 5px; background: url(/images/opacity.png); width: 383px; padding: 10px 0 10px 10px; font-size: 1.4em; font-weight: normal; line-height: 1.1em; }
.featured_article img { position: relative; top: 5px; left: 5px; }
.article { width: 145px; float: left; background: url(/images/article_image_bg.gif) no-repeat; font-size: .8em; padding: 0 0 0 5px; margin: 30px 5px 0 0; min-height: 220px; height: auto !important; height: 220px; }
.first_in_row { clear: both; display: inline; }
.article img { position: relative; top: 4px; left: -1px; }
.article h3 { margin: 5px 0; }
/* Video */
.featured_video { width: 216px; position: relative; top: 10px; background: url(/images/video_bg.gif) no-repeat; min-height: 214px; height: auto !important; height: 214px; float :left; }
/*.featured_video img { width: 206px; height: 204px; }
.featured_video a { width: 206px; height: 204px; position: relative; top: 5px; left: 5px; } */
.featured_video h2 { display: none; margin: 5px 3px 0 3px; padding-left: 10px; }
.featured_video ul { list-style: none; margin: 4px 0 0 5px; width: 206px; height: 205px; position: relative; }
.featured_video span { width: 197px; left: 0; font-size: 1em; }
.featured_video a:hover { border: none; }
#video_next { position: absolute; top: 120px; right: 170px; z-index: 999; }
#video_prev { position: absolute; top: 120px; left: 407px; z-index: 999; }
/* Časopis */
.magazine_featured { float: left; width: 290px; height: 190px; margin: 30px 15px 0 3px; position: relative; clear: both; border: #efeeee 1px solid; }
.magazine_overview img, .magazine_archive img, .magazine img { border: #efeeee 1px solid; }
.magazine_featured img { }
.magazine_featured .read { position: absolute; bottom: 20px; right: 0; display: block; background: url(/images/read_magazine_bg.png) no-repeat; padding: 20px 10px 20px 20px; color: #4d4d4d; text-decoration: none; font-weight: bold; }
.magazine_overview { position: relative; margin-top: 10px; }
.magazine_overview .read { position: absolute; bottom: 20px; right: 348px; display: block; background: url(/images/read_magazine_bg.png) no-repeat; padding: 20px 10px 20px 20px; color: #4d4d4d; text-decoration: none; font-weight: bold; }
.magazine_archive { width: 145px; float: left; margin: 10px 0; margin-right: 10px; min-height: 230px; height: auto !important; height: 230px; }
.magazine_archive a { display: block; float: left; }
.last_child { margin-right: 0; }
#magazine { margin: 10px 0; width: 620px; height: 882px; border: #efeeee 1px solid; }
.magazine_description { margin: 10px 0; }
.magazine_description ul { margin: 1em 0 1em 15px; }
.magazine_overview ul { margin: 1em 0 1em 15px; list-style: none; }
#magazine_nav { position: absolute; width: 620px; z-index: 9999; top: 440px; }
#magazine_nav #next { position: absolute; top: 0; margin-top: -35px; right: -1px; }
#magazine_nav #prev { position: absolute; top: 0; margin-top: -35px; left: 1px; }
/*Article small*/
.article_small { width: 200px; float: left; margin-top: 30px; background: url(/images/article_small_bg.gif) no-repeat; min-height: 60px; height: auto !important; height: 60px; }
.article_small img { position: relative; top: 4px; left: 4px; float: left; }
.article_small h3 { float: left; font-size: .8em; width: 110px; margin: 5px 0 0 10px; }
/*Search form*/
#main_search_form { margin-bottom: 5px; }
#main_search_form label { font-size: 1.5em; border-bottom: #efeeee 1px solid; display: block; margin-bottom: 10px; }
#main_search_form input { padding: 8px; width: 73%; font-size: 1em; border: #e8e8e8 1px solid; background: url(/images/input_bg.gif) repeat-x bottom; }
#main_search_form #search_button { width: 24px; height: 34px; padding: 0; background: none; border: none; position: relative; margin-top: -34px; float: right; }
/*Banners in sidebar*/
#sidebar .banner { margin: 10px 0; }
#sidebar .banner a { display: block; border: #efeeee 1px solid; }
/*Links in sidebar*/
#links { margin: 10px 0; }
#links li { margin-left: 20px; }
/*Poll*/
#sidebar p { margin: 10px 0; }
#sidebar #poll p { margin: 5px 0; }
#poll p { margin: 0; }
#poll p input { position: relative; top: 3px; }
#poll .buttons input { border: #e8e8e8 1px solid; padding: 5px; width: 100%; }
.poll_list .poll_answer_bg { background: #e3e3e3; padding: 15px; margin-bottom: -40px; }
.poll_list p { padding: 5px 5px 0 5px; }
/* Extra - Tab content */
#tab_navigation { list-style: none; position: relative; margin-top: 30px; }
#tab_navigation li { float: left; width: 120px; margin-right: 5px; }
#tab_navigation li.last_child { margin-right: 0; }
#tab_navigation li.active a { display: block; background: url(/images/tab_active.gif) no-repeat; text-align: center; padding: 5px 0; color: #4d4d4d; text-decoration: none; }
#tab_navigation .tab_1 a { display: block; background: url(/images/tab_crveni.gif) no-repeat; text-align: center; padding: 5px 0; color: #fff; text-decoration: none; }
#tab_navigation .tab_2 a { display: block; background: url(/images/tab_plavi.gif) no-repeat; text-align: center; padding: 5px 0; color: #fff; text-decoration: none; }
#tab_navigation .tab_3 a { display: block; background: url(/images/tab_zeleni.gif) no-repeat; text-align: center; padding: 5px 0; color: #fff; text-decoration: none; }
#tab_navigation .tab_4 a { display: block; background: url(/images/tab_naran.gif) no-repeat; text-align: center; padding: 5px 0; color: #fff; text-decoration: none; }
#tab_navigation li a { display: block; background: url(/images/tab.gif) no-repeat; text-align: center; padding: 5px 0; color: #fff; text-decoration: none; }
#tab_content { background: #efeeee; clear: both; padding: 20px; font-size: .8em; }
#tab_content div div { width: 280px; float: left; margin-bottom: 5px; min-height: 100px; height: auto !important; height: 100px; }
#tab_content div div.first_in_row { margin-right: 20px; }
#tab_content div div h3 { margin-bottom: 10px; }
#tab_content div div .lead { margin-top: 10px; }
#tab_content div div .lead img { float: left; padding: 2px; background: #fff; border: 1px solid #e3e3e3; margin: 0 5px 5px 0; }
/* Inner content */
#inner_page_main_content { width: 310px; float: left; margin-top: 20px; }
#inner_page_main_content .article { margin: 0 0 20px 0; }
#inner_page_sub_content { margin: 20px 0 0 10px; width: 300px; float: left; }
#inner_page_sub_content #most_read, #inner_page_sub_content #stations { list-style: none; margin: 10px 0;}
#inner_page_sub_content #most_read li { background: url(/images/star.gif) no-repeat left 5px; padding-left: 20px; margin: 5px 0; }
#inner_page_sub_content #stations li { margin: 10px 5px 0 0; float: left; padding: 5px; border: #efeeee 1px solid; width: 82px; min-height: 115px; height: auto !important; height: 115px; display: inline; }
#inner_page_sub_content #stations li a.stream { display: block; background: url(/images/stream.gif) left center no-repeat; padding-left: 20px; }
#inner_page_sub_content #stations li a { font-size: 1em; }
#inner_page_sub_content #stations li .station_name { display: block; margin-top: 10px; }
/* Video player */
a.flowplayer, a.flowplayer img { display: block; position: relative; }
/* play button on top of splash screenn */
.flowplayer .playButton { background: url(/css/admin/images/play.png) no-repeat; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; opacity: 0.9; margin: -25px 0 0 -25px; }
/* play button upon mouseover */
.flowplayer .playButton:hover { opacity:1.0; }
/* Tag cloud */
#tag_cloud { margin: 10px 0; width: 300px; list-style: none; }
#tag_cloud li { float: left; margin-left: 5px; display: inline; }
#tag_cloud a { color: #60acd4; text-decoration: none; padding: 5px; }
#tag_cloud .tag_1 { font-size: .7em; }
#tag_cloud .tag_2 { font-size: .85em; }
#tag_cloud .tag_3 { font-size: 1em; }
#tag_cloud .tag_4 { font-size: 1.15em; }
#tag_cloud .tag_5 { font-size: 1.3em; }
#tag_cloud .tag_6 { font-size: 1.45em; }
#tag_cloud .tag_7 { font-size: 1.6em; }
#tag_cloud .tag_8 { font-size: 1.75em; }
#tag_cloud .tag_9 { font-size: 1.9em; }
#tag_cloud .tag_10 { font-size: 2.2em; }
/* Pagination */
.pagination { clear: both; list-style: none; width: 100%; border-top: #efeeee 1px solid; border-bottom: #efeeee 1px solid; padding: 10px 0 30px 0; margin: 20px 0;}
.pagination li { float: left; margin-right: 10px; }
.pagination li a { color: #4d4d4d; text-decoration: none; padding: 5px; }
.pagination .current a { color: #60acd4; text-decoration: none; font-size: 1.5em; position: relative; top: -5px; }
/* View article */
#view_article { margin: 10px 0; border-bottom: #efeeee 1px solid; padding-bottom: 20px;}
#content_holder #view_article h2 { border-bottom: none; margin-bottom: 5px; }
#view_article p, #comments p { margin: 10px 0; }
#view_article img, #info img, #view_article .flowplayer { padding: 5px; border: #efeeee 1px solid; }
#view_article .flowplayer img { border: none; padding: 0; }
#view_article ul, #view_article ol { margin: 10px 0 10px 20px; }
img.slika_lijevo, .slika_lijevo img { float: left; margin: 0 10px 0 0; }
img.slika_desno, .slika_desno img { float: right; margin: 0 0 0 10px; }
#view_article a { color: #ce1a06; text-decoration: none; }
#comments h2, #comment_form h2 { padding-bottom: 10px; margin: 10px 0 20px 0; }
#comments .comment { padding: 10px 0 10px 0; border-bottom: #efeeee 1px solid; }
#comments .deleted { color: #A3A3A3; }
#comment_form form, #contact_form { float: left; width: 50%; }
#comment_form form label, #contact_form label { display: block; }
#comment_form form input, #contact_form input { padding: 5px; width: 100%; font-size: 1em; border: #e8e8e8 1px solid; background: url(/images/input_bg.gif) repeat-x bottom; margin-bottom: 10px; }
#comment_form form textarea, #contact_form textarea { padding: 5px; width: 100%; font: inherit; border: #e8e8e8 1px solid; background: url(/images/input_bg.gif) repeat-x bottom; margin-bottom: 10px; }
#comment_form .buttons input, #contact_form .buttons input { border: #e8e8e8 1px solid; width: auto; color: #4d4d4d; }
.comment_guideline { float: right; width: 200px; }
.comment_error { color: #ce1a06; background: #fff9dd; border: #efeeee 1px solid; padding: 10px; margin: 10px 0; }
legend { display: none; }
/* Info */
#info { margin: 10px 0; }
#info p { margin: 10px 0; }
#info ul, #info ol { margin-left: 15px; }
/* Linkovi */
#link_list dl { width: 100%; }
#link_list dt { margin: 10px 0; }
#link_list dd { border-bottom: #e8e8e8 1px solid; padding-bottom: 10px; }
#link_list dl a { color: #ce1a06; text-decoration: none; }
/* Ankete */
.poll_list { width: 45%; float: left; margin: 10px 20px 0 0; }
.poll_list p { margin: 5px 0; }
.poll_list .buttons input { width: 50%; border: #e8e8e8 1px solid; padding: 5px; }
/* Sitemap */
#sitemap h2, #sitemap p { margin: 10px 0; }
#sitemap .sub_menu { margin-left: 20px; }
/* System messages */
.system_message a { color: #ce1a06; text-decoration: none; }
.delete_comment { background: url(/images/delete_comment.gif) no-repeat left center; padding-left: 20px; margin-right: 20px; }
.undelete_comment { background: url(/images/undelete_comment.gif) no-repeat left center; padding-left: 20px; margin-right: 20px; }
/* Search results */
#search_results, #search_results p { margin: 10px 0; }
#search_results a { color: #ce1a06; text-decoration: none; }
/* 404 */
#error_404 { margin: 10px 0; }