body { margin: 0px 0px; padding: 0; border: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #container { width: 990px; margin: 0px auto; text-align: left; } #header {} #content { width: 990px; } #dynamic_box_left { margin: 0; float: left; } #dynamic_box_center { float: left; } #dynamic_box_right { margin: 0; float: right; } #content_footer {clear: both;} #footer {clear: both;} /*********deafault layout**********/ #layout_default div#dynamic_box_right {width: 310px;} #layout_default div#dynamic_box_left {display:none;} #layout_default div#dynamic_box_center {width: 680px;} /********** two column *************/ #layout_two_column div#dynamic_box_right {width: 320px;} #layout_two_column div#dynamic_box_left {display:none;} #layout_two_column div#dynamic_box_center {width: 670px;} /************ three columns ***************/ #layout_three_columns div#dynamic_box_right {width: 190px;} #layout_three_columns div#dynamic_box_left {width: 190px;} #layout_three_columns div#dynamic_box_center {width: 610px;} /************ equal ***************/ #layout_equal div#dynamic_box_right {width: 330px;} #layout_equal div#dynamic_box_left {width: 330px;} #layout_equal div#dynamic_box_center {width: 330px;} /************ equal rights ***************/ #layout_equal_rights div#dynamic_box_right {width: 260px;} #layout_equal_rights div#dynamic_box_left {width: 470px;} #layout_equal_rights div#dynamic_box_center {width: 260px;} /************ non equal ***************/ #layout_non_equal div#dynamic_box_right {width: 320px;} #layout_non_equal div#dynamic_box_left {width: 420px;} #layout_non_equal div#dynamic_box_center {width: 250px;} /************* CONTENT FEATURES *****************/ #content_features_left { float: left;} #content_features_right { float: left;} .features_equal_default { width: 100%; overflow: hidden;} /*********** equal_default *********************/ .features_equal_default #content_features_left {width: 342px;} .features_equal_default #content_features_right {width: 228px;} /*********** equal *********************/ .features_equal #content_features_left {width: 495px;} .features_equal #content_features_right {width: 495px;} /*********** left *********************/ .features_left #content_features_left {width: 680px;} .features_left #content_features_right {width: 310px;} /*********** right *********************/ .features_right #content_features_left {width: 310px;} .features_right #content_features_right {width: 680px;} /*********** equal_three *********************/ .features_inside .content_features_col {width: 223px; float: left;} /*********** inside *********************/ .features_inside {width: 670px; overflow: hidden;} .features_inside #content_features_left {width: 335px;} .features_inside #content_features_right {width: 335px;} /******************** LAYOUT BOXES********************/ #main_news_box {float: left;} .main_news_box_row {width: 100%; overflow: hidden;} .main_news_category { float:left; display: inline; width:273px; margin: 6px; /****styles****/ } .category_news_category { float:left; display: inline; width:261px; margin: 6px; /****styles****/ } /******************** TOOLTIPS ********************/ .tooltip { position: absolute!important; overflow:hidden; font-size: 12px; z-index: 10000!important; } .tooltip .xtop, .tooltip .xbottom { display: block; background: transparent; font-size: 1px; } .tooltip .xb1, .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { display: block; overflow: hidden; } .tooltip .xb1, .tooltip .xb2, .tooltip .xb3 { height: 1px; } .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { background: #666; border-left: 1px solid #333; border-right: 1px solid #333; } .tooltip .xbottom .xb2, .tooltip .xbottom .xb3, .tooltip .xbottom .xb4 { background: #666; } .tooltip .xb1 { margin: 0 5px; background: #333; } .tooltip .xb2 { margin: 0 3px; border-width: 0 2px; } .tooltip .xb3 { margin: 0 2px; } .tooltip .xb4 { height: 2px; margin: 0 1px; } .tooltip .xboxcontent { padding: 0 .5em; margin: 0; color: #000; text-shadow: 2px 2px 0px #CCC; word-wrap:break-word; border: 1px solid #333; border-width: 0px 1px 0 1px; background-color: #666; text-align: left; } body { background: #191919 url(../img/body_bg.gif) top repeat-x; margin: 0px 0px 20px 0px;} /*body { background: #0086d2 url(../img/herbal_branding2.jpg) no-repeat top center; margin: 0px 0px 20px 0px; }*/ /*************** GLOBAL STYLES *************************************************************************************************************************/ /******************************************************************************************************************************************************/ #container {} #content {} #container div#footer div.bottom_corners { } #box_center_holder_home { background: #fff url(../img/box_center_top_bg.gif) top center no-repeat; margin: 5px 5px; padding: 10px 0px 0px 0px;} #box_center { background: #fff url(../img/box_center_bottom_bg.gif) bottom center no-repeat; overflow: hidden; width: 100%; padding-bottom: 10px;} #box_center_left { float: left; width: 270px; margin-left: 20px; display:inline; } #box_center_right { float: right; margin-right: 15px; margin-left: 10px; width: 355px; display:inline;} /*** Global anchor styles ***/ a {color:#000; text-decoration: none;} a:hover {text-decoration: underline;} a img {border: none;} /*** Global list styles ***/ ul { padding: 0; margin: 0;} ul li { list-style-type: none;} /*** Global heading styles ***/ h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; margin: 0px;} h1 { font-size: 18px; font-weight: normal; } h1 a { color: #f60002;} h2, h3 {font-size: 12px; padding-bottom: 4px;} h2 a:hover, h3 a:hover {color: #f60002;} h4 {} h4 a {} /*** Global box styles ***/ .box .box_title { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; } /*************** HEADER STYLES *************************************************************************************************************************/ /******************************************************************************************************************************************************/ .above_header {overflow:hidden; width: 100%; height: 35px;} .above_header a { color: #fff; font-size: 10px;} .AM_links {float: right; padding: 12px 5px 5px 37px; background: url(../img/AMlogo.png) bottom left no-repeat;} .AM_links ul li {display:inline; padding-right: 5px; color: #fff; font-size: 10px;} .mobile_rss ul li a { padding: 0px 5px;} .mobile_rss img { vertical-align: middle;} .mobile_rss {float: left; padding: 12px 5px 0px 5px;} .mobile_rss li { display: inline; padding-right: 5px;} .header_image { width:100%; overflow:hidden;} .header_top { background: url(../img/header2.png) top no-repeat; height: 154px; padding-top: 15px;} .header_image .logo {float: left; margin: 10px 45px 6px 34px; display: inline;} .header_ad { float: left; width:728px;} /*** Static pages navigation ***/ .box_pages { /*** static pages list holder ***/ border: 2px solid #000; padding: 6px; background: #42464A url(../img/pages_bg.gif) bottom repeat-x; } .box_pages li { /*** static pages list ***/ display: inline; } .box_pages a {padding: 5px 6px;} .box_pages a:link, .box_pages a:visited { color: #fff; text-decoration: none; } .box_pages a:hover { color: #000; background-color: #B7B8B8; text-decoration: none; } .date_search .datum {float:left; padding-left:20px; color:#fff; font-size:11px;} .date_search .datum h2 {font-size: 11px; font-weight:bold;} .date_search .datum h2 a {color:#fff;} .bio p { line-height: 1.4em;} /*** Search box ***/ .search { margin-right: 10px; line-height: 25px; padding: 0px; float: right; width:337px; } #box_search span { font-size: 10px; text-transform: uppercase; color:#7a0101; font-weight:bold; padding-right: 10px;} .search button { width: 33px; height: 25px; padding: 0px; border: none; background: url(../img/search_button.png) top left no-repeat; margin: 0px 0px 0px -3px; vertical-align:middle; } input#search_query { border: none; background: url(../img/search.png) top left no-repeat; margin: 0px; padding: 4px 0 0 4px; width: 230px; height: 21px; vertical-align:middle; color: #f2f2f2; } .date_search { overflow: hidden; width: 100%; padding-top:21px;} /*************** LEFT COLUMN STYLES ********************************************************************************************************************/ /******************************************************************************************************************************************************/ /*************** CONTENT STYLES ************************************************************************************************************************/ /******************************************************************************************************************************************************/ #box_center_holder {} #box_center_holder h1 { font-size: 32px; padding-bottom: 4px; margin-bottom: 12px; color: #fff;} #box_center_holder div.category_headline { width: 100%; overflow: hidden;} #box_center_holder div.category_headline h2 a { color: #f60000; font-size: 18px; font-weight: normal;} #box_center_holder div.category_headline div.image { float: left; padding: 6px; margin: 0px 6px 6px 6px; background-color: #eeeeee; border: none;} #box_center_holder div.category_headline div.summary {} div.article_link {display: inline; padding-left: 4px;} div.article_link a {color: #f60000;} span.article_link a {color: #f60000; font-weight:bold; text-transform:uppercase; font-size: 11px; padding-left: 5px;} div.box_body div.image { padding: 2px; float: left; margin: 2px 4px 2px 2px; border: 1px solid #CCCCCC; } .short_holder { width: 100%; overflow: hidden;} .short { /*** Global summary styles ***/ margin-bottom: 4px; padding: 5px; border-bottom: 1px solid #e8e8e8; } /*** Article summaries heights ***/ #latest_news div.short{height:122px;} /*** Main news styles ***/ #category_news_box div.box_title { margin-bottom: 6px;} /*** Category links ***/ #category_news_box div.box_title h4, #category_news_box div.box_title h4 a { font-size: 16px; color: #172973; border-bottom: 1px solid #eee; padding: 4px 0px; margin-bottom: 4px; } /*** Subcategory links ***/ #category_news_box div.box_title span { color: #000; font-size: 11px; padding: 0px 1px; } #category_news_box div.box_title span a { color: #f60002;} #category_news_box div.box_title span a:hover { color: #000;} #category_news_box div.box_body ul { padding: 0px 6px;} #category_news_box div.box_body ul li { border-bottom: 1px solid #eee; padding: 1px 0px; } #category_news_box div.box_body ul li a { display: block; padding: 2px 2px 2px 14px; background: url(../img/bullet_arrow.gif) 6px 6px no-repeat; } /*** Article styles ***/ .box_breadcrumb { padding: 6px 0px; color: #666666; text-transform: uppercase; font-size: 11px;} .box_breadcrumb a {color: #f60000; padding-right: 4px; font-weight: bold;} #article_holder h1 { font-size: 32px; color: #202020; padding: 8px 0px 4px 0px; margin-bottom: 2px;} #article_holder div.article_metadata { padding: 0px 0px 18px 0px; margin-bottom: 4px; border-bottom: 1px solid #EEEEEE;} #article_holder div.article_metadata span.metadata_time { font-size: 10px; color: #666666; float: right;} #article_holder div.font_size { font-size: 11px; text-align: right; margin-bottom: 12px;} #article_holder div.font_size img { vertical-align: bottom; padding-left: 3px;} #article_holder div.image { } #article_holder span.image_caption { font-size: 10px; line-height:normal; color:#9e9e9e;} #article_holder div#article_body { line-height: 1.6em; /*width: 100%; overflow: hidden; - izbaceno zbog social boxa */ margin-bottom: 12px;} #article_holder div#article_body h1, #article_holder div#article_body h2, #article_holder div#article_body h3, #article_holder div#article_body h4, #article_holder div#article_body h5, #article_holder div#article_body h6 { font-family: Arial, Helvetica, sans-serif;} #article_holder div#article_body a { color: #002BB8;} /*** Article social bookmarks ***/ #box_social_bookmarks { color: #f60000; padding: 2px 0px; margin: 6px 0px 12px 0px; } #box_social_bookmarks h2 { font-size: 11px;} #box_social_bookmarks img { vertical-align: middle;} /*** Article comments ***/ .comment_block { margin-bottom:20px; } .comment_block h4 span.no_comments {display:block; font-size:12px; font-weight:normal;} #comment_list { padding: 15px 8px;} #comment_list div.comment_holder { margin-bottom: 20px; margin-left: 10px;} #comment_list div.comment_header { padding-bottom: 6px;} #comment_list div.comment_header { font-size: 11px;} #comment_list div.comment_header a { color: #f60002; font-weight: bold;} #comment_list div.comment_body_holder_2 {padding:15px 0px 15px 30px; background: url(../img/comment_up.gif) top left no-repeat;} #comment_list div.comment_body_holder {background: url(../img/comment_down.gif) bottom left no-repeat;} #comment_list div.comment_body {width: 100%; overflow: hidden; } #comment_list div.comment_body img { float: left;} #comment_list div.comment_body div.comment_text { color: #2a2a2a; padding: 0px 12px 10px 0px;} #comment_list div.comment_report, #comment_list div.comment_rate { float: right;} #comment_list div.comment_rate { padding-right: 6px;} .comment_rate div.result { float: left; border: 1px solid #ebebeb; background-color: #ffffff; padding: 0px 4px; color: #555555; font-weight: bold; } .formElement input.comment_input {background: url(../img/input_comment.gif) bottom right no-repeat; border: none;} .formElement textarea.comment_textarea {background: url(../img/input_textarea_comment.gif) bottom right no-repeat; border: none;} .result span.error {font-weight: normal; font-size: 11px; color: #f60000;} #comment_form_holder { padding: 0px 12px;} input.dodaj { background: url(../img/dodaj.gif) top left no-repeat; border: none; width: 67px; height: 30px; margin-top: 10px;} #dynamic_box_center #comment_form div.form_line label.slika { padding:0px 3px 0px 3px; color: #666; text-transform: uppercase; float: none;} div#comment_dump { font-size: 14px; color: #172973; background-color: #F8F8F8; border: 1px solid #EBEBEB; padding: 6px; } div#comment_dump span.error {color: #f60000;} /*** Pagination ***/ #box_pagination { padding: 8px 10px; margin: 6px 5px; background: url(../img/box_pagination.png) top left no-repeat; color: #202020; font-size: 11px;} #box_pagination span.pagination { float:right; font-weight: bold;} #box_pagination span.pagination a { font-weight: normal; color: #f60002; font-size: 11px; padding: 0px 2px;} #box_pagination span.pagination_total {color: #f60002; font-size: 11px;} /*** Archive calendar ***/ #box_calendar table caption { font-weight: bold; background-color: #eeeeee; border-bottom: 1px solid #cccccc; padding: 6px 0px; margin-bottom: 6px; } #box_calendar table caption a {color: #f60002;} #box_calendar table caption span { cursor: pointer; padding: 0px 4px;} #box_calendar table td { background-color: #F1F1F1; padding: 1px 2px;} /*** Gallery ***/ .small_galery_holder { overflow: hidden; width: 100%;} .small_galery_holder .image { float: left; margin: 0px 3px 6px 3px; width: 82px; height: 82px; overflow: hidden;} .small_galery_holder .box_title { text-align: right; padding-right: 9px;} /*** Latest News ***/ .inner_latest { padding: 5px;} #latest_news_box .image { float: left; margin: 0px 5px 6px 5px; width: 75px; height: 75px; overflow: hidden; border:none;} #latest_news_box .box_title {text-align: right; padding-right: 7px;} #latest_news_box .short {border:none; padding: 0px 0px 0px 0px; margin-bottom:10px;} #latest_news_box .short_holder { padding: 0px 0px 0px 0px;} .top_1, .top_10, .top_11, .top_6, .top_12 { background: #ffd0d0 url(../img/box_latest_roze_up_right.gif) top right no-repeat; height: 9px; padding: 0px; margin:0px;} .top_1 .top2, .top_10 .top2, .top_11 .top2, .top_6 .top2, .top_12 .top2 { background: url(../img/box_latest_roze_up_left.gif) top left no-repeat; height: 9px;} #latest_news_1, #latest_news_10, #latest_news_11, #latest_news_6, #latest_news_12 { background: #ffd0d0 url(../img/box_latest_roze_down_right.gif) bottom right no-repeat; } #latest_news_1 .short_holder, #latest_news_10 .short_holder, #latest_news_11 .short_holder, #latest_news_6 .short_holder, #latest_news_12 .short_holder { background: url(../img/box_latest_roze_down_left.gif) bottom left no-repeat;} .top_2, .top_13, .top_4, .top_14, .top_15, .top_16, .top_17, .top_18 { background: #d0f1ff url(../img/box_latest_blue_up_right.gif) top right no-repeat; height: 9px; padding: 0px; margin:0px;} .top_2 .top2, .top_13 .top2, .top_4 .top2, .top_14 .top2, .top_15 .top2, .top_16 .top2, .top_17 .top2, .top_18 .top2 { background: url(../img/box_latest_blue_up_left.gif) top left no-repeat; height: 9px;} #latest_news_2, #latest_news_13, #latest_news_4, #latest_news_14, #latest_news_15, #latest_news_16, #latest_news_17, #latest_news_18 { background: #d0f1ff url(../img/box_latest_blue_down_right.gif) bottom right no-repeat;} #latest_news_2 .short_holder, #latest_news_13 .short_holder, #latest_news_4 .short_holder, #latest_news_14 .short_holder, #latest_news_15 .short_holder, #latest_news_16 .short_holder, #latest_news_17 .short_holder, #latest_news_18 .short_holder { background: url(../img/box_latest_blue_down_left.gif) bottom left no-repeat;} .top_5, .top_3, .top_8, .top_26, .top_27, .top_28, .top_29 { background: #ffd0f9 url(../img/box_latest_purple_up_right.gif) top right no-repeat; height: 9px; padding: 0px; margin:0px;} .top_5 .top2, .top_3 .top2, .top_8 .top2, .top_26 .top2, .top_27 .top2, .top_28 .top2, .top_29 .top2 { background: url(../img/box_latest_purple_up_left.gif) top left no-repeat; height: 9px;} #latest_news_5, #latest_news_3, #latest_news_8, #latest_news_26, #latest_news_27, #latest_news_28, #latest_news_29 { background: #ffd0f9 url(../img/box_latest_purple_down_right.gif) bottom right no-repeat;} #latest_news_5 .short_holder, #latest_news_3 .short_holder, #latest_news_8 .short_holder, #latest_news_26 .short_holder, #latest_news_27 .short_holder, #latest_news_28 .short_holder, #latest_news_29 .short_holder {background: url(../img/box_latest_purple_down_left.gif) bottom left no-repeat;} .top_19, .top_20, .top_21, .top_23 { background: #fff8d0 url(../img/box_latest_yellow_up_right.gif) top right no-repeat; height: 9px; padding: 0px; margin:0px;} .top_19 .top2, .top_20 .top2, .top_21 .top2, .top_23 .top2 { background: url(../img/box_latest_yellow_up_left.gif) top left no-repeat; height: 9px;} #latest_news_19, #latest_news_20, #latest_news_20, #latest_news_21, #latest_news_23 { background: #fff8d0 url(../img/box_latest_yellow_down_right.gif) bottom right no-repeat;} #latest_news_19 .short_holder, #latest_news_20 .short_holder, #latest_news_21 .short_holder, #latest_news_23 .short_holder { background: url(../img/box_latest_yellow_down_left.gif) bottom left no-repeat;} #latest_news_box span.latest_cat a { font-size: 10px; text-transform: uppercase; background: #fff; padding: 0 2px; font-weight: bold;} #latest_news_box h2 a { font-size: 16px; } #latest_news_box span.metadata_time {font-size: 10px; padding: 0px 10px;} #latest_news_box .latest_details { padding: 0px 5px 10px 5px;} #latest_news_box .article_link {display:block; text-transform: uppercase; padding: 5px; font-size: 11px; font-weight: bold;} /*** Da li ste znali ***/ #da_li_ste_znali {margin:10px 0px;} #da_li_ste_znali .box_body { background: #ceeecf url(../img/da_li_znate_bottom.gif) bottom left no-repeat; height: 150px; overflow: hidden;} #da_li_ste_znali .box_content { padding: 15px; font-size: 13px; color: #4b614b;} #da_li_ste_znali .box_body .box_content a { color:#4B614B; font-weight: bold; text-decoration: underline;} #da_li_ste_znali .box_body .box_content a:hover { color:#191919;} /*** Pratite nas ***/ #pratite_nas { margin: 10px 0px;} #pratite_nas .title { padding-bottom:10px; } #pratite_nas .content a {padding: 0px 5px;} /*** Ostale vesti ***/ .latest_next h2 a{color:#202020; font-size: 14px; } .latest_next .article_link {display:block;} .latest_next .article_link a {text-transform: uppercase; color: #f60002; font-size: 11px; font-weight: bold;} /*** LICHNOSTI ***/ #licnost #licnosti_tabs a.active span { background:url(../img/licnost_tabs_top_right.gif) top right no-repeat; color: #fff;} #licnost #licnosti_tabs a.active { background:url(../img/licnost_tabs_top_left.gif) top left no-repeat;} #licnost #licnosti_tabs a span {font-size: 11px; text-transform: uppercase; } #licnost .box_body { background: url(../img/licnost_tabs_head.gif) top left no-repeat;} #licnost .box_content { background: #00c6ff url(../img/licnost_tabs_body.gif) bottom right no-repeat; zoom:1;} #licnost {margin: 10px 0px;} #licnost h2 a { font-size: 28px; color: #fff; font-weight: normal; text-decoration: none;} #licnost h2 { padding-bottom: 10px;} .box_tabs div.box_title {padding: 6px 6px 0px 6px;} #licnost div.box_body div.image { border: none; margin: 2px 15px 2px 4px;} #licnost .short_holder { color: #fff; font-size: 11px;} #licnost .short { border: none; margin: 0px; padding: 15px;} #licnost .article_link { padding-top: 15px; display: block;} /*************** RIGHT COLUMN STYLES *******************************************************************************************************************/ /******************************************************************************************************************************************************/ .right_banner { margin: 5px 0px 0px 5px;} #box_right_holder {/*stilovi za desnu kolonu, padinzi, margine...*/} /*** Boxes ***/ #dynamic_box_right div#box_right_holder {} #dynamic_box_right .box div.box_title { color: #000; font-weight: normal; font-size: 16px; line-height: 22px; padding: 6px 0px; } #dynamic_box_right .box_tabs div.box_title {padding: 6px 6px 0px 6px;} #dynamic_box_right .box .box_title_holder { } /* Hides from IE5-mac \*/ * html #dynamic_box_right .box .box_title_holder { height: 1%;} /* End hide from IE5-mac */ #dynamic_box_right .box { margin-bottom: 6px; } #dynamic_box_right .box .box_body { } #dynamic_box_right .box .box_body div.box_content {padding: 6px 12px 12px 12px;} /* Hides from IE5-mac \*/ * html #dynamic_box_right .box .box_body { height: 1%;} /* End hide from IE5-mac */ /********** Lists ***************/ #dynamic_box_right div.box_body ul li { padding: 1px 0px; } #dynamic_box_right div.box_body ul li a { display: block; padding: 4px 4px 0px 0px; font-size: 11px; } #dynamic_box_right div.box_body ul li a:hover { text-decoration:underline;} /*** Tabs ***/ .tabs { font-size:11px; line-height:normal; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } ul.tabs{ margin:0; padding:4px 0 4px 0px; list-style:none; } .tabs li { display:inline; margin:0; padding:0; } .tabs a { margin: 0px 1px 0px 0px; padding:12px 0px 4px 7px; text-decoration:none; } *:first-child+html .tabs a {padding:0 0 0 7px;} /* IE 7 hack */ /* Hides from IE5-mac \*/ * html .tabs a {padding:0 0 0 7px;} /* End hide from IE5-mac */ .tabs a span { padding:12px 10px 4px 3px; color:#666666; } .tabs a:hover {text-decoration: none;} .tabs a:hover span {color: #f60002;} .tabs a.active {background: url(../img/tabs_left.gif) no-repeat left top;} .tabs a.active span { color: #f60002; background: url(../img/tabs_right.gif) no-repeat right top; } /*** Login Box ***/ .edit_info {border-top: 1px solid #EEEEEE; padding-top: 4px; margin-top: 4px;} .edit_info a, .fp_link a {color: #f60002;} .fp_link { border-top:1px solid #EEEEEE; margin-top:4px; padding-top:4px; text-align:center; } .fp_info { font-size: 11px; color: #A5A5A5; margin-bottom: 6px;} /*** Latest comments box ***/ div#latest_comments div.single_comment img { float: left; margin: 2px 6px 2px 4px;} div#latest_comments div.single_comment {display: block; width: 100%; overflow: hidden; padding-bottom: 4px; margin-bottom: 6px; border-bottom: 1px solid #eee;} div#latest_comments div.single_comment div.comment_header { font-size: 11px; color: #666666;} div#latest_comments div.single_comment div.comment_header a {color: #f60002;} div#latest_comments div.single_comment div.comment_body { padding-top: 2px; font-size: 11px;} /*** Featured author box ***/ div#box_users div.box_body img { float: left; margin: 2px 6px 2px 4px;} div#box_users div.box_body a { display: block; padding-bottom: 6px; color: #f60002;} div#box_users div.box_content { width: 90%; overflow: hidden;} /*** Tag cloud box ***/ div#box_tags a:hover, div#box_tags .view_all a {color:#385564;} #box_tags a {color:#385564;} div#box_tags .view_all {text-align:right; padding-top: 4px; margin-top: 4px;} /*** Article page tag box ***/ #article_tags span { color:#f60000; text-transform: uppercase; font-size: 11px; font-weight: bold;} #article_tags a { font-size: 11px; color: #9e9e9e;} #article_tags a:hover { color: #9e9e9e;} #article_tags {color: #9e9e9e; margin-bottom: 8px;} #article_tags div.article_tags { margin-bottom: 5px;} #article_tags div.article_my_tags { padding-top: 6px; margin-top: 6px; border-top: 1px solid #eeeeee;} #article_tags div.article_add_tag { padding-top: 6px; text-align: center;} /*** Article Tools box ***/ #dynamic_box_right div#box_article_tools { margin-bottom: 36px;} #dynamic_box_right div#box_article_tools ul { font-size: 11px;} #dynamic_box_right div#box_article_tools ul li img { vertical-align: bottom;} #dynamic_box_right div#box_article_tools ul li a {padding: 0px 4px 2px 4px; background: none; color: #666666;} #dynamic_box_right div#box_article_tools ul li a:hover {background: none; text-decoration: none; color: #f60002;} /*** Article vote box ***/ #stars { padding: 2px; width: 150px; overflow: hidden;} .article_rating { color: #CECECE; font-weight: bold; font-size: 14px; padding-top: 10px; padding-right: 18px; float: right; } div.standard_star { cursor: pointer;} /*** Attachments box ***/ #dynamic_box_right div.content_attachment {padding: 4px 0px; width: 100%; overflow: hidden;} #dynamic_box_right div.content_attachment img { vertical-align: bottom; float: left; padding-right: 4px;} #dynamic_box_right div.content_attachment a { width:206px; overflow:hidden; float:left;} /*** BEST OF WEEK ***/ #dynamic_box_right #best_of_week #popular_tabs a.active span { background:url(../img/popular_tabs_top_right.gif) top right no-repeat; color: #fff;} #dynamic_box_right #best_of_week #popular_tabs a.active { background:url(../img/popular_tabs_top_left.gif) top left no-repeat;} #dynamic_box_right #best_of_week #popular_tabs a span {font-size: 11px; text-transform: uppercase;} #dynamic_box_right #best_of_week .box_body { background: #dbd000 url(../img/popular_tabs_body.gif) bottom right no-repeat;} #dynamic_box_right #best_of_week .box_content { background: url(../img/popular_tabs_head.gif) top left no-repeat; zoom:1;} #dynamic_box_right #best_of_week {margin: 10px 0px;} #dynamic_box_right #best_of_week span.metadata_time { font-size: 11px; font-weight: bold;} .najpopularniji { background: #fff; padding: 0px 10px 10px 10px; margin: 10px 0px 10px 5px; width: 280px;} /*** NAJAVA INTERVJUA ***/ .image_najava { width: 300px; height: 200px; overflow:hidden;} .najava_intervjua .box_title { text-transform: uppercase; font-size: 11px; color: #F60002; font-weight: bold; padding-bottom: 10px;} .najava_intervjua h3 { font-size: 28px; color:#000; line-height: 28px; font-weight: normal;} .najava_intervjua h3 { margin-bottom: 10px;} .najava_intervjua .details { background: #fff; padding: 10px;} .najava_intervjua { width: 300px; margin: 8px 0px 10px 0px; margin-left: 5px;} .send_button { padding-top: 10px;} /*** PRETPLATA ***/ #pretplati_se { background: url(../img/pretplati_se.gif) top left no-repeat; height:262px; width: 280px; margin-left: 5px; margin-top: 10px; padding: 10px;} #pretplati_se h3 { color: #fff; padding-top: 160px; font-size:18px; font-weight:normal;} #pretplati_se .summary { color: #fff; padding: 10px; width: 150px; font-size: 11px;} /*************** FOOTER STYLES *************************************************************************************************************************/ /******************************************************************************************************************************************************/ #footer { background: url(../img/footer_bg.png) top left no-repeat; height: 230px;} .footer { text-align: center; padding: 6px 0px 8px 0px; margin: 0px 6px 0px 6px; color: #666666; } .footer a { color: #666666;} .footer .AM_links { float: left; padding: 0px 0px 0px 30px; background: none;} .footer .AM_links li {color:#a8a8a8; font-size: 10px;} .footer .AM_links li a {color:#bababa; font-size: 11px;} .static_footer { width: 100%; overflow: hidden; padding: 35px 0px 0px 0px ;} .static_footer .logo { float: left; padding: 10px 30px 10px 30px; border-right: 1px solid #595959;} .upper_footer { padding-top: 10px;} .footer_links { float: left; padding-left: 30px; width:789px; text-align: left;} /*** First level categories in footer ***/ .footer ul { padding: 6px 0px 6px 0px; margin: 0px; float:left;} .footer li {display: inline; } .footer li a { color:#FFFFFF; font-size: 13px; padding: 0px 7px; font-weight: bold;} .powered_by { text-align:center; font-size: 10px; padding: 20px 5px 20px 0px; color: #6e6e6e; float: right;} .powered_by a {color: #6e6e6e; text-decoration: underline;} /*************** PROFILES STYLES *************************************************************************************************************************/ /******************************************************************************************************************************************************/ body.profiles { background: #6c5534 url(../img/profile_bg.gif) top repeat-x;} /*body.profiles { background: #0086d2 url(../img/herbal_branding2.jpg) no-repeat top center; margin: 0px 0px 20px 0px; }*/ body.profiles #da_li_ste_znali .box_body { background: url(../img/da_li_znate_profile.png) bottom left no-repeat; height: 172px; overflow: hidden;} body.profiles div#box_right_holder #da_li_ste_znali .box_body .box_content { padding:32px 20px 0px 20px;} body.profiles #top_celebs { background: url(../img/profile_top_celebs.png) top left no-repeat; height: 432px; padding: 63px 20px 10px 25px;} body.profiles #top_celebs .image { width: 75px; height: 75px; overflow: hidden; float: left; margin-right: 30px;} body.profiles #top_celebs ul li { display:block; float: left; padding-top: 33px; width: 150px;} body.profiles #top_celebs ul li a{ color: #fff; font-size: 17px; font-weight: bold;} body.profiles #top_celebs .celeb_short { overflow: hidden; width: 100%; height: 75px; padding-bottom:12px;} .profile_pratite_nas { background: url(../img/pratite_nas.png) top left no-repeat; height:105px;} .profile_pratite_nas h2 { text-transform: uppercase; color: #B40000; padding-bottom: 15px; font-size:18px;} .profile_pratite_nas .body { padding: 15px 15px 15px 15px;} body.profiles .headline_data ul li h2 a {font-size: 20px; } body.profiles .headline_data ul li a:hover { text-decoration:none; color: #f60002;} body.profiles .headline_data ul li a { font-size: 16px; color: #fff; font-weight: bold; padding: 6px 0px; display: block;} body.profiles .headline_data ul li div.summary { font-size: 11px; color: #f2f2f2; padding-top: 10px; padding-bottom: 10px;} .headline_data .box_body .box_content h2 { color: #fff; font-size: 16px; font-weight: bold; padding: 15px 0px 0px 0px;} body.profiles #latest_news_box { background: #fff; padding: 10px; width: 280px; margin: 10px 5px 0px 5px;} body.profiles #domovi_box { background: #fff; padding: 10px 5px 0 15px; width: 280px; margin: 5px; } /*** PROFILE TABS ***/ #profile_tabs { padding: 5px 5px;} body.profiles #profile_tabs .box_title_holder { background: url(../img/profile_tabs.gif) top left no-repeat; padding: 0px 3px;} body.profiles #profile_tabs .box_title { padding: 0px 0px 0px 0px; height: 40px;} body.profiles ul#profile_box_tabs { padding: 0px 0px 0px 4px; margin: 0px;} body.profiles #profile_tabs li a { font-size: 16px; padding:8px 10px 9px 12px; line-height: 35px;} body.profiles #profile_tabs li a.active{ font-size: 16px; background: url(../img/profile_tabs_top_left.gif) top repeat-x; color: #1b1b1b;} body.profiles #profile_tabs li a.active span {color: #1b1b1b; } body.profiles #profile_tabs li a:hover span {color: #1b1b1b;} #profile_tabs li a span { padding: 0px; margin: 0px; background: none; color: #fff;} #profile_tabs li a.active { background: url(../img/profile_tabs_top_left.gif) top repeat-x;} #profile_tabs .box_body { background: #fff; padding: 15px;} #profile_tabs .box_body #profil .center { width: 100%;} #profile_tabs .box_body #profil .profile_description { font-size: 14px; line-height: 1.4em;} #profile_tabs .box_body h3 { color: #f60002; font-size:28px; margin-bottom:12px; padding-bottom:4px; font-weight:normal;} #profile_tabs .profile_description { padding-right: 10px;} #profile_tabs .karijera { padding: 10px 0px;} #profile_tabs .karijera .karijera_short { padding: 10px 0px; overflow: hidden; width: 100%;} #profile_tabs .karijera .karijera_short .bio { padding-left: 7px; float: left; width:560px;} #profile_tabs .karijera .karijera_short a {color: #f60002; font-weight: bold; font-size: 11px; text-decoration:underline;} #profile_tabs .karijera .karijera_short .link { text-align: right; margin-right: 20px;} #profile_tabs .karijera .karijera_short .year a { font-size: 18px; color:#f60002; font-weight: bold; text-decoration: none;} #profile_tabs .karijera .karijera_short .year a:hover { color:#202020;} #profile_tabs .karijera .karijera_short .year { padding: 0px 7px; border-right: 3px solid #c6c6c6; float: left; width: 47px; text-align: center;} #profile_tabs .year { font-size: 20px; color:#f60002; font-weight: bold; padding-top: 15px;} #profile_tabs .tabs_galerija { background:url(../img/profile_galerije.gif) top left no-repeat; padding: 35px 0px 0px 0px;} #profile_tabs .tabs_galerija .box_body { background: #191919 url(../img/profile_galerije_bottom.gif) bottom left no-repeat; padding: 15px 7px;} #profile_tabs .tabs_galerija .box_content { overflow: hidden; width: 100%;} #profile_tabs .tabs_galerija .image_gallery { float: left; width:192px; padding: 0px 8px; overflow: hidden;} #profile_tabs .tabs_galerija .image_gallery .image_profile { width:192px; height: 200px; overflow: hidden; margin-bottom: 5px;} #profile_tabs .tabs_galerija .image_gallery .summary { font-size: 11px; color: #fff;} #profile_tabs .tabs_galerija .image_gallery h2 a {font-size: 16px; color: #fff;} #profile_tabs .tabs_galerija .image_gallery h2 a:hover { color:#f60002; text-decoration: none; } #profile_tabs div#foto .foto_tab_image_holder {width:100%; overflow:hidden;} #profile_tabs #zanimljivosti p { line-height: 1.4em; font-size: 14px;} #profile_tabs #zanimljivosti { background: url(../img/zanimljivosti.gif) bottom right no-repeat; margin: 0px -15px -15px 0px; padding: 0px 15px 15px 0px;} #profile_tabs .top_biografija { } #profile_tabs .top_biografija a {color:#202020; font-weight:bold; padding: 0px 7px; text-decoration:underline;} #profile_tabs .top_biografija a:hover {color:#f60002;} #profile_tabs .top_biografija {color:#202020;} .back_to_top { text-align: right;} .karijera_short a { font-size: 11px; color:#f60002; font-weight: bold;} #biografija .karijera_short {overflow: hidden; width: 100%;} body.tag_label h3 { font-weight: normal; font-size: 11px;} #profile_tabs #biografija .title a { font-size: 12px; font-weight: bold; color: #000;} #profile_tabs #biografija .title a:hover { text-decoration: none; color: #f60002;} #profile_tabs #biografija .title { padding: 0px 0px 5px 0px;} #biografija ul.bcrumbs li a { font-size: 11px; padding: 0px 4px; text-transform: uppercase; font-weight: bold; color:#F60000;} #biografija ul.bcrumbs li { display: inline;} #profile_tabs #biografija .print_ref .title { color:#202020; font-size:32px; margin-bottom:2px; padding:20px 0px 4px 0px;} .print_ref .source { font-style:oblique;} #profile_tabs #biografija .ref-item .title { padding: 20px 0px 10px 0px;} #profile_tabs #biografija .ref-item .title a { font-size: 18px;} #profile_tabs #biografija .ref-item .title a:hover { color:#F60002; text-decoration: none;} .ref-list .ref-item .more a {color:#F60002; font-size:11px; font-weight:bold;} .ref-list .ref-item .more { padding-top: 2px;} /*********************************************** Article page ****************************************************/ body.article { background: #123775 url(../img/article_body_bg.gif) top repeat-x;} /*body.article { background: #0086d2 url(../img/herbal_branding2.jpg) no-repeat top center; margin: 0px 0px 20px 0px; }*/ body.article #box_center_holder { background: #fff; padding: 10px; margin: 5px 6px 6px 6px;} body.article .comments_center { background: url(../img/comments_bg_top_left.gif) top right no-repeat #fff; margin: 10px 6px 6px 6px;} body.article .article_separated {overflow: hidden; width: 100%;} .center_right_boxes { float: right; width: 180px; padding-right: 10px; margin-top: 10px;} #article_holder { float: left; width: 430px; padding: 0px 15px 0px 10px;} #box_tags { background: url(../img/popular_tag_bg.gif) bottom left no-repeat; height: 210px; overflow:hidden;} #box_tags .box_body { background: #d0f1ff url(../img/popular_tag_top_bg.gif) top left no-repeat; } #box_tags .box_content { padding: 65px 10px 10px 10px;} body.article #box_center_holder #da_li_ste_znali img { display: none;} body.article #box_center_holder #da_li_ste_znali .box_body { background: #ceeecf url(../img/da_li_znate_article_bottom.gif) bottom left no-repeat; padding-bottom: 10px; height: auto;} body.article #box_center_holder #da_li_ste_znali .box_content { background: url(../img/da_li_znate_article_bg.gif) top left no-repeat; padding-top: 30px;} body.article .najava_intervjua { margin-top: 6px;} #box_related_news { padding-top: 10px;} #box_iz_kategorije { padding-top: 10px;} #box_related_news h2 a { font-size: 14px; color: #3b3b3b;} #box_iz_kategorije h2 a { font-size: 14px; color: #3b3b3b;} #box_iz_kategorije h2 a:hover{ color: #f60002; text-decoration: none;} #box_related_news h2 a:hover{ color: #f60002; text-decoration: none;} #box_related_news span.summary {color: #999999; font-size: 11px;} #box_iz_kategorije span.summary { font-size: 11px;} body.article .short { padding: 5px 0px;} body.article #latest_news_box { background: #fff; padding: 10px; width: 280px; margin: 10px 5px 0px 5px;} body.article .profile_pratite_nas { background: url(../img/pratite_nas.png) top left no-repeat;} #box_iz_kategorije .article_link a { font-size: 11px; font-weight: bold; text-transform: uppercase; display: block;} #box_related_news .article_link a { font-size: 11px; font-weight: bold; text-transform: uppercase; display: block;} #box_article_rating h2 { font-size: 11px; font-weight: bold; text-transform: uppercase; color: #f60002;} #box_article_rating { width: 220px;} #profil_zvezde { margin: 10px 0px;} #profil_zvezde a {font-size:11px; font-weight:bold; color:#f60002; text-transform:uppercase;} #profil_zvezde a:hover {text-decoration:none; color:#3b3b3b;} #profil_zvezde img {margin:0 5px -5px 0;} .article #dynamic_box_center #box_center_holder div.form_line label { width: auto; font-size: 11px;} input#send_email { background: url(../img/posalji.gif) top left no-repeat; width:64px; border: none;} .email_to_a_friend_box { float:right; width: 180px; position: relative;} #email_to_afriend .box_body { background: url(../img/posalji_prijatelju_bg_top.png) top left no-repeat; } #email_to_afriend .box_content { padding:5px;} #send_article {position: absolute; z-index:1000; right: 0px; width: 180px; top:38px; background: url(../img/posalji_prijatelju_bg_bottom.png) bottom left no-repeat;} .clear { clear:both;} span.error { font-size: 10px;} /*********************************************** Category page ****************************************************/ body.category #box_center_holder { background: #fff; margin: 6px 6px; padding: 10px 15px 15px 15px;} body.category { background: #505d00 url(../img/category_body_bg.gif) top repeat-x;} /*body.category { background: #0086d2 url(../img/herbal_branding2.jpg) no-repeat top center; margin: 0px 0px 20px 0px; }*/ body.category #box_center_holder h1 { color: #f60002; margin: 10px 0px;} body.category div.box_body div.image { border: none; padding: 0px; width: 80px; height:80px; overflow: hidden; margin-right: 10px;} #category_holder div.subcategory_list div.box_body { padding: 6px;} #category_holder div.short { margin-bottom: 4px; padding-bottom: 9px; border: none;} #category_holder div.short h2 a { font-size: 20px; padding-right: 7px;} #category_holder div.short h2 { padding-bottom: 0px;} #category_holder div.short h2 a:hover { text-decoration: none;} #category_holder div.short h3 { padding-bottom: 10px; color: #555; font-weight: normal; font-size: 11px;} #category_holder div.article_link a { text-transform: uppercase; font-weight: bold; font-size: 11px; } #top_galerije { margin-top: 5px; background: url(../img/top_galerije.png) top left no-repeat ; padding: 62px 10px 10px 10px; height:186px;} #top_galerije .gallery_body {} #top_galerije #image_holder { overflow: hidden; width: 100%; } #top_galerije #image_holder .image { overflow:hidden; float: left; width: 75px; height: 75px; padding: 7px 9px 7px 9px; } /*********************************************** Profile Category page ****************************************************/ #profiles_holder { background: #fff; padding: 15px; margin: 6px; } .profiles #profiles_holder #profiles { width: 100%; overflow: hidden;} .profiles #profiles_holder #profiles .column { float: left; margin-right: 15px; width: 197px;} .profiles #profiles_holder #profiles .column h2 { font-size: 26px; padding: 15px 0px; color: #F60000;} .profiles #profiles_holder #profiles .column a { font-size: 14px; line-height: 1.3em; color: #2b2b2b;} .profiles #profiles_holder #profiles .column a:hover { color: #F60000;} .box_lichnost_profile { background: #fff; padding:12px; margin:6px 6px 6px 6px;} #dynamic_box_right .box_lichnost_profile .box .box_body div.box_content { padding: 0px;} .box_lichnost_profile #licnost .box_body { background: url(../img/licnost_tabs_head_profile.gif) top left no-repeat;} .box_lichnost_profile #licnost .box_content { background: #00c6ff url(../img/licnost_tabs_body_profile.gif) bottom right no-repeat; zoom:1;} .box_lichnost_profile #licnost .box_content h2 a{ font-size: 26px;} .box_lichnost_profile #licnost .box_content .short { padding: 10px;} .box_lichnost_profile #licnost .box_content .image { width:110px; overflow:hidden; margin: 0px 10px 5px 0px;} .box_lichnost_profile #licnost .box_content .article_link {text-align:right;} /*********************************************** Three column latest news FOTO category ****************************************************/ #category_holder div#article_holder {width:627px;} #category_holder div#article_holder h2 a {font-size:20px; color:#000000;} #category_holder div#article_holder h3 { color:#555555; font-size:11px; font-weight:normal; } #category_holder .latest_three_col {width:100%; overflow:hidden;} #category_holder .latest_three_col div.short {float:left; width:204px; text-align:center; padding: 0px 4px 4px 4px;} #category_holder .latest_three_col .main_news_box_row { margin-bottom:10px;} #category_holder .latest_three_col div.short {background:none; margin-bottom:0px;} #category_holder .latest_three_col .short div.short_holder {background: #e4e4e4 url(../img/gallery_category_bottom.png) bottom left no-repeat;} #category_holder .latest_three_col .short div.short_holder a img { margin: 10px 0px;} #category_holder .latest_three_col div.foto_image_container {height:120px; overflow:hidden;} #category_holder .latest_three_col div.short h4 { padding-bottom: 10px; color:#F60002; text-transform: uppercase; font-size: 11px;} #category_holder .latest_three_col div.short h2 { padding-bottom: 10px;} #category_holder .latest_three_col div.short h2 a {font-size:12px; color:#F60002;} #category_holder .latest_three_col div.short h2 a:hover {color:#000;} #category_holder .latest_three_col div.short h3 {background: url(../img/gallery_category.gif) top left no-repeat; padding: 4px 0px;} #category_holder .latest_three_col div.short h3 a {color:#fff; font-size:13px;} /*********************************************** Frame Templates ****************************************************/ .frame #box_center_holder { background: #fff; margin: 8px 6px 6px 6px; padding: 15px;} .frame #box_center_holder h1 { color: #202020;} .frame #box_center_holder h2 a { font-size: 16px; padding: 0px 10px 0px 0px;} .frame #box_center_holder div.box_body div.image { padding: 0px; height: 75px; width: 75px; overflow: hidden; border: none; margin-right: 10px;} .frame #box_center_holder img { text-align: right;} .frame #box_center_holder div.article_link a { text-transform: uppercase; font-size: 11px; font-weight: bold;} .archive #box_archive_navigation, .archive #box_calendar { background: #fff; margin: 6px;} .archive #dynamic_box_right .box div.box_title { margin-left: 10px; font-weight: bold;} /*********************************************** Koktel Template ****************************************************/ .koktel .koktel_row { overflow: hidden; width: 100%; margin-bottom: 10px;} .koktel .box_breadcrumb { padding: 6px 6px;} .koktel #dynamic_box_center #box_center_holder {background: #fff; margin: 6px 6px; padding: 10px 5px 15px 5px;} .koktel #center_holders_holder .koktel_sub { float: left; width: 300px; padding: 10px 14px; } .koktel #box_center_holder .image { float: left; margin-right: 10px; width: 75px; height: 75px; overflow: hidden;} .koktel .summary { color: #666; font-size: 11px;} .koktel_subcategory_name { margin-left:5px;} .koktel #box_center_holder .box { zoom:1;} .koktel_sub span.summary{ color: #202020;} .koktel #box_center_holder .box_content { padding: 0px 10px 10px 10px;} .koktel #center_holders_holder .koktel_sub h2 { margin-top:10px;} .koktel #center_holders_holder .box_title { height: 5px;} .koktel #center_holders_holder .box_title_holder { height: 5px;} .koktel .article_link a { text-transform: uppercase; font-weight: bold; font-size: 11px;} #koktel_subcategory_13 .koktel_subcategory_name a { display:block; background:url(../img/muzika.gif) top left no-repeat; width: 107px; height: 24px; text-indent: -999999px;} #koktel_subcategory_14 .koktel_subcategory_name a { display:block; background:url(../img/filmovi.gif) top left no-repeat; width: 114px; height: 25px; text-indent: -999999px;} #koktel_subcategory_15 .koktel_subcategory_name a { display:block; background:url(../img/teatar.gif) top left no-repeat; width: 114px; height: 25px; text-indent: -999999px;} #koktel_subcategory_16 .koktel_subcategory_name a { display:block; background:url(../img/party.gif) top left no-repeat; width: 83px; height: 28px; text-indent: -999999px;} #koktel_subcategory_17 .koktel_subcategory_name a { display:block; background:url(../img/TV.gif) top left no-repeat; width: 46px; height: 26px; text-indent: -999999px;} #koktel_subcategory_18 .koktel_subcategory_name a { display:block; background:url(../img/vodic.gif) top left no-repeat; width: 91px; height: 24px; text-indent: -999999px;} #koktel_subcategory_13 .box { background: #e3eecf url(../img/box_latest_green_down_left.gif) bottom left no-repeat;} #koktel_subcategory_13 .box_title_holder { background: url(../img/box_latest_green_up_left.gif) top left no-repeat;} #koktel_subcategory_13 .box_title_holder .box_title { background: url(../img/box_latest_green_up_right.gif) top right no-repeat;} #koktel_subcategory_13 .box_body {background: url(../img/box_latest_green_down_right.gif) bottom right no-repeat;} #koktel_subcategory_14 .box { background: #ecf7b3 url(../img/box_latest_greenyellow_down_left.gif) bottom left no-repeat;} #koktel_subcategory_14 .box_title_holder { background: url(../img/box_latest_greenyellow_up_left.gif) top left no-repeat;} #koktel_subcategory_14 .box_title_holder .box_title { background: url(../img/box_latest_greenyellow_up_right.gif) top right no-repeat;} #koktel_subcategory_14 .box_body { background: url(../img/box_latest_greenyellow_down_right.gif) bottom right no-repeat;} #koktel_subcategory_15 .box { background: #d0f1ff url(../img/box_latest_blue_down_left.gif) bottom left no-repeat;} #koktel_subcategory_15 .box_title_holder { background: url(../img/box_latest_blue_up_left.gif) top left no-repeat;} #koktel_subcategory_15 .box_title_holder .box_title { background: url(../img/box_latest_blue_up_right.gif) top right no-repeat;} #koktel_subcategory_15 .box_body { background: url(../img/box_latest_blue_down_right.gif) bottom right no-repeat;} #koktel_subcategory_16 .box { background: #e7e7e7 url(../img/box_latest_gray_down_left.gif) bottom left no-repeat;} #koktel_subcategory_16 .box_title_holder { background: url(../img/box_latest_gray_up_left.gif) top left no-repeat;} #koktel_subcategory_16 .box_title_holder .box_title { background: url(../img/box_latest_gray_up_right.gif) top right no-repeat;} #koktel_subcategory_16 .box_body { background: url(../img/box_latest_gray_down_right.gif) bottom right no-repeat;} #koktel_subcategory_17 .box { background: #ffd0f9 url(../img/box_latest_purple_down_left.gif) bottom left no-repeat;} #koktel_subcategory_17 .box_title_holder { background: url(../img/box_latest_purple_up_left.gif) top left no-repeat;} #koktel_subcategory_17 .box_title_holder .box_title { background: url(../img/box_latest_purple_up_right.gif) top right no-repeat;} #koktel_subcategory_17 .box_body { background: url(../img/box_latest_purple_down_right.gif) bottom right no-repeat;} #koktel_subcategory_18 .box { background: #f2d1a5 url(../img/box_latest_orange_down_left.gif) bottom left no-repeat;} #koktel_subcategory_18 .box_title_holder { background: url(../img/box_latest_orange_up_left.gif) top left no-repeat;} #koktel_subcategory_18 .box_title_holder .box_title { background: url(../img/box_latest_orange_up_right.gif) top right no-repeat;} #koktel_subcategory_18 .box_body { background: url(../img/box_latest_orange_down_right.gif) bottom right no-repeat;} .koktel #center_holders_holder h3 {color:#555555; font-size:11px; font-weight:normal; padding-bottom:10px;} .koktel #center_holders_holder h2 a {font-size: 16px; padding-left: 5px;} .koktel #koktel_subcategory_18 h2 {font-size: 16px;} .koktel #center_holders_holder .box_content h2 a { padding: 0px;} .vodic h2 {font-size: 16px;} .vodic .vodic_holder {overflow:hidden; width:100%;} .vodic #vodic_left_holder {float:left; padding-right:10px; width:448px;} .vodic #vodic_right_boxes {float:right; margin-top:0px; padding:0px; width:180px;} .vodic #vodic_right_boxes #da_li_ste_znali img { display: none;} .vodic #vodic_right_boxes #da_li_ste_znali .box_body {background:#CEEECF url(../img/da_li_znate_article_bottom.gif) left bottom no-repeat; height:auto; padding-bottom:10px;} .vodic #vodic_right_boxes #da_li_ste_znali .box_content {background: url(../img/da_li_znate_article_bg.gif) left top no-repeat; padding-top:30px; } .vodic .latest_vodic { padding-top: 10px;} .vodic .latest_vodic span.summary { font-size:11px;} .vodic .latest_vodic .short { padding: 0px;} .vodic .latest_vodic .article_link { text-transform: uppercase; font-size:11px; font-weight: bold;} /*********************************************** Stil zvezda ****************************************************/ .box_editorijal { margin: 0px 0px 10px 0px; background: url(../img/stil-zvezda_editorijal_bg.png) top left no-repeat; width:680px; padding: 0px; height: 383px; overflow: hidden; } #editorijal_image_big { padding: 24px 0px 0px 24px; margin: none;} .editorijal_back{ position: relative; bottom:70px; left:24px; width: 634px; height: 70px; padding: 0px; margin: 0px; background-color: #000000; z-index: 999; opacity: .60; /* Standard style for transparency */ -moz-opacity: .60; /* Transparency for older Mozillas */ filter: alpha(opacity=60); /* Transparency for IE */ } .editorijal_data { position: relative; left:32px; top:-135px; z-index:1000; padding: 0px;} .editorijal_data h1 a { font-size: 30px; color: #fff;} .editorijal_data h1 a:hover {color: #fff;} .editorijal_category_link a { text-transform:uppercase; font-weight: bold; color:#f60000; font-size:11px;} .editorijal_category_link { padding: 5px 0px 7px 0px;} .moda_i_lepota { background: #fff; margin: 0px 6px 6px 6px; padding: 15px 5px;} .stil_zvezda_row { overflow: hidden; width: 100%;} .stil_zvezda_column { float: left; width: 309px; padding: 8px;} .stil_zvezda_celija { padding: 10px 0px; border-bottom: 1px solid #e8e8e8;} #stil_category_name_20 a { background: url(../img/moda.gif) top left no-repeat; height:32px; width:90px; text-indent: -99999px; display: block;} #stil_category_name_21 a { background: url(../img/lepota.gif) top left no-repeat; height:32px; width:108px; text-indent: -99999px; display:block;} .stil_zvezda_celija .image { height: 75px; width: 75px; overflow: hidden; float: left; margin: 0px 9px 0px 0px; } .stil_zvezda_celija h2 a { font-size: 16px;} .stil_zvezda_celija .article_link a { text-transform: uppercase; font-weight: bold; font-size: 11px;} .stil_zvezda_celija h3 { font-size: 11px; font-weight: normal;} .stil_zvezda_celija span.summary { font-size: 11px;} /*********************************************** RSS ****************************************************/ body.rss #dynamic_box_center .site_rss { padding: 0px 0px 10px 0px; border-bottom:1px solid #cecece; margin-bottom: 10px;} body.rss #box_center_holder .rss_list { overflow: hidden; width: 100%;} body.rss #box_center_holder .rss_list_item { float: left; width:212px;} body.rss #box_center_holder .site_rss a { font-size: 16px; font-weight: bold; } body.rss #box_center_holder .rss_list_item a.rss_list_link { padding: 10px 5px 5px 5px; display: block; font-size: 14px;} body.rss #box_center_holder a { padding: 2px 15px; display: block; font-size: 11px; color: #545454;} /*********************************************** VIP Blog ****************************************************/ body.vip_blog {} body.vip_blog #box_center_holder .vip_blog_headline { zoom:1; padding-bottom: 10px; width: 100%; overflow: hidden;} body.vip_blog #box_center_holder .vip_blog_short { zoom:1; padding-bottom: 10px; width: 100%; overflow: hidden;} body.vip_blog #box_center_holder .vip_blog_headline div.article_link { text-align:right; display:block;} body.vip_blog #box_center_holder .vip_blog_headline .image { width: 150px; height: 150px;} body.vip_blog #box_center_holder h3 { float:right; font-weight: normal; font-size: 11px; color: #555; padding-bottom: 5px;} body.vip_blog #box_center_holder .vip_blog_headline h2 a { font-size:22px; } body.vip_blog #box_center_holder h2 a { font-size:16px; } body.vip_blog #box_center_holder h2 { border-bottom: 1px solid #d8d8d8; padding: 5px; margin-bottom: 5px;} body.vip_blog .vip_blog_headline .vip_blog_date { float: left; width: 70px; padding: 10px 10px 0px 0px; font-size: 16px; font-weight: bold;} body.vip_blog .vip_blog_date{ float: left; width: 70px; padding: 10px 10px 0px 0px; font-size: 14px; font-weight: bold; color: #ccc;} body.vip_blog .vip_date img { padding-top: 10px;} body.vip_blog .day { margin-top: 10px; color: #303030;} body.vip_blog .month { color: #5f5f5f;} body.vip_blog .vip_blog_date a { color: #545454;} body.vip_blog .vip_blog_data_holder { float:right; width: 558px;} body.vip_blog .vip_blog_headline .vip_blog_data {overflow:hidden; margin-bottom: 10px; width: 555px;} body.vip_blog .vip_blog_data {overflow:hidden; margin-bottom: 10px; width: 555px;} body.vip_blog .vip_blog_author {float: left; font-size: 11px;} body.vip_blog_article #box_center_holder h1 { border-bottom: 1px solid #d8d8d8;} body.vip_blog_article .vip_blog_article_data { border-bottom: 1px solid #d8d8d8; padding: 3px 0px 5px 0px; overflow: hidden; width: 100%;} body.vip_blog_article .vip_blog_article_data .vip_blog_date {float: left; font-size:11px; padding-top: 8px;} body.vip_blog_article .vip_blog_article_data .article_author { float: right; font-size:11px;} .vip_blog_author a { text-decoration: underline;} .vip_blog_author a:hover { text-decoration:none;} #box_blogers, #box_users{ background: url(../img/blog_box_bg_top.png) top left no-repeat;} #box_blogers .box_body, #box_users .box_body{ background: url(../img/blog_box_bg_bottom.png) bottom left no-repeat; position:static;} #dynamic_box_right #box_blogers div.box_title, #dynamic_box_right #box_users div.box_title { line-height: 43px; padding-left: 16px; color:#B40000; font-size:18px; text-transform:uppercase; font-weight:bold;} #dynamic_box_right #box_blogers div.box_content, #dynamic_box_right #box_users div.box_content {color: #b8b8b8;} #dynamic_box_right #box_blogers div.box_content a{ color: #b8b8b8; text-decoration: underline;} #dynamic_box_right #box_blogers div.box_content span img { vertical-align:middle; float:left; margin-right: 10px; border: 1px solid #5e5e5e; } #dynamic_box_right #box_blogers div.box_content .blog_author { overflow: hidden; width: 100%; padding: 5px 0px;} #dynamic_box_right #box_blogers div.box_content span.latest_article_by_author { display:block; font-size:12px; padding-top:5px;} #dynamic_box_right #box_blogers div.box_content span.author_name a {font-size: 14px; font-weight: bold; text-decoration: none;} .vip_blog_article #dynamic_box_right #box_blog_author { background: url(../img/blog_box_bg_top.png) top left no-repeat; margin:2px 0px 5px 0px;} .vip_blog_article #dynamic_box_right #box_blog_author .box_body { background: url(../img/blog_box_bg_bottom.png) bottom left no-repeat;} .vip_blog_article #dynamic_box_right #box_blog_author .box_title { line-height:43px; padding-left:12px; text-transform:uppercase;} .vip_blog_article #dynamic_box_right #box_blog_author .box_title a { color:#f2f2f2; font-size:18px; text-decoration:underline;} .vip_blog_article #dynamic_box_right #box_blog_author img { float:left; margin-right: 7px;} .vip_blog_article #dynamic_box_right #box_blog_author span.author_bio { font-size: 11px; color: #f2f2f2; } .vip_blog_article #dynamic_box_right #box_blog_author div.box_content { overflow: hidden; padding: 10px 20px 25px 20px;} .vip_blog_article #dynamic_box_right #box_author_navigation { background: #fff; margin:10px 5px 10px 5px;} #dynamic_box_right #box_blog_latest .box_body { background: #dbd000 url(../img/popular_tabs_body.gif) bottom right no-repeat;} #dynamic_box_right #box_blog_latest .box_content { background: url(../img/popular_tabs_head.gif) top left no-repeat; zoom:1;} #dynamic_box_right #box_blog_latest {margin: 10px 0px;} #dynamic_box_right #box_blog_latest span.blog_article_created { font-size: 11px; font-weight: bold;} .author #box_center_holder div.box_body div.image { border:medium none; height:auto; margin-right:10px; padding:0; width:auto;} .author #box_center_holder .date { float: left; padding-top:0px; width:60px;} .author #box_center_holder .date .day { color: #8f8f8f; font-size:26px;} .author #box_center_holder .date .month { color: #666666; font-weight: bold; font-size:20px;} .author #box_center_holder .article { overflow:hidden; width:100%;} .author #box_center_holder .article .info a { color: #B40000;} .author #box_center_holder .article div.body {margin-left:60px;} .author #box_center_holder .article h2 {margin-left:60px; padding-top: 15px;} .author #box_center_holder .article h2 a { font-size:22px;} .author #box_center_holder h1 {color:#202020; font-size:32px; margin-bottom:2px; padding:8px 0 4px; border-bottom:1px solid #D8D8D8;} body.vip_blog_article #dynamic_box_right #latest_news_box { margin:10px 5px 5px 5px; padding:10px 10px 5px 10px;} #dynamic_box_right #box_users div.box_content img { margin-right: 7px;} #dynamic_box_right #box_users div.box_content { font-size: 11px;} #box_users { margin-top: 5px;} #box_author_navigation { background: url(../img/authors_box_bg_top.png) top left no-repeat;} #box_author_navigation .box_body { background: url(../img/authors_box_bg_bottom.png) bottom left no-repeat;} #dynamic_box_right #box_author_navigation .box_title { line-height: 39px; padding-left: 20px; font-size: 24px; color: #f2f2f2; font-weight: bold;} #dynamic_box_right #box_author_navigation .box_body .box_content { padding: 6px 17px 12px 17px; color: #f2f2f2;} #box_author_navigation .box_body .box_content h2 { font-size: 16px; color: #f2f2f2; padding-top: 10px;} #box_author_navigation .box_body .box_content a {color: #f2f2f2;} .vip_blog_data_holder span.summary { font-size: 13px;} .author #da_li_ste_znali { margin-left:5px; margin-right: 5px;} .vip_blog_article #da_li_ste_znali {background:transparent url(../img/da_li_znate_profile.png) no-repeat scroll left top;} .vip_blog_article #dynamic_box_right #da_li_ste_znali .box .box_content { padding-top: 35px;} .vip_blog_article #da_li_ste_znali .box_title { padding: 10px;} .vip_blog_article #da_li_ste_znali .box_body { background: none;} .vip_blog_article span.author_name a { font-size: 11px; font-weight: bold; display:block; padding-bottom: 5px; text-decoration:underline;} .mobile_icon { float:right; padding-right: 20px;} /*********************************************** homepage box sa blog unosima ****************************************************/ #box_home_blog_latest { margin-bottom: 10px;} #box_home_blog_latest div.box_body div.image { padding: 0px; margin-right: 10px; border:none;} #box_home_blog_latest .box_title { background: url(../img/blog_home_box_bg_top1.png) top left no-repeat; padding:11px 0px;} #box_home_blog_latest .box_body { background: url(../img/blog_home_box_bg_bottom1.png) bottom left no-repeat; margin: 0px;} #box_home_blog_latest a {color: #fff;} #box_home_blog_latest .box_body .box_content { padding: 0px 10px 10px 10px; color: #fff;} span.blog_article_title { display: block; padding: 5px 0px 2px 0px;} span.blog_article_title a { font-size: 12px; } #box_home_blog_latest span.blog_article_created { display: block; font-size: 10px; padding-bottom: 15px;} #box_home_blog_latest span.blog_article_created a{ color: #ffc6c4; font-size: 11px;} #box_home_blog_latest span.author_name a{ font-size: 16px; font-weight: bold;} div.ostali_blogovi { text-align: right;} /*********************************************** domovi poznatih ****************************************************/ .dom { float:left; width: 309px; margin-left: 15px; } .dom_img { float:left; margin:0 9px 0 0; } /*********************************************** video box sa unosima ****************************************************/ #box_home_video_latest { margin-bottom: 10px;} #box_home_video_latest div.box_body div.image { padding: 0px; margin-right: 10px; border:none; } #box_home_video_latest .box_title { background: url(../img/video_home_box_top.png) top left no-repeat; padding:11px 0px;} #box_home_video_latest .box_body { background: url(../img/video_home_box_bottom.png) bottom left no-repeat; margin: 0px;} #box_home_video_latest a {color: #fff;} #box_home_video_latest .box_body .box_content { padding: 0px 10px 10px 10px; color: #fff;} #box_home_video_latest span.video_article_created { display: block; font-size: 10px; padding-bottom: 8px;} #box_home_video_latest span.video_article_created a{ color: #ffc6c4; font-size: 11px;} #box_home_video_latest div.video_item { clear:both; padding-top: 5px; color: #fff; } div.ostali_video { text-align: right; clear: both; margin-top: 8px; } /*********************************************** foto story ****************************************************/ .top_foto_story { background: #e7e7e7 url(../img/box_latest_gray_up_right.gif) top right no-repeat; height: 9px;} .top_foto_story .top2 { background: url(../img/box_latest_gray_up_left.gif) top left no-repeat; height: 9px;} #latest_news_foto_story { background: #e7e7e7 url(../img/box_latest_gray_down_left.gif) bottom left no-repeat;} #latest_news_foto_story .short_holder { background: url(../img/box_latest_gray_down_right.gif) bottom right no-repeat;} /*********************************************** box latest news ****************************************************/ .box_najnovije { background: #fff; padding: 0px 10px 10px 10px; margin: 6px 0px 10px 5px; width: 280px; } #box_latest_news { background: url(../img/box_latest_news_body.gif) top left no-repeat; height:193px; } #box_latest_news ul { padding: 12px 15px; } #box_latest_news ul li { padding: 1px 0px; } #box_latest_news ul li a { display: block; padding: 8px 6px 0px 0px; font-size: 11px; } #box_latest_news div ul li a:hover { text-decoration:underline;} #box_latest_news .metadata_time { font-weight:bold; } /*********************************************** box farma ****************************************************/ #box_home_farma_latest { margin:10px 0 10px 5px; width:300px;} #box_home_farma_latest div.box_body div.image { padding: 0px; margin-right: 10px; border:none; } #box_home_farma_latest .box_title { background: url(../img/farma_home_box_top.png) top left no-repeat; padding:0px;height:37px;} #box_home_farma_latest div.farma_item h2 a { color:#ffe8b6;margin-bottom:0;} #box_home_farma_latest .box_body { background: url(../img/farma_home_box_bottom.png) bottom left no-repeat; margin: 0px;} #box_home_farma_latest a {color: #fff;} #box_home_farma_latest .image_farma {border:2px solid #ffe8b6;float:left;margin-right:10px;margin-bottom:10px;} #box_home_farma_latest .box_body .box_content { padding: 0px 10px 10px 10px; color: #fff;} #box_home_farma_latest span.farma_article_created { font-size: 9px; padding-bottom: 8px;} #box_home_farma_latest span.farma_article_created a{ color: #ffc6c4; font-size: 9px;} #box_home_farma_latest div.farma_item { clear:both; padding-top: 10px; color: #fff; } /*** Najava styles ***/ #najava_holder { width: 625px; float: none; padding:0 15px 0 10px; } #najava_holder h1 { font-size: 32px; color: #202020; padding: 8px 0px 4px 0px; margin-bottom: 2px;} #najava_holder div.najava_metadata { padding: 0px 0px 18px 0px; margin-bottom: 4px; border-bottom: 1px solid #EEEEEE;} #najava_holder div.najava_metadata span.metadata_time { font-size: 10px; color: #666666; float: right;} #najava_holder div.font_size { font-size: 11px; text-align: right; margin-bottom: 12px;} #najava_holder div.font_size img { vertical-align: bottom; padding-left: 3px;} #najava_holder div.image { } #najava_holder span.image_caption { font-size: 10px; line-height:normal; color:#9e9e9e;} #najava_holder div#najava_body { line-height: 1.6em; /*width: 100%; overflow: hidden; - izbaceno zbog social boxa */ margin-bottom: 12px;} #najava_holder div#najava_body h1, #najava_holder div#najava_body h2, #najava_holder div#najava_body h3, #najava_holder div#najava_body h4, #najava_holder div#najava_body h5, #najava_holder div#najava_body h6 { font-family: Arial, Helvetica, sans-serif;} #najava_holder div#najava_body a { color: #002BB8;} /*** Domovi poznatih ***/ #domovi_box_home { background-color: #ceeecf; margin-bottom:10px; margin-top:2px; } .domovi_box_home_bottom { background: url(../img/domovi_bottom.gif) no-repeat top left; width:270px; height:52px; padding-left:15px; } .domovi_image { border:2px solid #fff; } .paddingL15 { padding-left:15px; } /******* VIDEO SEKCIJA *********/ #box_video_headline_container_2 { width: 631px; height: 308px; margin:24px 0 0 24px; background-color: Aqua; } /* Styles for forms */ form { /******* Used for all forms in Vivvo *********/ padding: 0px; margin: 0px; } input, select, textarea { } select {} textarea {border: 1px solid #999;} .form_line { margin-bottom: 6px; padding-bottom: 6px; width: 100%; overflow: hidden; /* if used, needs to be hidden because of Opera */ } .comment_data .form_line { padding:0px; margin: 0px; width:auto; overflow:visible;} *:first-child+html .form_line {margin-bottom: 0px; padding-bottom: 6px;} input.text {border: 1px solid #999;} select.options { border: 1px solid #7F9DB9;} .comment_data { overflow:hidden; width:100%; padding:10px 0px;} #dynamic_box_center .comment_data .form_line { float: left; padding: 0px 1px 0px 0px; width: 310px;} input.submit_button, button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .formElement p { margin-top: 0;} /***************** Box forms *******************/ #dynamic_box_right .form_line label {} #dynamic_box_right .form_line div.submit { text-align: right;} #dynamic_box_right .form_line div.submit a { float: left; padding-top: 3px; color: #C90404;} /*************** CONTENT FORMS *******************************************************************************************************************/ /******************************************************************************************************************************************************/ #dynamic_box_center #comment_form input {} #dynamic_box_center #comment_form div.form_line label { text-align: left; padding: 3px 0px 3px 3px; display: block; float: left; font-size: 12px; color: #666666; width: auto; text-transform:uppercase; } #dynamic_box_center div.form_line label { text-align: right; padding: 3px 0px 3px 3px; display: block; float: left; width: 30%; font-size: 12px; color: #666666; } #dynamic_box_center #comment_form div.formElement img { padding: 4px 0px 0px 0px;} #dynamic_box_center .comment_data div.formElement {float: left;} #dynamic_box_center div.formElement {float: left; margin-left: 6px; display: inline; z-index: auto;} #dynamic_box_center div.formElement label { padding: 0px; width: auto; text-align: left; float: none; display: block; font-weight: normal; } /***************** User registration form (ajax validations) *******************/ .tos_label {color:#666666;} .tos_label a {color:#C90404;} .tos_box {border: 1px solid #7F9DB9; padding: 6px; margin-top: 6px; width: 350px; height: 200px; overflow: scroll;} .tos_box pre {padding:0; margin:0; font-family: Arial, Helvetica, sans-serif;} #error_message {background:#FCD6D4; margin-bottom: 6px;} #error_message p {margin: 2px 0px; padding: 4px; color: #555555;} .validation { padding: 2px 0px 2px 18px; font-size: 11px; font-weight:bold; } .not_valid {background: url(../img/validation_not_valid.gif) 0 0 no-repeat; color:#F3735D;} .checking {background: url(../img/validation_info.gif) 0 0 no-repeat; color:#6b99c5;} .valid {background: url(../img/validation_valid.gif) 0 0 no-repeat; color:#80CA73;} .quote_right { color: #C90404; float: right; margin: 6px; display: inline; width: 200px; height: auto; background: #f9f9f9; border: 1px solid #cccccc; padding: 6px; } .quote_right img { margin: 4px;} .quote_left { color: #C90404; float: left; margin: 6px; display: inline; width: 200px; height: auto; background: #f9f9f9; border: 1px solid #cccccc; padding: 6px; } .quote_left img { margin: 4px;} .right_image { float: right; margin: 6px; display: inline;} .left_image { float: left; margin: 6px; display: inline;} #article_holder div#article_body h1 {font-size: x-large; border: none; color: #000000;} #article_holder div#article_body h2 {font-size: large;} #article_holder div#article_body h3 {font-size: medium;} #article_holder div#article_body h4 {font-size: small;} #article_holder div#article_body h5 {font-size: x-small; margin:0;} #article_holder div#article_body h6 {font-size: xx-small; margin:0;} #article_holder div#article_body ul {margin: 12px 0px; padding-left: 40px;} #article_holder div#article_body ul li { list-style-type:disc; list-style-position:outside;} #article_holder div.metadata_time { padding-bottom:10px;} .menu, .menu ul { /* remove all list stylings */ margin: 0; padding: 0; border: 0; display: block; } .menu{ padding-left:10px;} .menu li { margin: 0; padding: 0; border: 0; display: block; float: left; /* move all main list items into one row, by floating them */ position: relative; /* position each LI, thus creating potential IE.win overlap problem */ z-index: 5; /* thus we need to apply explicit z-index here... */ list-style: none; } .menu li:hover { z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the menu */ white-space: normal; /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */ } .menu li li { float: none; /* items of the nested menus are kept on separate lines */ position:relative !important; } .menu ul { visibility: hidden; /* initially hide all submenus. */ position: absolute; z-index: 10; left: 0; /* while hidden, always keep them at the top left corner, */ top: 0; /* to avoid scrollbars as much as possible */ } .menu li:hover>ul { visibility: visible; /* display submenu them on hover */ top: 100%; /* 1st level go below their parent item */ } .menu li li:hover>ul { /* 2nd+ levels go on the right side of the parent item */ top: 0; left: 100%; } /* -- float.clear -- force containment of floated LIs inside of UL */ .menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .menu, .menu ul {/* IE7 float clear: */min-height: 0;} /* -- float.clear.END -- */ /* -- sticky.submenu -- it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly! if you do it, make sure you 110% know what you do */ .menu ul { background-image: url(../img/empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; /*background: #f00;*/ /* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */ } .menu ul ul { padding: 30px 30px 30px 10px; margin: 0 0 0 -10px; } /* -- sticky.submenu.END -- */ /************************************************************************************/ /*************************** DHTML_menu styles **************************************/ #mainNav { background: url(../img/menu.png) top left no-repeat; } .menu ul { font-size:85%; } .menu ul li { margin:0; float:none; border:none; } .menu ul li ul { font-size:100%; } .menu ul { width: 15em; margin:0; padding:0; } .menu li:hover { background: url(../img/dhtml_bg_hover.gif) top left repeat-x; } /* Link styles */ .menu li a { display:block; height:40px; line-height:38px; padding:0 20px; font-weight: bold; font-size: 14px; } .menu li a:link, .menu li a:visited, .menu li a:hover { color: #ffffff; font-weight: bold; font-size: 13px; text-decoration:none; } .menu li a:hover { background: url(../img/dhtml_bg_hover.gif) top left repeat-x; color: #fff; } .menu ul li { background:#B7B8B8; } .menu ul li:hover { background:#B7B8B8; } .menu ul li a:link, .menu ul li a:visited, .menu ul li a:hover { text-decoration: none; display: block; float:none; position: relative; border:none; height:auto; line-height:100%; padding:4px; background:transparent; border-bottom:1px solid #bfbfbf; color: #fff; } .menu ul li a:hover { background: #eeeeee; color: #C90404; } .menu ul li ul li a:link, .menu ul li ul li a:visited, .menu ul li ul li a:hover { background:#EEEEEE; } .menu li ul li ul li a:hover { background: #bfbfbf; color: #C90404; } .menu a:hover, .menu li:hover>a {} .menu li li:hover>ul { /* inset 2nd+ submenus, to show off overlapping */ background:#333333; padding:0; } .menu li a.selected { background: url(../img/profile_menu_bg.gif) top repeat-x;} .tag_label .menu li a.selected { background: none;} /********************************************************************************************/ /**************************** Internet Explorer only styles ********************************/ /* Hides from IE5-mac \*/ * html #mainNav a {float:left;} * html .menu, * html .menu ul {zoom: 1;} * html .menu li.adxmhover {z-index: 10000; background:#B7B8B8; color: #fff;} * html .menu .adxmhoverUL {visibility: visible;} * html .menu .adxmhoverUL {top: 100%; left: 0;} * html .menu .adxmhoverUL .adxmhoverUL {top: 0; left: 100%;} * html .menu ul a {zoom: 1;} * html .menu ul li {display:inline !important;} * html .menu ul li a:link, * html .menu ul li a:visited, * html .menu ul li a:hover {text-decoration: none; display:inline-block; display:block;} * html #mainNav .menu li ul li {margin:0; padding:0;} * html .menu li li {width:100%; margin:0; padding:0;} * html #mainNav .menu ul li a:link, * html #mainNav .menu ul li a:visited, * html #mainNav .menu ul li a:hover {float:none;} * html .menu ul ul {padding:0;} /* End hide from IE5-mac */ #personal { background: url(../img/profile_headline_bg.gif) top left no-repeat; width:680px; height: 428px; overflow:hidden;} .box_headline h1 { padding: 4px 0px;} .headline_image { width:305px; height: 380px; overflow: hidden; float: left; display: block; padding: 23px 2px 3px 24px ; } .headline_body { padding: 5px 25px 5px 0px; color: #fff;} .headline_data {width: 305px; height: 250px; float: right; display:inline; margin-right:20px;} .headline_link { padding-top:10px;} .headline_images_small { float: right; width: 275px; padding: 35px 0px 0px 0px;} .headline_images_small a img {} .images_small { overflow:hidden; width: 75px; height: 75px; float: left; display: inline; margin: 5px; } .headline_data h1 a {font-size: 30px; color: #fff; line-height: 34px;} .headline_data h1 {padding-top:20px; width: 230px;} /*** Horoscope ***/ #licna_karta {position:relative;} #licna_karta h1 {width:100%; overflow:hidden;} #licna_karta span.horoscope { position:absolute; right:0; top:20px; width:40px; height:40px; text-indent:-9999px; background-image:url(../img/horoscope.png); overflow:hidden; } #licna_karta ul li {padding: 3px 0px; color: #fff; font-size: 11px;} #licna_karta ul li span { padding: 0px 3px; font-weight: bold; color: #cbcbcb;} body.profiles #personal .headline_data h1 { color: #f60002; margin-bottom: 0px;} body.profiles #personal .headline_data h3 { padding: 15px 0px 0px 0px; color: #fff; font-size: 12px; text-transform: uppercase; color: #f60002;} body.profiles #personal .headline_data h2 { padding: 2px 0px 0px 0px;} #personal h3 a { text-transform: none; font-size: 11px; text-decoration:underline;} .aries {background-position:0px 0px;} .taurus {background-position:-40px 0px;} .gemini {background-position:-80px 0px;} .cancer {background-position:-120px 0px;} .leo {background-position:-160px 0px;} .virgo {background-position:-200px 0px;} .libra {background-position:-240px 0px;} .scorpio {background-position:-280px 0px;} .sagittarius {background-position:-320px 0px;} .capricorn {background-position:-360px 0px;} .aquarius {background-position:-400px 0px;} .pisces {background-position:-440px 0px;} #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../img/prev.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../img/next.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 85px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } .plugin_image_holder { width: 100%; overflow:hidden;} body.article #article_holder div#article_body .article_gallery .plugin_image .plugin_image_holder h2 { font-size: 12px; text-transform: uppercase; color:#F60000;} .article_gallery { margin: 10px 0px; background: #e4e4e4 url(../img/galerija_article_bottom.gif) bottom left no-repeat;} .plugin_image { background: url(../img/galerija_article_top.gif) top left no-repeat; padding: 10px; } .lightbox_image { float: left; padding: 0px; margin: 0px 4px 4px 0px; border: 1px solid #989DA5; text-align: center; background-color: #FFFFFF; } #profile_tabs div#foto .lightbox_image {margin: 0px 3px 4px 0px;} .box_stripes { width: 100%; overflow: hidden; } .controls { padding: 4px; background-color: #F5F5F5; border-bottom: 1px solid #C4C4C4; margin-top: 6px; text-align: center; color: #555555; font-size: 11px; } .controls img { vertical-align: middle; cursor:pointer;} .controls span.section_previous { float: left;} .controls span.section_next { float: right;} .scroller { width:100%; overflow:hidden; } .section { width:640px; overflow:hidden; float:left; } .box_stripes div.image { float: none; border: 1px solid #CCCCCC; text-align: center; margin-bottom: 4px; } .box_stripes div.stripe_summary_holder { padding: 4px 6px 0px 6px; font-size: 10px; line-height: 12px; color: #656565; } .box_stripes div.stripe_summary_holder strong {font-size: 11px;}