-------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
ul li, ol li { list-style: none; }
ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 0; }
img { border: none; }
.clearboth { clear: both; }
.clearblock { clear: both; display: block; width: 100%; padding: 0; }


/* Body & Text
-------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background: #1e2933 url(../images/bottombg.gif) center 539px no-repeat;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #454545;
	}
	/* WP_BODY_CLASS */
	.archive, .page, .error404 {background: #1e2933 url(../images/bottombg.gif) center 165px no-repeat;}
	.klijenti {background: #1e2933 url(../images/bottombg.gif) center 165px no-repeat;}
	.pocetna {background: #1e2933 url(../images/bottombg.gif) center 500px no-repeat;}
	.details {background: #1e2933 url(../images/bottombg.gif) center 480px no-repeat;}
	body.single #topwrapper {padding-bottom: 6px;} body.single {background: #1e2933 url(../images/bottombg.gif) center 545px no-repeat;}
	
h1, h2, h3 {margin-top: 0; }
h1, h2 {font-size: 22px; font-weight: normal; color: #ececec;}
h3 {color: #c9c9c9;}

a:link, a:visited { color: #adab8c; text-decoration: none; }
a:hover { color: #9BB2CB; }

hr { border: 0; border-top: 1px solid #eee; clear: both; display: block; height : 2px; margin: 0 0 12px 0; padding: 0; }
small, .small {font-size: 80%;}

.fl_left, img.left {float: left; margin: -2px 8px 4px 0;}
.fl_right, img.right {float: right; margin: -2px 0 4px 8px;}

a img {
	border: none;
	}
#topwrapper {
	/*background: #0b1720 url(../images/topbg_rpt.gif) left top repeat-x;*/
	background: #0b1720 url(../images/topwrapp.jpg) 50% top no-repeat;
	}


/* Header */
#header {
	width: 960px;
	height: 165px;
	margin: 0 auto;
	position: relative;
	}
#header .quickabout {font-size: 11px; color: #69707a; padding: 10px 0; width: 500px;}
#header .quickabout strong {color: #7B8A9B;}
#header .leaderboard {position: absolute; right: 0px; top: 54px;}
#logo {
	position: absolute;
	margin: 0;
	left: -6px;
	top: 32px;
	}
#logo h1 {
	padding: 38px 0 0 0;
	letter-spacing: -1px;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 5em;
	}
#logo a {
	border: none;
	text-decoration: none;
	color: #FFFFFF;
	}

/* Navigation */
#topnav {
	width: 646px;
	height: 26px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	}
#topnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#topnav li {
	display: inline;
	margin: 0;
	padding: 0;
	}
#topnav a {
	display: block;
	float: right;
	height: 32px;
	margin: 4px 0 0 2px;
	padding: 8px 23px 0 23px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-family: Helvetica, Arial, Sans-Serif !important;
	color: #adab8c;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	}
#topnav a:hover {
	color: #9bb2cb;
	}
#topnav .last {}
#topnav .current,
#topnav a:hover {
	background: url(../images/topnav_t.gif) repeat-x left top;
	color: #e4e6ec;
	}
#topnav .rssbutton a {padding: 0; margin: 0;}
#topnav .homebutton a {padding: 4px 5px 0; margin: 4px 0 0 0;}
#topnav .homebutton a:hover {}

.pagenav {clear: both; width: 572px;}

/* Wrapper */
#wrapper {
	width: 960px;
	margin: 20px auto 0 auto;
	padding: 0;
	background: url(../images/bottomro.jpg) left top no-repeat;
	}
#wrapper_klijenti {
	width: 960px;
	margin: 20px auto 0 auto;
	padding: 0;
	background: url(../images/bottomro_klijenti.jpg) left top no-repeat;
	}
#showbadges {
	position: relative;
	background: #0b1720;
	padding: 0;
	margin: 22px auto 0 auto;
	width: 960px;	
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	}
	#showbadges .navleft {position: absolute; top: 75px; left: 16px;}
	#showbadges .navright {position: absolute; top: 75px; right: 16px;}
	#showbadges div {width: 860px; height: 155px; margin: 0 auto; padding: 22px 0;}
	#showbadges div .badge {width: 264px; height: 154px; margin: 0 10px;}
	#showbadges .badge img {border: 1px solid #0B1720;}
	.active-badge img{ border-color: #ddd !important; }
	.home-show-cover-loader{ margin: 180px 0 0 0; }
.show {
	width: 960px;
	margin: 0 auto;
	margin-bottom: 22px;
	}
	.showinfo .episodetitle {color: #c9c9c9; font-size: 20px;}
	.showinfo h2 {color: #ececec;}
	.showinfo .watchnow {display: block; margin: 12px 0 0 0; padding: 8px 8px 6px 140px; background: #081016 url(../images/showinfo.png) left 50% no-repeat; /*height: 34px;*/ min-height: 34px; height: auto; font-size: 14px; font-weight: bold; line-height: normal; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
	.watchnow:hover {color: #fff; text-decoration: underline;}
	.showinfo .meta {font-size: 12px; margin: 4px 0 14px 0; color: #868686;}
	.showinfo .meta a {width: 110px; display: block; text-decoration: none; text-align:center; color: #0B1820; background:#868686; padding: 2px 5px; margin-top: 4px;}
	.showinfo .quickabout {color: #d0d0d0;}
	.showinfo .quickabout strong {background: transparent url(showinfp.gif) center top no-repeat; font-size: 16px; display: block; color: #E9E7C5; font-weight: normal; padding: 20px 0 10px 0;}
	.showinfo .divline {background: transparent url(images/showinfp.gif) center top no-repeat; display: block; margin: 18px 0; border: 0; padding: 0;}
	.showinfo .showsponsors {
		background: #202D39;
		margin: 24px 0 0 0;
		padding: 10px 0 10px 0;
		overflow: hidden;
		}
		.showinfo .showsponsors img {margin-left: 12px;}
		.showinfo .showsponsors div {position: absolute; margin-top: 42px; margin-left: 0; font-size: 10px; text-transform: uppercase; color: #4f545c;}
	.sharebox img {margin-right: 8px; text-align: center;}
	
	.showdisplay {float: left; width: 590px;}
	.showdisplay p.needflash {margin: 130px 22px; color: #525860; font-weight: bold; font-size: 140%;}

.showcontent h2,
h2.blocktitle {font-size: 22px; position: relative; margin: 0 0 12px; padding-bottom: 22px; background: url(../images/narrowco.gif) left 32px no-repeat; text-shadow: #121e26 2px 2px 0; text-align: left}
.blocktitle .morelink {position: absolute; right: 16px; top: 8px; font-size: 11px; text-transform: uppercase;}
.blocktitle small {font-size: 12px;}
.blocktitle .logocontent {position: absolute; right: 22px; top: 5px;}
.showcontent .blocktitle .logocontent {right: 10px; top: 0;}

.showepisodes h2 { color: #69707a; }
.showepisodes { clear: both; float: left; margin-bottom: 12px; width: 100%; }
	.showepisodes h2 {margin: 0 0 12px 0;}
	.showepisodes ul {margin: 0; padding:0;}
	.showepisodes li {margin: 0 12px 22px 0; padding:0; float: left; width: 182px; background: #081016;}
	.showepisodes li a:hover {color: #fff; text-decoration: underline;}
	.showepisodes .episodescreen {padding: 6px; background: #081016; border: 1px solid #4d535b; display: block; width: 168px;}
	.showepisodes .episodescreen:hover {padding: 6px; background: #4d535b; border: 1px solid #E9E7C5; display: block; width: 168px;}
	.showepisodes h3 {margin: 6px 26px 10px 0; padding:0; font-size: 13px; font-weight: bold;}
	.showepisodes li div {margin: 0; padding: 6px 12px 12px; position: relative; color: #69707A; height: 104px; overflow: hidden; font-size: 11px;}
	.showepisodes li .episodescreen img {width: 168px; height: 97px; margin-bottom: 0; margin-bottom: -1px; }
	.showepisodes li strong {position: absolute; top: 12px; right: 12px; text-align: center; padding: 0; width: 28px; height: 26px; line-height: 20px; background: url(../images/episodeb.gif) left top no-repeat;}
	.showepisodes li strong a {color: #96a2b0;}
	.showepisodes li span {color: #C9C9C9;}

.showusluge h2 { color: #69707a; }
.showusluge { clear: both; float: left; margin-bottom: 12px; width: 100%; }
	.showusluge h2 {margin: 0 0 12px 0;}
	.showusluge ul {margin: 0; padding:0;}
	.showusluge li {margin: 0 12px 22px 0; padding:0; float: left; width: 182px; background: #081016;}
	.showusluge li a:hover {color: #fff; text-decoration: underline;}
	.showusluge .episodescreen {padding: 6px; background: #081016; border: 1px solid #4d535b; display: block; width: 168px;}
	.showusluge .episodescreen:hover {padding: 6px; background: #4d535b; border: 1px solid #E9E7C5; display: block; width: 168px;}
	.showusluge h3 {margin: 6px 26px 10px 0; padding:0; font-size: 13px; font-weight: bold;}
	.showusluge li div {margin: 0; padding: 6px 12px 12px; position: relative; color: #69707A; height: 104px; overflow: hidden; font-size: 11px;}
	.showusluge li .episodescreen img {width: 168px; height: 97px; margin-bottom: 0; margin-bottom: -1px; }
	.showusluge li strong {position: absolute; top: 12px; right: 12px; text-align: center; padding: 0; width: 28px; height: 26px; line-height: 20px; background: url(../images/episodeb.gif) left top no-repeat;}
	.showusluge li strong a {color: #96a2b0;}
	.showusluge li span {color: #C9C9C9;}

.showcontent {
	width: 96%;
	margin-bottom: 24px;
	color: #eee;
	line-height: 17px;
	padding-top: 6px;
	}
	.showcontent h3 {
		color: #fff;
		font-size: 16px;
		margin: 20px 0 0 0;
		}
	.showcontent p {margin: 4px 0 14px 0;}
	.showcontent a:link {text-decoration: underline;}
	.showcontent ul {margin: 0; padding: 0;}
	.showcontent li {float: none;}

.showcomments {
	clear: both;
	}

/* Latest Post */
#latest-post {
	padding: 20px;
	border: 1px solid #E7E7E7;
	}

/* Content */
#content {
	float: left;
	width: 590px;
	padding: 22px 0 22px 24px;
	}
.post {
	padding-bottom: 32px;
	line-height: 1.5em;
	}
.post h1 {
	font-weight: normal;
	}
.title {
	margin: 0px;
	padding: 0px;
	letter-spacing: -1px;
	font-size: 3em;
	font-weight: normal;
	}
.title a {
	border-bottom: none;
	color: #454545;
	}
.metainfo {
	padding-bottom: 10px;
	}
.tooltip {display: none; position: absolute; width: 270px;}
.tipwrap p {margin-top: 0 !important;}
.tipwrap {
	position: relative;
	margin: 0;
	background: #303942 url(images/tooltip_.gif) left top repeat-x;
	padding: 14px;
	border: 1px solid #7b8a9b;
	color: #c9c9c9;
	}
.tipwrap h3 {
	margin: 0 0 8px;
	padding: 0 0 6px 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	border-bottom: 1px dashed #565d66;
	color: #E9E7C5;
	font-weight: normal;
	}

/*Pages - Shows Page*/
.list_shows { padding: 10px 0 0 0; }
.list_shows li.kelbyshows {
	background: transparent url(images/commentr.png) no-repeat right bottom;
	padding-bottom: 18px;
	margin: 0 0 14px 0;
	}
	li.kelbyshows .kelbyshows_row {background: url(images/showinfp.gif) repeat-x left top; padding-top: 18px;}
.list_shows li div {overflow: auto;}
.list_shows img{ float:left; margin:0 14px 0 0; }

.show-page-desc{ float:left; width: 284px; }
.show-page-desc ul {margin: 0;}
.show-page-desc li {
	background: url(images/playbull.gif) no-repeat left 45%;
	padding: 0 0 0 22px;
	margin: 0 0 6px 0 !important;
	}
.show-page-desc p{ color: #fff; line-height: 17px; }
.show-page-desc h3 { font-size: 19px; margin-bottom: 6px; }
.show-page-latest strong { line-height: 30px; color: #787878; text-transform: uppercase; font-size: 11px; }
.show-page-latest small {display: block;}
.show-page-latest li { margin:0 0 5px 0; }
.post, .entry {color: #eee; width: 98%;}
.entry p {margin-bottom: 16px;}
.download_files {font-size: 11px; color: #4F545C; width: 70%; line-height: normal;}
.download_files a:link,
.download_files a:visited {
	display: block;
	background: transparent url(../images/pagenav_.png) 50% 50% no-repeat;
	width: 144px;
	text-align: center;
	line-height: 32px;
	height: 32px;
	text-shadow: #121e26 1px 1px 0;
	text-decoration: none;
	margin: 8px 0 4px;
	}
.page .blocktitle,
.entry h2,
.post h2 {color: #69707A;}

/* Search Page */
#cse {margin-top: -10px;}
.searchresults iframe,
.searchresults table {width: 560px !important; background: none !important;}
.gsc-control-cse {background: none !important; padding: 0 !important; border: none !important;}
.gsc-search-box {display: none !important;}
.gsc-tabsArea {display: none !important;}
.gsc-result {background: none !important; border: none !important; border-bottom: 1px dashed #465460 !important;}
.gsc-cursor-page {padding: 3px 8px !important; background-color: #142029 !important;color: #fff !important;}
.gsc-cursor-current-page {color: #525860 !important; background: none !important;}
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b {color:#69707A !important;}
.gs-no-results-result {padding: 22px 0 !important;}
.gs-no-results-result .gs-snippet {background: none !important; border: none !important; font-size: 22px; text-align: center;}

/*table.gsc-search-box {display: none;}*/


/* Error 404 page */
.errorsummary {margin: 22px 0 32px 0;}
.errorsummary .erroricon {float: left; margin: 0 12px 12px 6px;}
.errorlists {clear: left; padding-left: 132px;}
.errorlists ul li {margin: 0 17px; padding: 8px 0; background: none;}
.errorlists .popularposts,
.errorlists .recentcomments {
	background: url(images/sidebarb.gif) left bottom no-repeat;
	margin-bottom: 22px;
	margin-left: 0;
	}
	.errorlists .popularposts ul,
	.errorlists .recentcomments ul {
		background: url(images/sidebarc.gif) left top no-repeat;
		width: 300px;
		margin: 0;
		padding-bottom: 0;
		color: #C9C9C9;		
		}


/* Sidebars */
#sidebar1 {
	float: right;
	}
#sidebar2 {
	float: right;
	}
.sidebar {
	width: 330px;
	padding: 0;
	font-size: 12px;
	}
.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.sidebar li {
	padding: 0 0 20px 0;
	}
.sidebar li ul {
	padding: 10px 0px;
	}
.sidebar li li {
	margin: 0 17px;
	padding: 8px 0px;
	}
.sidebar .banner div {width: 302px; padding: 0; text-decoration: none; margin-bottom: 6px;}
.sidebar .banner div img {border: 1px solid #76818b;}

.sharebox {
	background: url(images/side_sha.gif) no-repeat left top;
	padding: 9px 0 6px 222px;
	}
	.sharebox img {margin-right: 9px;}
.sidebar .twitterbox {
	background: url(images/side_twi.gif) no-repeat left top;
	padding: 32px 0 6px 70px;
	height: 42px;
	font-size: 11px;
	}
	.twitterbox p {width: 222px; margin: 0;}

.sidebar h2 {
	color: #69707a;
	font-size: 22px;
	margin: 0 0 6px;
	width: 300px;
	padding: 0;
	text-shadow: #121e26 2px 2px 0;
	}
.sidebar .recentcomments,
.sidebar .popularposts {
	background: url(images/sidebarb.gif) left bottom no-repeat;
	margin-bottom: 22px;
	padding-bottom: 12px;
	}
	.sidebar .recentcomments ul,
	.sidebar .popularposts ul {
		background: url(images/sidebarc.gif) left top no-repeat;
		width: 300px;
		margin: 0;
		padding-bottom: 0;
		color: #C9C9C9;
		}
	.recentcomments li,
	.popularposts li,
	.popularposts li span,
	.recentcomments li span {color: #69707A; font-size: 11px;}
	.recentcomments li a,
	.popularposts li a {display: block; font-size: 12px;}
	.recentcomments li strong,
	.popularposts li strong {color: #fff;}
	.popularposts li a:hover,
	.recentcomments li a:hover {background: #1E2933; color: #fff;}
	.popularposts li {margin: 0 8px !important; padding: 1px 0 !important;}
	.popularposts li a {background: url(images/playbull.gif) no-repeat 8px 4px; padding: 4px 0 4px 30px;}
	.popularposts li a:hover {background: #1E2933 url(playbull.gif) no-repeat 8px 4px;}

/* Search */
.sidesearch {}
#searchform {
	margin: 20px 0 0 0;
	padding: 0;
	height: 44px;
	background: url(../images/searchbo.gif) left top no-repeat;
	}
#searchform br {
	display: none;
	}
#s, #q {
	margin: 10px 0px 0 48px;
	padding: 3px;
	width: 240px;
	border: none;
	background: none;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7B8A9B;
	}
#x {
	margin: 0;
	padding: 2px 5px;
	height: 25px;
	background: #CA8186;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	}
	
/*Contact Form*/
.wpcf7 {
    background: #121d25;
    padding: 18px 14px 12px 18px !important;
	 position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	 border-radius: 4px;
	 width: 510px;
	}
.wpcf7 p{ color:#FFF; padding: 0; }
.wpcf7-form-control-wrap {display: block; padding-top: 4px;}
.wpcf7 input, .wpcf7 textarea, .wpcf7 select { 
    background: #081016 url(images/textfiel.gif) repeat-x 0 0;
    font-family: Helvetica, Arial, sans-serif;
    text-shadow: #151515 1px 1px 0;
    padding: 4px;
    border: 1px solid #444;
    color: #aaa;
    font-size: 12px;
    margin-bottom: 8px;
	 width: 90%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	 border-radius: 2px;
	}
.wpcf7 input[type="submit"] {
    border: 1px solid #444;
    background: #081016;
    padding: 4px 10px;
    color: #fff;
    line-height: 1.5em;
    font-weight: bold;
	 cursor: pointer;
    text-shadow: #444 1px 1px 0;
	 -webkit-box-shadow: #000 0 1px 0;
	 -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	 border-radius: 3px;
	}
.wpcf7 input[type="submit"]:hover{
   border: 1px solid #40505E;
	background: #1E2933;
	}	
.wpcf7 .form-captcha-input {width: 220px !important;}
.wpcf7-response-output{ color:#FFF; padding:10px; }
.wpcf7-not-valid-tip{ color:#F00; }
.form-captcha-input{ margin:5px 0!important; }


/* Footer */
#footer {
	width: 962px;
	margin: 0 auto;
	padding: 0 0 30px;
	background: url(images/showinfp.gif) repeat-x left top;
	}
#footer p {
	margin: 0;
	padding: 25px 0 0 0;
	text-align: center;
	font-size: 12px;
	}
#footer .link {
	float: right;
	}
#footer .copyright {
	float: left;
	color: #b2b2b2;
	text-align: left;
	line-height: 16px;
	padding-bottom: 26px;
	padding-left: 22px;
	}
	.copyright small {display: block; color: #787878;}
#footer .kmglogos {
	height: 100px;
	background: #1e2933 url(../images/footer_k.gif) left top no-repeat;
	clear: left;
	margin: 0 auto;
	position: relative;
	}
	.kmglogos img {float: left; margin: 20px 0 0 27px;}
	.kmglogos strong {font-weight: normal; color: #9BB2CB; text-shadow: #121e26 2px 2px 0; font-size: 11px; position: absolute; bottom: 6px; left: 436px; width: 200px;}
	.kmglogos strong a {color: #525860;}
	
#footer .footer_logo_audio {
    display: block;
    width: 86px;
    height: 30px;
    background: url(../images/logo_audio.png);
}
#footer .footer_logo_audio:hover {
    background-position: -85px 0;
}