/*******************************************/
/* CUSTOM STYLESHEET */
/*******************************************/
/* You can place your custom CSS statements in this file, after this message. */
/* It is better to write everything custom here because this file won't be replaced during updates. */
/* Simply copy an existing style from style.css to this file, and modify it to your liking. */
body {
	background: #fff url(../images/back.png) repeat top left fixed;
	color: #222;
}
a {
	text-decoration: none;
	color: #000;
}
h1, h2, h3, h4, h5, h6 {
	color: #222;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
	color: #000 !important;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: none;
	color: #336699 !important;
}

/* Global classes */
.clear, .clearfix {clear: both;float: none;}
.hide, .hidden {display: none;}
.visible {display: block;}
.fl{float:left;}
.flimg {float:left; padding:0 10px 10px 0;}
.fr{float:right;}
.frimg {float:right; margin:0 0 10px 10px;}
.al{text-align:left;}
.ac{text-align:center;}
.ar{text-align:right;}
.dac{width:100%; margin:0 auto;}
.brd0{border:0px solid #000333;}
.brd{border:1px solid #000333;}
.block{display:block;}
.hidden{display:none;}
.red{background-color:red;}
/* End Global classes */


#container div.sep {
	border-top: solid 1px #e9e9e9;
	border-bottom: solid 2px #e9e9e9;
}
div.box {
	background-color: #fff;
	border: solid 1px #e9e9e9;
}
div.box a {
	color: #336699;
}
.posts p.more a {
	color: #fff;
	background-color: #336699;
}
.posts p.more a:hover {
	background-color: #555;
}
#header {
}
#navigation, #footnavigation {
	border-bottom: solid 1px #bcbcbc;
}
#footnavigation {
	border-bottom: none;
}
#nav, #footnav {
	background: #cdcdcd url(../images/back_menu.png) repeat-x top left;
}
#nav li, #footnav li {
	border-right: solid 1px #bbb;
	border-left: solid 1px #e9e9e9;
}
#nav li li {
	border-right: solid 1px #222;
	border-left: solid 1px #222;
}
#nav a, #footnav a {
	color: #777;
	text-decoration: none;
	text-shadow: #eee 1px 1px 0;
}
#nav a:hover, #footnav a:hover {
	color: #333;
}
#nav li li a {
	text-shadow: none;
	color: #aaa;
}
#nav li li a:hover {
	color: #fff;
}
#menuSocial img {
	border: solid 1px #eee;
}
#frame {
	background-color: #f1f1f1;
	border: solid 1px #e9e9e9;
}
div.cover img {
	border: solid 5px #333;
}
.navTabs li a {
	color: #777;
	background-color: #f5f5f5;
	border: solid 1px #e9e9e9;
}
.navTabs li.active a, .navTabs li a:hover {
	color: #333;
	background-color: #fff;
	border-bottom: solid 1px #fff;
	text-decoration: none;
}
.navTabs li a {
	padding: 9px 5px;
}
#postsSmall li {
	background-color: #f5f5f5;
	border-top: solid 1px #e9e9e9;
}
#postsSmall li.active, #postsSmall li:hover {
	background-color: #fff;
}
#postsSmall li:hover div.cleaner, #postsSmall li.active div.cleaner {
	background-color: #fff;
}
#postsSmall li div.cleaner, #postsSmall div.cleaner {
	background-color: #f5f5f5;
}
#postsSmall a {
	text-decoration: none;
	color: #666;
}
#postsSmall a:hover {
	text-decoration: none;
}
#featCategories li {
	border-bottom: solid 1px #e9e9e9;
	background: transparent url(../images/bullet_white.png) no-repeat top left;
}
#featCategories li:hover {
	background: transparent url(../images/bullet_red.png) no-repeat top left;
}
#featCategories li.first, #featCategories li.first:hover {
	background: none;
}
div.title {
	background-color: #f5f5f5;
	border: solid 1px #e9e9e9;
	border-bottom: none;
}
/* Main */
#single img {
	border: solid 5px #333;
}
#single div.postcontent p.tags a, #single div.postcontent p.pages a {
	color: #fff;
	background-color: #336699;
}
#single .box-author {
	border-top: none;
	border-bottom: none;
	background-color: #f5f5f5;
}
div.postmetadata ul li {
	color: #777;
	background: transparent url(../images/icon_tag.png) no-repeat center left;
}
#main ol.normalComments img.avatar {
	border: solid 4px #ddd;
}
#main #submit, #commentform #submit {
	background: none;
	background-color: #bd1c1c;
	color: #fff;
	border: none;
}
#main #submit:hover, #commentform #submit:hover {
	background-color: #981e1e;
}
/* Comments */
.afterpost .navigation .alignleft a, #single .reply a, .afterpost .navigation .alignright a, #single .cancel-comment-reply a {
	background-color: #d52c2c;
	text-shadow: #b62424 1px 1px 1px;
	color: #fff;
}
.afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, #single .reply a:hover, #single .cancel-comment-reply a:hover {
	color: #333;
	background-color: #ddd;
	text-shadow: #fff 1px 1px 1px;
}
.afterpost .navigation {
	background: none;
}
#main .normalComments li.comment {
	background-color: #eee;
	border-top: solid 4px #eee;
}
#main .normalComments li.bypostauthor {
	background-color: #fff;
}
#main .normalComments cite.author {
	color: #333;
}
#main .normalComments div.gravatar img {
	border: solid 5px #333;
}
#main .normalComments div.gravatar-author img {
	border: solid 5px #333;
}
#main input, #main textarea, #commentform input, #commentform textarea {
	background-color: #ddd;
	border: 1px solid #bbb;
	color: #333;
}
#footer {
	color: #777;
}
#footer a {
	color: #555;
}
#footer a:hover {
	color: #222;
	text-decoration: underline;
}
#searchform input {
	border: solid 1px #ccc;
}
#searchform input#searchsubmit {
	background-color: #bd1c1c;
	border: none;
	color: #fff;
}
#searchform input#searchsubmit:hover {
	background-color: #981e1e;
}
/* Gallery Widget */
.widget ul.gallery li img {
	border: solid 4px #ddd;
}
.widget .social li a {
	color: #1d4479;
}
/* Centrirani banneri */
#sidebar a img {
	display: block;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}
/* Table vizuali */
table h1, table h2, table h3, table h4, table h5, table h6 {
	color: #ffffff;
}
table h1 a, table h2 a, table h3 a, table h4 a, table h5 a, table h6 a {
	text-decoration: none;
	color: #ffffff !important;
}
table h1 a:hover, table h2 a:hover, table h3 a:hover, table h4 a:hover, table h5 a:hover, table h6 a:hover {
	text-decoration: none;
	color: #eeeeee !important;
}
table {
	color: #7F7F7F;
	font: 0.8em/1.6em "Trebuchet MS", Verdana, sans-serif;
	border-collapse: collapse
}
table, caption {
	margin: 0 auto;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
caption, th, td {
	border-left: 0;
	padding: 3px 0px;
}
caption, thead th, tfoot th, tfoot td {
	background-color: #E63C1E;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase
}
thead th {
	background-color: #C30;
	color: #FFFFFF;
	text-align: center
}
thead th a:link, thead th a:hover, thead th a:link, thead th a:visited {
	color: #FFFFFF;
	text-decoration:none;
}
tbody th {
	padding: 5px 2px
}
tbody tr.odd {
	background-color: #F3F3F3;
	color: #666;
}
tbody a {
	padding: 1px 2px;
	color: #333;
	text-decoration: none;
	border-bottom: 0px dotted #E63C1E;
}
tbody a:active, tbody a:hover, tbody a:focus, tbody a:visited {
	color: #666
}
tbody tr:hover {
	background-color: #EEE;
	color: #333
}
tbody tr:hover a {
	background-color: #EEE
}
tbody td+td+td+td a {
	color: #C30;
	font-weight: bold;
	border-bottom: 0
}
tbody td+td+td+td a:active, tbody td+td+td+td a:hover, tbody td+td+td+td a:focus, tbody td+td+td+td a:visited {
	color: #E63C1E
}
tbody a:visited:after {
	font-family: Verdana, sans-serif;
}
tbody h3 a, tbody h3 a:hover, tbody h3 a:visited, tbody h3 a:link {
	text-decoration: none;
  font-size: 12px;
	color: #000000 !important;
}
tbody h3 a:hover {
	color: #336699 !important;
}

#single table a img,
#single table img  {
	border: 0;
	float: left;
	line-height:1em;
	margin: 0px 0 0 8px;
	padding: 0;
}

/* Rounds */
#rounds {
	float: left;
	text-align: left;
	font-size: 1.2em;
}
#rounds div {
	display: block;
	border-bottom: 1px solid #e9e9e9;
	line-height: 24px;
}
#rounds .teams {
	float: left;
	width: 300px;
	padding: 0 0 0 2px;
	text-align: left;
	font-weight: bold;
	color: #000000;
}
#rounds .teams a:link, #rounds .teams a:visited, #rounds .teams a:active {
	color: #000000;
	text-decoration: none;
}
#rounds .teams a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
#rounds .result {
	float: left;
	width: 100px;
	padding: 0 0 0 2px;
	text-align: center;
}
#rounds a:link, #rounds a:visited, #rounds a:active {
	color: #000000;
	text-decoration: none;
}
#rounds a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
#rounds .date {
	float: left;
	width: 150px;
	padding: 0;
	text-align: center;
}
#rounds .date a:link, #rounds .date a:visited, #rounds .date a:hover, #rounds .date a:active {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#rounds .date a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
#rounds .tv {
	float: left;
	width: 68px;
	padding: 4px 0 4px 0;
	text-align: center;
}
#rounds .desc {
	float: left;
	width: 618px;
	text-align: left;
	border: 0px;
}
#rounds .desc p {
	text-align: left;
	line-height: 1.2em;
	padding: 5px 2px 0px 2px;
}
#rounds .full_line {
	float: left;
	width: 622px;
	padding: 0 0 0 2px;
	text-align: left;
	font-weight: bold;
	color: #000000;
}
#rounds a.readmore, #rounds .full_line a {
	float: right;
	padding: 2px 4px;
	background-color: #f5f5f5;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-transform: uppercase;
}
#rounds a.readmore:hover, #rounds .full_line a:hover {
	background-color: #555555;
	color: #ffffff;
}
/* STATS MENU */
table .highlight{
	background-color: #e9e9e9;
}
.highlight {
	background-color: #bd1c1c;
	color: #fff;
	padding-top:3px;
	padding-bottom:3px;
}
.pager{overflow:auto;margin:5px;padding:0;float:right;}
#content .pager li{display:inline;float:left;background:none;margin:0;padding:0;padding:0 1px;color:#000333;}
#content .pager li.current{display:block;padding:2px 5px;background:#C30;color:#FFFFFF;border:solid 1px #C30;}
#content .pager li a:link,#content .pager li a:visited{display:block;margin:0;border:solid 1px #C30;padding:2px 5px;float:left;color:#000333;}
#content .pager li a:hover{border:solid 1px #C30;background-color:#C30;color:#FFFFFF;}

/* tooltip styling begin */
.tooltip {
	display:none;
	background:#f5f5f5;
	width:170px;
	height:120px;
	border:2px solid #E9E9E9;
	-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
	padding:5px;
	color:#000;
	font-weight:bold;
	font-size:11px;
	z-index:999;
}
.tooltip h3 { padding-bottom:10px;font-weight:bold;font-size:13px;}
/* tooltip styling end */


/* scrollable */
/*root element for the scrollable.when scrolling occurs this element stays still.*/
.scrollable{
/* required settings */
position:relative;overflow:hidden;width:910px;height:60px;margin:0px 1px 10px 1px;}
.scrollable .items{
/* this cannot be too large */
width:20000em;position:absolute;clear:both;}
/* single scrollable item */
.items div{float:left;margin:0px;padding:0px;border:1px solid #fff;width:128px;height:58px;}
.items div .item{background-image:url(../images/scroller_bg.png);background-position:left center;background-repeat:no-repeat;border:0px;}
.item a {display:block;}
/* active item */
.scrollable .active{border:0px solid red;position:relative;cursor:default;}
/* this makes it possible to add next button beside scrollable */
.scrollable{float:left;}
/* prev, next, prevPage and nextPage buttons */
a.browse{background:url(../images/hori_large.png) no-repeat;display:block;width:30px;height:30px;float:left;margin:15px 2px;cursor:pointer;font-size:1px;}
/* right */
a.right{background-position:0 -30px;clear:right;margin-right:1px;}
a.right:hover{background-position:-30px -30px;}
a.right:active{background-position:-60px -30px;}
/* left */
a.left{margin-left:1px;}
a.left:hover{background-position:-30px 0;}
a.left:active{background-position:-60px 0;}
/* up and down */
a.up, a.down{background:url(../images/vert_large.png) no-repeat;float:none;margin:0px;}
/* up */
a.up:hover{background-position:-30px 0;}
a.up:active{background-position:-60px 0;}
/* down */
a.down{background-position:0 -30px;}
a.down:hover{background-position:-30px -30px;}
a.down:active{background-position:-60px -30px;}
/* disabled navigational button */
/*a.disabled{visibility:hidden !important;}
*/
/* Rounds Scrollable */
.items .R1 {background-color: #ff0;}
.items .R2 {background-color: #fc0;}
.items .R3 {background-color: #f90;}
.items .R4 {background-color: #f60;}
.items .R5 {background-color: #f00;}

.items .R6 {background-color: #ff6;}
.items .R7 {background-color: #fc6;}
.items .R8 {background-color: #f96;}
.items .R9 {background-color: #f66;}
.items .R10 {background-color: #f06;}

.items .R11 {background-color: #ffc;}
.items .R12 {background-color: #fcc;}
.items .R13 {background-color: #f9c;}
.items .R14 {background-color: #f6c;}
.items .R15 {background-color: #f0c;}

.items .R16 {background-color: #cf0;}
.items .R17 {background-color: #cc0;}
.items .R18 {background-color: #c90;}
.items .R19 {background-color: #c60;}
.items .R20 {background-color: #c00;}

.items .R21 {background-color: #cf6;}
.items .R22 {background-color: #cc6;}
.items .R23 {background-color: #c96;}
.items .R24 {background-color: #c66;}
.items .R25 {background-color: #c06;}

.items .R26 {background-color: #cff;}
.items .R27 {background-color: #ccf;}
.items .R28 {background-color: #c9f;}
.items .R29 {background-color: #c6f;}
.items .R30 {background-color: #c0f;}

.items .R31 {background-color: #6ff;}
.items .R32 {background-color: #6cf;}
.items .R33 {background-color: #69f;}
.items .R34 {background-color: #66f;}

.scrollable .round {width:26px; height:18px; line-height: 18px; display:block; float:left; font-size: 11px; text-align: left; padding-left: 2px;}
.scrollable .date {width:98px; height:18px; line-height: 18px; display:block; float:right; font-size: 11px; text-align: right; padding-right: 2px;}
.scrollable .team {width:82px; height:20px; line-height: 20px; display:block; float:left; font-size: 14px; text-align: left; padding-left: 2px;}
.scrollable .result {width:42px; height:20px; line-height: 20px; display:block; float:right; font-size: 14px; text-align: right; padding-right: 2px;}
.scrollable .time {width:42px; height:20px; line-height: 20px; display:block; float:right; font-size: 11px; text-align: right; padding-right: 2px;}
/* scrollable end */
div#sidebar object, div#sidebar  embed, div#sidebar iframe {clear:both;display:block;width:280px !important;height:230px !important;margin:0 auto;text-align:center; overflow:hidden;}
div#single object, div#single embed, div#single iframe{clear:both;display:block;width:500px !important;height:411px !important;margin:0 auto;text-align:center;}

.fl{float:left;}
.fr{float:right;}
.h20{line-height:20px;}
.h30{line-height:30px;}
.h40{line-height:40px;}
.odd{background-color:#efefef;color:#000000;}
.ac{text-align:center;}
.ar{text-align:right;}
.dac{margin:0 auto;}
.d24{width:24%;}
.d25{width:24.9%;}
.d30{width:30%;}
.d33{width:33%;}
.d34{width:34%;}
.d49{width:49%;}
.d50{width:50%;}
.d75{width:75%;}
.d96{width:96%;}
.d100{width:100%;}
.brd{border:1px solid #000333;}
.block{display:block;}
.red{background-color:red;}
.margin0 {margin:0;}
.padding0{padding:0;}