body { margin: 12px 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: 260px;} #layout_default div#dynamic_box_left {width: 160px;} #layout_default div#dynamic_box_center {width: 570px;} /********** 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****/ } body { background: #E5E5E5 url(../img/body_bg.gif) top repeat-x;} /*************** GLOBAL STYLES *************************************************************************************************************************/ /******************************************************************************************************************************************************/ #container {background-color: #fff;} #content { background: #fff url(../img/content_top_corners.gif) top no-repeat; padding-top: 12px;} #container div#footer div.bottom_corners { background: url(../img/content_bottom_corners.gif) bottom no-repeat; height: 7px;} /*** 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: Georgia, "Times New Roman", Times, serif; margin: 0px;} h1 { font-size: 18px; font-weight: normal; } h1 a { color: #C90404;} h2, h3 {font-size: 12px; padding-bottom: 4px;} h2 a:hover, h3 a:hover {color: #C90404;} h4 {} h4 a {} /*** Global box styles ***/ .box .box_title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; } /*************** HEADER STYLES *************************************************************************************************************************/ /******************************************************************************************************************************************************/ .header_image { border-bottom: 1px solid #fff;} /*** 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; } /*** Search box ***/ .search { padding: 6px; background: #eee; text-align: right; } .search a {color: #CA0405;} .search button { width: 50px; height: 20px; margin-left: 6px; border: none; font-size: 12px; font-weight: normal; color: #fff; background: url(../img/search_button.gif) no-repeat; } /*************** LEFT COLUMN STYLES ********************************************************************************************************************/ /******************************************************************************************************************************************************/ #box_left_holder { padding: 6px;} #dynamic_box_left div.box {margin-bottom: 12px;} #dynamic_box_left div.box_title { background: #A5A5A5; color:#FFFFFF; padding: 4px 2px 3px 3px; margin-bottom: 4px; border-bottom: 1px solid #CCCCCC; } #dynamic_box_left div.box_body {border-bottom: 4px solid #A5A5A5;} /*** Section box (navigation list) ***/ #box_sections div.box_body { border-bottom: none; margin-bottom: 30px;} #box_sections li { background-color: #F1F1F1; border-bottom: 1px solid #fff; padding: 1px 0px; font-variant: small-caps; } #box_sections li ul li { border-bottom: none; font-variant: normal; font-size: 11px; padding-left: 6px; } #box_sections li a { color: #8B8B8B; display: block; padding: 4px; } #box_sections li a:hover { color: #FFF; background-color: #A5A5A5; text-decoration: none; } #box_sections li ul li a:hover { color: #000000; background: none; text-decoration: underline; } /*************** CONTENT STYLES ************************************************************************************************************************/ /******************************************************************************************************************************************************/ #box_center_holder {padding: 0px 12px;} #box_center_holder h1 { font-size: 24px; padding-bottom: 4px; margin-bottom: 12px; border-bottom: 3px solid #EEEEEE;} #box_center_holder div.category_headline { width: 100%; overflow: hidden;} #box_center_holder div.category_headline h2 a { color: #CA0405; 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: #C90404;} 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: 4px; border-bottom: 1px solid #eee; } /*** 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: #C90404;} #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; } /*** Category page ***/ #category_holder div.subcategory_list div.box_body { padding: 6px;} #category_holder div.short { margin-bottom: 12px; padding-bottom: 12px;} /*** Article styles ***/ .box_breadcrumb { padding: 6px 0px; color: #666666; border-bottom: 1px solid #EEEEEE;} .box_breadcrumb a {color: #CA0405; padding-right: 4px;} #article_holder h1 { font-size: 24px; color: #CA0405; padding: 8px 0px 4px 0px; margin-bottom: 2px; border-bottom: 3px solid #EEEEEE;} #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 { float: left; padding: 4px; margin-right: 6px; border: 1px solid #cccccc; } #article_holder div.image span.image_caption { font-size: 11px; line-height:normal;} #article_holder div#article_body { line-height: 1.6em; width: 100%; overflow: hidden; 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_holder div.content_attachment { padding:6px; text-align:right; font-size: 11px;} #article_holder div.content_attachment img { vertical-align: bottom;} #article_holder div.content_attachment a {color: #C90404;} /*** Article social bookmarks ***/ #box_social_bookmarks { color: #666666; padding: 2px 6px; margin: 6px 0px 12px 0px; border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; } #box_social_bookmarks img { vertical-align: middle;} /*** Article comments ***/ .comment_block h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; background-color: #f4f4f4; padding: 6px; margin: 6px 0px; } #comment_list { margin: 15px 8px;} #comment_list div.comment_holder { margin-bottom: 20px;} #comment_list div.comment_header { padding-bottom: 6px;} #comment_list div.comment_header { font-size: 11px;} #comment_list div.comment_header a { color: #C90404; font-weight: bold;} #comment_list div.comment_body_holder {padding: 6px; border-bottom: 1px solid #EBEBEB; background-color: #F8F8F8;} #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: #666666; margin-left: 50px; padding: 0px 12px 10px 10px;} #comment_list div.comment_report { float: right;} /*** Pagination ***/ #box_pagination { padding: 6px; margin: 6px 0px; background: #eeeeee; color: #666666;} #box_pagination span.pagination { float:right; font-weight: bold;} #box_pagination span.pagination a { font-weight: normal; color: #C90404;} #box_pagination span.pagination_total {color: #C90404;} /*** 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: #C90404;} #box_calendar table caption span { cursor: pointer; padding: 0px 4px;} #box_calendar table td { background-color: #F1F1F1; padding: 1px 2px;} /*************** RIGHT COLUMN STYLES *******************************************************************************************************************/ /******************************************************************************************************************************************************/ #box_right_holder {/*stilovi za desnu kolonu, padinzi, margine...*/} /*** Boxes ***/ #dynamic_box_right div#box_right_holder { padding: 6px;} #dynamic_box_right .box div.box_title { background: url(../img/box_right_head_left.gif) top left no-repeat; color: #fff; font-weight: normal; font-size: 16px; line-height: 22px; padding: 6px; } #dynamic_box_right .box_tabs div.box_title {padding: 6px 6px 0px 6px;} #dynamic_box_right .box .box_title_holder { background: url(../img/box_right_head_right.gif) top right no-repeat; } /* Hides from IE5-mac \*/ * html #dynamic_box_right .box .box_title_holder { height: 1%;} /* End hide from IE5-mac */ #dynamic_box_right .box { background: #FFFFFF url(../img/box_right_body_right.gif) bottom right no-repeat; margin-bottom: 6px; } #dynamic_box_right .box .box_body { background:url(../img/box_right_body_left.gif) bottom left no-repeat; } #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 { border-bottom: 1px solid #eee; padding: 1px 0px; } #dynamic_box_right div.box_body ul li a { display: block; padding: 4px 4px 4px 14px; background: url(../img/right_box_bullet.gif) 6px 10px no-repeat; } #dynamic_box_right div.box_body ul li a:hover {background-color: #F5F5DC;} /*** 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:4px 0 4px 4px; text-decoration:none; } *:first-child+html .tabs a {padding:0 0 0 4px;} /* IE 7 hack */ /* Hides from IE5-mac \*/ * html .tabs a {padding:0 0 0 4px;} /* End hide from IE5-mac */ .tabs a span { padding:4px 8px 4px 4px; color:#666666; } .tabs a:hover {text-decoration: none;} .tabs a:hover span {color: #00BB00;} .tabs a.active {background: url(../img/tabs_left.gif) no-repeat left top;} .tabs a.active span { color: #C90404; background: url(../img/tabs_right.gif) no-repeat right top; } /*** 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: #C90404;} 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: #C90404;} div#box_users div.box_content { width: 90%; overflow: hidden;} /*** Tag cloud box ***/ div#box_tags a:hover {color: #C90404;} /*** Article page tag box ***/ #article_tags div.article_tags {} #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: #C90404;} /*** Email friend box ***/ #send_article { padding: 6px; border: 1px solid #eee; } /*** 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;} /*************** FOOTER STYLES *************************************************************************************************************************/ /******************************************************************************************************************************************************/ .footer { text-align: center; padding: 6px 0px; margin: 0px 6px 0px 6px; color: #666666; } .footer a { color: #666666;} .static_footer { background-color: #EFEFEF; padding: 12px 0px 8px 0px;} .footer div.corner_bottom {background: url(../img/footer_bottom.gif) no-repeat left bottom; height: 8px;} /*** First level categories in footer ***/ .footer ul { text-transform: uppercase; background: #CBCBCB; padding: 6px 0px 6px 0px; margin: 0px;} .footer li {display: inline; padding: 0px 3px;} .footer li a { color:#FFFFFF;} /* Styles for forms */ form { /******* Used for all forms in Vivvo *********/ padding: 0px; margin: 0px; } input, select, textarea { } select {} textarea {border: 1px solid #7F9DB9;} .form_line { margin-bottom: 6px; padding-bottom: 6px; width: 100%; overflow: hidden; /* if used, needs to be hidden because of Opera */ } *:first-child+html .form_line {margin-bottom: 0px; padding-bottom: 6px;} input.text {border: 1px solid #7F9DB9;} select.options { border: 1px solid #7F9DB9;} 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 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 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; } .ticker { height: 20px; border-bottom: 1px solid #DDDDDD; padding: 0px 0px 6px 6px; margin: 0px 6px; } .ticker a {color: #CA0405;} .ticker span.ticker_category {color: #cccccc;} .ticker span.ticker_category a {color: #000000;} .ticker .scroller { height:20px; } .ticker .section { height:20px; } #box_newsletter {} #box_newsletter div.button_holder { height: 20px; padding: 4px;} #box_newsletter div.button_holder input { float: right;} #newsletter_form_holder { padding: 6px;} #box_poll {} #box_poll span.poll_question { color: #A5A5A5;} #box_poll label { display: block; border-bottom: 1px solid #ddd; padding: 4px 0px;} #box_poll label img { vertical-align: middle;} #box_poll div.button_holder { height: 20px; padding: 4px;} #box_poll div.button_holder a { color: #C90404;} #box_poll div.button_holder input { float: right;} /*** Poll page ***/ .poll_box_holder { background: #eeeeee; border-bottom: 1px solid #dddddd; margin: 12px 0px; padding: 6px;} .poll_box_header { border-bottom: 1px solid #dddddd; margin-bottom: 6px; padding-bottom: 4px;} .poll_box_header span { color: #666666;} .poll_line { margin-bottom: 6px; padding-bottom: 6px; width: 98%; overflow: hidden; /*** if used, needs to be hidden because of Opera ***/ } .poll_line img { vertical-align: middle;} .poll_answer_title { text-align: right; padding: 0px 3px 2px 0px; display: block; float: left; width: 46%; font-size: 12px; color: #555555; font-weight: bold; } .box_headline {margin: 6px 12px 6px 0px; padding: 6px; background-color: #eee; height: 384px;} .box_headline h1 { padding: 4px 0px;} .headline_article_holder { width: 100%; overflow:hidden;} .headline_image { width:318px; height: 236px; overflow: hidden; position: relative; display: block; text-align: center; } .headline_image div.image_caption { position: absolute; bottom: 0; left: 0; width: 312px; text-align: left; font-size: 11px; color: #FFFFFF; background-color: #000000; padding: 3px; z-index: 999; opacity: .60; /* Standard style for transparency */ -moz-opacity: .60; /* Transparency for older Mozillas */ filter: alpha(opacity=60); /* Transparency for IE */ } .headline_body { padding: 6px;} .headline_link { text-align: right; font-weight: bold;} .player { background: url(../img/headlines_player_top_bg.gif) top repeat-x; margin: 6px 0px; padding: 6px;} .player ul { padding-top: 6px;} .player li {display: inline;} .player a {padding: 2px 6px;} .player a:link, .player a:visited { color: #fff; background-color: #A5A5A5; text-decoration: none; } .player a:hover { color: #C90404; background-color: #B7B8B8; text-decoration: none; } .player a.active, .player a:visited.active { background-color: #C90404; color: #FFFFFF; font-weight: bold; }