body {
    margin:0; padding:0;
    font:11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
    color:#969fa2;
    background-color:#02758a;
}

a {color:#9daf00;}
a:hover {text-decoration:none;}
a img {border:none;}
form, fieldset {margin:0; padding:0; border:none;}

.clear {clear:both; position:relative;}
.grey {color:#969fa2;}
.blue {color:#4eb9cd;}
.catHeader {margin:15px 0 10px; font-size:14px;}

input, select, textarea {
    font:11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
    color:#969fa2;
}

.line {font-size:0; height:1px; border-bottom:1px solid #e5e5e5; margin-top:5px;}

#main {width:778px; margin:0 auto; background-color:#fff;}
#flashMenu {height:211px;}

/* ============ #topMenu =========== */
#topMenu {height:53px; margin-bottom:1px;}
#topMenu ul {
    width:428px; height:53px;
    margin:0; padding:0 121px 0 0;
    list-style-type:none;
    background:url('images/menu_right.jpg') right no-repeat #b6ce43;
    float:left;
}

#topMenu ul a {
    display:block;
    height:33px;
    padding-top:20px;
    text-align:center;
    font-weight:bold;
    font-size:10px;
    color:#fff;
    text-decoration:none;
}

#topMenu li {width:85px; height:53px; float:left; background-color:#b6ce43;}
#topMenuItem1 {width:88px !important; background:url('images/menu1.jpg') no-repeat;}
#topMenuItem2 {background:url('images/menu2.jpg') no-repeat;}
#topMenuItem3 {background:url('images/menu3.jpg') no-repeat;}
#topMenuItem4 {background:url('images/menu4.jpg') no-repeat;}
#topMenuItem5 {background:url('images/menu5.jpg') no-repeat;}

/* ============= serach ============ */
#searchForm {
    width:217px; height:50px;  
    background:url('images/searchbg.jpg') no-repeat #b6ce43;
    padding:3px 0 0 12px;
    float:left;
}

.input {
    border-width:1px;
    border-style:solid;
    border-color:#626262 #f0f0f0 #ddd #a6a6a6;
    background:url('images/input.gif') no-repeat;
    padding:3px;
}

#searchForm .input {width:115px;}
#searchForm .submit {position:relative; top:9px;}

/* ============= cpMenu ============ */
#underTopMenu ul {
    height:20px;
    margin:-1px 0 0 0; padding:0;
    padding-top:8px;
    list-style-type:none;
    background:url('images/header_grey.gif') repeat-x #666;
    text-align:center;
    font-size:10px;
    color:#fff;
}

#underTopMenu ul li {display:inline;}
#underTopMenu ul li a {color:#fff; margin:0 2px;}

/* ============ content ============ */
#left {width:190px; float:left;}
#right {width:190px; float:right; overflow:hidden;}
#centerMain {
    width:394px;
    border-left:1px solid #e1e1e1;
    border-right:1px solid #e1e1e1;
    margin:0 1px;
    float:left;
}

#content {background:url('images/bg.gif') 191px 0 repeat-y;}
#contentPodstr {padding:15px; background:url('images/boxbg.gif') repeat-x;}

.header {
    height:28px;
    margin-bottom:1px;
    background:url('images/header.gif') repeat-x #038bb2;
    text-transform:uppercase;
}

.header div {
    height:20px;
    font-weight:bold;
    font-size:10px;
    color:#fff;
    padding:8px 43px 0 15px; 
    background:url('images/header_right.gif') right no-repeat;
}

.box {background:url('images/boxbg.gif') repeat-x; padding:10px 15px;}

/* ============ rssFeed ============ */
.rssHead {clear:both;}
.rssFeed img {border:1px solid #e1e1e1; top:-1em; position:relative;}

/* ============= login ============= */
#loginForm .input {width:142px;}
#loginForm .submit {vertical-align:middle; margin:5px 0 0 25px;}
#loginForm img {margin:5px 0 3px 0;}

/* ========== tell friend ========== */
#tellFriendForm table {margin-top:5px;}
#tellFriendForm table input {width:75px;}

/* ============= topTen ============ */
#topTen {margin:0; padding:0;list-style-type:none;}
#topTen li {border-bottom:1px solid #e5e5e5; padding:2px 0;}
#topTen li a {text-decoration:none;}
#topTen li a:hover {text-decoration:underline;}

/* ============ prTable ============ */
#prTable {width:100%; border-collapse:collapse;}
#prTable td {padding:2px 0;}
.toCenter {text-align:center;}

/* =========== statTable =========== */
#statTable {width:100%; border-collapse:collapse;}
#statTable td {padding:2px; border-bottom:1px solid #e1e1e1;}
.toRight {text-align:right;}

/* ============ newsList =========== */
#newsList {margin:0; padding:0; list-style-type:none;}
#newsList li {margin:10px 0;}

/* ============ pageNav ============ */
.pageNav {margin:0 0 15px 0; color:#9daf00;}
.pageNav a {color:#9daf00 !important;}

/* ============== pos ============== */
.pos {background:url('images/pos_bg.jpg') 0 29px no-repeat; margin:0 -14px; padding-bottom:15px;}
.posHead a {color:#fff; text-decoration:none;}
.posHead a:hover {text-decoration:underline;}
.posHead div {background-position:-1px 0; padding:8px 0 0 43px;;}

.posHead div div {
    margin:-8px 10px 0 -17px;
    padding:8px 9px 0 9px;
    background:url('images/header_grey.gif') repeat-x;
    float:left;
    display:inline;
}

.sponsored {background:url('images/header_sponsored.gif') repeat-x #761010;}
.premium {background:url('images/header_premium.gif') repeat-x #104376;}
.posHeadN {font-weight:normal; margin-left:5px;}

.posLeft, .posRight {padding-top:10px;}
.posLeft {width:150px; float:left;}
.posRight {width:616px; float:right; color:#4f4f4f; line-height:1.5em;}

.posImg {display:block; margin:0 auto; padding:0 9px 13px; background:url('images/pos_img_bg.gif') no-repeat;}
.posOc1, .posOc2 {padding:5px 0 10px 14px;}
.posOc1 img, .posOc2 img {margin-top:5px;}
.posOc2 {background:url('images/ocena_bg.gif') top right no-repeat; margin-top:-6px; position:relative;}

.posRight p {margin:0;}

.posCat {margin:10px 0; border-collapse:collapse; font-weight:bold;}
.posCat td {vertical-align:top;}
.posCatLinks {color:#9daf00;}
.posCatLinks a {color:#9daf00 !important;}

.posOpts {height:43px; padding-top:9px; margin-top:10px; background:url('images/opts_bg.jpg') no-repeat;}
.posOpts a {
    display:block;
    width:80px; height:29px;
    padding-top:4px;
    margin:0 6px;
    background:url('images/button.gif') no-repeat;
    font-size:10px;
    text-decoration:none;
    color:#028ab2;
    text-align:center;
    float:left;
}

.posWide {padding:10px 15px 0 15px;}
.posWide .posCat {margin:5px 0 0 0;}

/* ============= footer ============ */
#footer {
    height:27px;
    padding-top:15px;
    background:url('images/footer.gif') repeat-x;
    clear:both;
}

#footer ul {margin:0; padding:0; list-style-type:none; text-align:center;}
#footer ul li {display:inline; padding:0 10px 0 7px;; border-right:1px solid #a0a6a9;}
#footer ul li.last {border:none;}
#footer ul li a {color:#6a7376;}

#footerUnder {
    height:30px;
    font-size:10px;
    text-align:center;
    color:#7abac5;
    background:url('images/footer_under.gif') repeat-x #02758b;
    padding-top:10px;
}

#footerUnder a {color:#7abac5;}


/* =========== CSM style =========== */
.tbl_border {border-collapse:collapse;}
.tbl_border td {border:1px solid #e9e9e9;}

.tbl_caption, .tbl_caption td {
    height:28px;
    padding-top:0; padding-bottom:0;
    background:url('images/header.gif') repeat-x #038bb2;
    text-transform:uppercase;
    color:#fff;
    font-weight:bold;
    font-size:10px;
}


#popular_tags {
  text-align: justify;
  padding: 10px;
  margin: 0 20px;
}

#popular_tags li {
  list-style: none;
  display: inline;
  line-height: 20px;
}

#popular_tags li a {
  color: #000000;
}

#popular_tags .smallest_tag {
  font-size: 100%
}

#popular_tags .small_tag {
  font-size: 125%
}

#popular_tags .medium_tag {
  font-size: 150%
}

#popular_tags .large_tag {
  font-size: 175%
}

#popular_tags .largest_tag {
  font-size: 200%
}

#popular_tags li span {
  color: #999999;
  font-size: 8px;
  padding: 0 5px 0 0;
}

/* Easy Slider */
/*
	define width and height of container element and list item (slide)
	list items must be the same size as the slider area
*/ 
#slider {width:138px; height:103px; margin:0 auto; overflow:hidden;}
#slider li {width:138px; height:98px; overflow:hidden;}
#slider ul {margin:0; padding:0; list-style:none;}
#slider img {padding:0;}
#prevBtn, #nextBtn {display:none;}