@charset "utf-8";
/**
Theme Name: Radio Rockmax
Author URI: http://www.rockmax.cz
Version: 1.0
Author: www.rockmax.cz
Description: Základní téma pro Radio Rockmax
*/


/* -------------------------------------- */

#flashSplash {
 z-index: 1000;
 position: fixed;
 top: -5px;
 left: 50%; 
 display: block;
 }

.box_vedle_sebe_01{
   margin:0px 0px 0px 0px;
   float:left;
   border:0px solid black;
}
 
.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix { /* O */
	display: block;
}

* html .clearfix {
	height: 1%; /* IE5-6 */
}

html {

}

body {
	background: url(images/bg/rx_pozadi_x2.jpg) #000 no-repeat top center fixed;
	font:normal 13px Arial,Verdana,Tahoma;
	color: #3E3E3E;
}

#body-wrap {
	width:960px;
	margin:0 auto;
}

a {
	text-decoration:none;
	color:#404040;
}

a:hover {
	color:#d60808;
}

img {
border: 0;
text-decoration: none;
}

/* header */
#header {
	background: none;
	height: 167px;
}

#logoobal {
	background: none;
	height: 167px;
	float: left;
	display: block;
}

     #logo {
		  position: relative;
		  width: 165px;
		  height: 167px;
		  overflow: hidden; 
		  padding: 70px 0 0 5px;
     }	
     #logo a{
		  color: #000;
     }	
	 #logo a:hover{
		  color: #000;
     }		 
	 #logo span {
	 	  display:block;
		  position:absolute;
		  left:0;
		  top:0;
		  z-index:1;
		  width: 167px;
		  height:167px;
		  background:url(images/rx_logo.png) top right no-repeat;
		  cursor: pointer;
		  margin: 0;
		  padding: 0;			  
	 }


#moderatori {
	height: 167px;
	width: 361px;
	float: left;
	margin-left: 100px;
	display: block;
}
#hlavicka-vpravo {
	height: 167px;
	width: 302px;
	float: right;
	display: block;
}



/* container */
#container {
	background: none;
	margin-top: 60px;
}

/* content */
#content {
	width:640px;
	float:left;
	overflow:hidden;
}

.scrolling {
	background: url(images/flashnews.png) center center no-repeat;
	width: 640px;
	margin: 13px 0;
	height: 50px;
	
}
.scrolling-info {
	float: left;
	width: 95px;
}
.scrolling-text {
	margin: 11px 18px 0px 0px;	
	float: right;
}

/*.fixindex {
	clear: both;
	height: 20px;
}*/

/* Top novinky - slider */

#featured{
	background: none;
	width:520px;
	height:320px;
	padding-right:120px;
	position:relative;
	margin-bottom:3px;
	overflow:hidden;
}
#featured ul.ui-tabs-nav{
	position:absolute;
	top:0px;
	left:520px;
	list-style:none;
	padding-left: 4px;
	margin:0;
	width:120px;
}
#featured ul.ui-tabs-nav li{
	padding:0 0 4px 0; 
}
#featured ul.ui-tabs-nav li img{
	float:left;
	background:#fff;
	padding:0;
}
#featured ul.ui-tabs-nav li span{
	font-size:11px;font-family:Verdana;
	line-height:18px;
}
#featured li.ui-tabs-nav-item a{
	display:block;
	width:116px;	
	height:77px;
	color:#333;
	background: #F00;
	position:relative;
	overflow: hidden;

}
#featured li.ui-tabs-nav-item a:hover{
	background: #000;
	padding-left: 2px;
}
#featured li.ui-tabs-selected{ 
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a .frame {
	background:url(images/rx_transparent-arrow.png) no-repeat 0 0;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:116px;
	height:77px;
}

#featured .ui-tabs-panel{
	width:520px;
	height:320px;
	background:#999;
	position:relative;
	overflow: hidden;
	border-left: 0px #BF0000 solid;	
	
}
#featured .ui-tabs-panel .info{
	background: url(images/rx_featured_bg.png) repeat;
	height:100px;
	width: 520px;
	position:absolute;
	top: 242px;
	left: 0px;
	text-align: left;
	overflow: hidden;
	border-left: 3px #BF0000 solid;
	
}

#featured .ui-tabs-panel .info .obal{

}

#featured .info h2{
	font-size: 24px;
	line-height: 30px;
	color:#fff;
	margin: 10px 16px 8px 20px;
}
#featured .info p{
	margin:0 20px;
	font-size:11px;
	line-height:17px;
	color:#f0f0f0;
}
#featured .info a{
	color:#fff;
}
#featured .info a:hover{
	color:#BF0000;
}
#featured .ui-tabs-hide{
	display:none;
}

#featured .blue-title {
	margin:0 -116px 0 0;
}


.pagetitle {
	height: 43px;
	line-height: 43px;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #fff;
	padding-top: 1px;
	padding-left: 20px;
	border-bottom:0px dotted #ccc;
	background: url(images/rx_pagetitle.jpg) top left no-repeat;	
}

.galerka {
	background: url(images/rx_pagetitle-galerka.jpg) top left no-repeat;
	color: #FFF;
}
.blogy {
	background: url(images/rx_pagetitle-klaboseni.jpg) top left no-repeat;
	color: #FFF;
}




#home-post-wrap {
	padding: 0px 20px;
	background: url(images/rx_bg_pruh.gif) repeat #ccc;
}
#archive-post-wrap {
	padding: 0px 20px;
	background: url(images/rx_bg_pruh.gif) repeat #ccc;
	_height: 1890px;
	min-height: 1890px;
}


.home-post-thumb {
	width: 120px;
	height: 120px;
	float: left;
	padding-right: 20px;
	border-left: 0px #F00 solid;
}


.home-post {
	padding-top:20px;
	height: 140px;
	border-bottom:1px dotted #CCC;
}

.home-title, .home-title a {
	font-size:22px;
	color:#000;
	letter-spacing: -1px;
	margin-top: -2px;
	padding-bottom: 6px;
	line-height: 28px;	
}
.home-title a:hover {
	color: #BF0000;
}

.home-entry { 
	float: right;
	padding: 0;
	width: 460px;
	height: 99px;
	overflow: hidden;
	line-height: 18px;
}

a.home-read-more {
	background: #333;		
	float: left;
	font-weight:normal;
	font-size: 11px;
	padding: 3px 4px;
	color:#FFF;
}

a.home-read-more:hover {
	background: url(images/rx_bg_red.gif) repeat;
}

.home-date-post {
	float:right;
	font-size: 11px;
	line-height: 30px;
	color: #333;
}

.categories-post {
	font:normal 13px Georgia;
	color:#147eeb;
	text-transform:uppercase;
}

.categories-post a { color:#147eeb; }

.categories-post a:hover { color:#6a6a69; }




#post-wrap {
	background: #FFF;
	padding: 16px 20px;
	background: url(images/rx_clanky_bg.jpg) top center no-repeat #FFF;
	_height: 1890px;
	min-height: 1890px;
}

.post {
	padding-bottom: 10px;
}

.post img {
    max-width: 640px;
    height: auto;
}

.title {
	font-size:34px;
	line-height: 34px;
	color:#d60808;
	letter-spacing: -2px;
	margin-bottom: 8px;
	font-weight: bold;
}

.date-post {
	font-size: 11px;
	color: #666;
	display: block;
	margin-top: 60px;
	width: 580px;
	padding: 10px 0;
	background: none;
}
.date-post a{
	color: #fff;
}

.mainimg {
	width: 600px;
	overflow: hidden;
}

.entry {
	margin: 12px 0px;
	padding: 0;
	line-height: 20px;
	font-size: 13px;
}

.entry a {
	color: #d60808;
	font-weight: normal;
}
.entry a:hover {
	color: #666;
	font-weight: normal;
}

.entry p { 
	line-height: 20px;
}

.entry h3 {
	font-size: 18px;
	color: #333;
	padding: 10px 0 5px 0;
}

.entry ul { 
	padding: 0 0 10px 0;
}
.entry li { 
	line-height: 20px;
	list-style-image: url(images/li-item-x.png);
	list-style-position: inside;
}

.entry table {
	width: 100%;
	margin-bottom: 10px;
}

.entry tr { 

}

.entry td { 
	padding: 10px 12px;
	background: url(images/bg_pruh.gif) repeat #FFF;
	border: #CCC 1px solid;
	line-height: 20px;
	vertical-align: middle;
}
.entry th {
	vertical-align: middle;
	text-align: left;
	padding: 10px;
	border: 1px #333 solid;
	background: url(images/rx_bg_tmavy.gif) repeat #ccc;
	color: #FFF;
	font-size: 14px;
}



/* plná stránka - šablona */
#content-full {
	width:960px;
	float:left;
	overflow:hidden;
	margin-bottom: 0;	
}
#post-wrap-full {
	padding: 16px 20px;
	_height: 920px;
	min-height: 920px;
	text-align: center;
	background: url(images/more.jpg) center center no-repeat #FFF;
	color: #FFF !important;
}
#post-wrap-full-estetika {
	padding: 20px;
	_height: 1200px !important;
	min-height: 1200px !important;
	text-align: center;
	background: url(images/souteze/bg-soutez-estetika.jpg) bottom center no-repeat #FFF;
	color: #666 !important;
}
#post-wrap-full h2{
	color: #FFF !important;
}
#post-wrap-full-estetika h2{
	color: #76121e !important;
}

#post-wrap-full-estetika form {
	padding-left: 280px !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#clean_contact {
	text-align: center !important;
}
.CleanContact {
	text-align: center !important;
}


#post-wrap-full-soutez {
	padding: 20px;
	_height: 1200px !important;
	min-height: 1200px !important;
	text-align: center;
	background: url(images/bg_pruh.gif) repeat #FFF;
	color: #666 !important;
}

#post-wrap-full-soutez form {
	padding-left: 280px !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}






/* wp-pagenavi */
#wp-pagenavi-wrapper {
	clear:both;
	padding:15px 20px 4px 0;
	height:26px;
	position:relative;
	margin:0 -20px;
}

.wp-pagenavi {
	font-size:12px;
	text-align:right;
}

.wp-pagenavi span span, .wp-pagenavi a span {
	border:none;
	margin:0;
	padding:0;
}

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.extend {
	color:#fff;
	padding:5px 8px !important;
	border:0px solid #c2c2c2 !important;	
	background: url(images/rx_bg_menu.jpg) top right no-repeat;
	margin: 0px 2px;
}

.wp-pagenavi a:hover {
	background: url(images/rx_bg_red.gif) repeat;
	color: #FFF;
}

.wp-pagenavi span.current {
	background: url(images/rx_bg_red.gif) repeat;
	color: #FFF;	
}



.banner-denik {
	width: 640px;
	padding: 3px;
	margin-top: 20px;
	background: url(images/rx-banner-denik-bg.jpg) no-repeat top center;
}


/* sidebar */
#sidebar {
	float:right;
	width:300px;
	overflow:hidden;
	display:inline;
}
.widget-obal{
	margin-top: 5px;
	background: url(images/rx_bg_pruh.gif) repeat #ccc;
}

.facebook{
	background: none;
	margin-top: 5px;
	border: 0;
}
/* Song info co hraje  */
/*
.player {
	background-image: url("/song_info/back.png");
	background-repeat: no-repeat;
	width: 300px;
	height: 213px;
	margin-bottom: 18px;
	z-index: 0;
}

.player_start {
	position: absolute;
	width: 300px;
	height: 170px;
	margin-top: 0px;
	margin-left: 0px;
	cursor: pointer;
}

.historie {
	position: absolute;
	width: 150px;
	height: 25px;
	margin-top: 170px;
	margin-left: 145px;
	cursor: pointer;
}

.stream_info {
	position: absolute;
	width: 150px;
	height: 20px;
	margin-top: 192px;
	margin-left: 145px;
	cursor: pointer;
}
*/
.player {
	background-image: url("/song_info/images/song_info.png");
	background-repeat: no-repeat;
	width: 300px;
	height: 213px;
	margin-bottom: 18px;
	z-index: 0;
}
.player_start {
	position: absolute;
	width: 300px;
	height: 190px;
	margin-top: 0px;
	margin-left: 0px;
	cursor: pointer;
}
.cover {
	background-repeat: no-repeat;
	background-size: 75px 75px;
	position: absolute;
	filter: grayscale(0%);
	border: 1px solid #000000;
	width: 75px;
	height: 75px;
	margin-top: 13px;
	margin-left: 13px;
}
.cover_1 {
	background-repeat: no-repeat;
	background-size: 75px 75px;
	position: absolute;
	filter: grayscale(0%);
	border: 1px solid #000000;
	width: 75px;
	height: 75px;
	margin-top: 13px;
	margin-left: 13px;
}
.song_1_autor {
	position: absolute;
	cursor:default;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #EAEAEA;
	font-weight: bold;
	width: 180px;					
	height: 15px;
	margin-top: -3px;		
	padding-top: 25px;	
	padding-left: 103px;
}
.song_1_track {
	position: absolute;
	cursor:default;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #EAEAEA;
	width: 180px;					
	height: 15px;	
	margin-top: 37px;		
	padding-top: 4px;	
	padding-left: 103px;
}
.song_2_autor {
	position: absolute;
	cursor:default;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #000000;
	font-weight: bold;
	width: 180px;					
	height: 15px;					
	margin-top: 49px;
	padding-top: 28px;	
	padding-left: 103px;
}
.song_2_track {
	position: absolute;
	cursor:default;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #000000;
	width: 180px;					
	height: 15px;	
	margin-top: 90px;
	padding-top: 4px;	
	padding-left: 103px;
}
.historie {
	position: absolute;
	width: 150px;
	height: 30px;
	margin-top: 160px;
	margin-left: 145px;
	cursor: pointer;
}
.stream_info {
	position: absolute;
	width: 150px;
	height: 20px;
	margin-top: 192px;
	margin-left: 145px;
	cursor: pointer;
}

/* music info  */
.music-news {
	background-image: url("/music_news/back.png");
	background-repeat: no-repeat;
	width: 640px;
	height: 88px;
	margin-top: 0px;
	margin-left: 0px;
}

.maska {
	position: absolute;
	width: 640px;
	height: 88px;
	padding-top: 0px;
	padding-left: 0px;
	cursor: pointer;
}

.bargraf2 {
	background-image: url("/music_news/bargraf.png");
	background-repeat: no-repeat;
	position: absolute;
	width: 0px;
	height: 45px;
	margin-top: 3px;
	margin-left: 3px;
}
/* === */

/* Sub-menu */
.sub-menu {
	margin-top: 16px;
	padding-bottom: 16px;
}
/* === */

.lampy {
	width: 300px;
	height: 89px;
	margin-bottom: 20px;
	z-index: 0;
}

.widget {
	padding: 0 5px;
	border:0;
	margin-top: 5px;
	font-size:12px;
	line-height: 17px;
}
.uni {
	background: url(images/rx_widget_nadpis_uni2.jpg) top center no-repeat;
}
.akce {
	background: url(images/rx_widget_nadpis_akce.jpg) top center no-repeat;
}
.porady {
	background: url(images/rx_widget_nadpis_porady.jpg) top center no-repeat;
}
.facebook {
	padding-bottom: 2px;
	background: url(images/rx_widget_nadpis_facebook_2.jpg) top center no-repeat;
}

.widget a {
	color:#000;
}

.widget a:hover { color:#C40000; }

.widget-title {
	line-height: 39px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #FFF;
	padding: 3px 0px 2px 0px;
}
.widget-title a {
	color: #fff;
}
.widget-title a:hover {
	color: #BF0000;
}

.widget ul li {
	padding: 12px 0px 12px 18px;
	border-top:1px dotted #ccc;
	background: url(images/li-item-x.png) 0 48% no-repeat;	
}
.widget ul li:first-child {
	border-top:0px;
}




.textwidget {
	padding: 10px 0px;
}


#searchform { 
	padding: 10px 0 10px 0;
}
#s { 
	width:190px;
}
#searchsubmit {
	width:60px;
}





.banner-sidebar {
	margin-top: 5px;
	border: 0;
	text-align: center;
	position: relative;
	z-index: 0;
}

.banner-sidebar-3d {
	margin-top: 5px;
	border: 0;
	text-align: center;
	position: relative;
	z-index: 1;
}

.banner-sidebar-kovozoo {
	margin-top: 5px;
	border: 0;
	text-align: center;
	background: url(images/bg-kovozoo.jpg) top center no-repeat;
	width: 300px;
	position: relative;	
	z-index: 0;	
}
#Kovozoo {
	position: relative;	
	z-index: 0;	
}
.banner-main {
	margin-bottom: 20px;	
	border: 0;
	z-index: 0;	
}
.banner-spodni {
	margin-top: 20px;	
	border: 0;
	z-index: 0;		
}


/* Start Facebook Fan Box CSS */
.fan_box{
	border: none !important;
}

.fan_box .connections{
	background: url(http://www.rockmax.cz/wp-content/themes/rockmax/images/rx_bg_pruh.gif) repeat !important;
	border: none !important;
}
.fan_box .full_widget .connect_top{
	display: none !important;
}


/* footer */
#footer-wrap {
	background: #000000 url(images/bg-footer-grey-frekvence.jpg) top center no-repeat;
	width: 960px;
	border-top: solid 1px #BF0000;
	margin: auto;
	margin-top: 20px;
}


#footer {
	margin: 0px auto;
	width: 960px;
	height: 180px;
	background: url(images/rx_footer_x.png) 100% 0 no-repeat;
	color: #666;
}

.footer-in {
	padding-top: 29px;
	margin-left: 65px;
}

.footerwidget {
	_height: 220px;
	min-height: 220px;
	width: 600px;
	float: left;
	list-style: none;
	margin-right: 20px;
	background-color: #303030;
	background-image: none;
}
.footerwidget2 {
	_height: 220px;
	min-height: 220px;
	width: 220px;
	float: left;
	list-style: none;
	margin-right: 20px;
}
.footerwidget3 {
	_height: 220px;
	min-height: 220px;
	width: 260px;
	float: left;
	list-style: none;
	margin-right: 0px;
	background: url(images/bg-widget-kontakt.jpg) top right no-repeat #FFF;	
}


#footer2 {
	margin: 0px auto;
	clear: both;
	width: 960px;
	padding: 20px 3px;
}


div.fbDarkWidget {
background-color: none !important;
border-color: none !important;
border-right: none !important;
border-style: none !important;
border-width: 0 !important;
}




/* comment and respond */

#comments-wrapper {
	border-top:1px dotted #dadada;
}

#comments {
	font-size: 16px;
	color:#999;
	margin: 20px 0;
	height: 32px;
	padding: 5px 0 0 40px;
	background: url(images/ico_comm.png) top left no-repeat;			
}

#respond h3 { 
	font-size: 16px;
	color:#404040;
	margin-bottom: 5px;
	height: 32px;
	padding: 5px 0 0 40px;
	background: url(images/ico_comm_pridat.png) top left no-repeat;		
}

#respond {
	margin-top: 20px;
}

.commentlist li {
	background: url(images/bg_pruh_menu.gif) repeat #FFF;
	clear:both; 
	display:block;
	width:auto;
	padding:10px;
	border:1px solid #d5d5d5;
	margin-bottom:7px;
	overflow:hidden;
}

.commentlist li.alt { 
	background: url(images/bg_pruh_menu.gif) repeat #FFF;
}

.commentlist .post { border:1px solid #adadad; }

.commentlist li .avatar { 
	float: left;
	border: 1px solid #d5d5d5;
	padding: 2px;
	background: #ffffff;
	margin-right:5px;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
}

.commentlist .reply { padding:10px 5px 0 0; text-align: right; }

.commentlist a, .commentlist cite a:hover, #respond a {
	color:#999;
}

.commentlist a:hover, .commentlist cite a, #respond a:hover { color:#404040; }

.commentlist p {
	clear:both;
	line-height: 1.5em;
	padding-top: 10px;
}

#commentform input, #commentform textarea {
	background: url(images/bg_pruh_menu.gif) repeat #FFF;	
	font:normal 12px Arial,Verdana,Tahoma;
	border:1px solid #d5d5d5;
	padding:6px;
}

#commentform p {
	margin-bottom:6px;
}

#commentform #submit {
	background: url(images/menubg_red.jpg) bottom left no-repeat;	
	font:normal 14px/30px Arial,Verdana,Tahoma;
	padding:0 6px;
	height:30px;
	color:#fff;
}

#commentform textarea { width:auto; }


/* CSS menu */

#access {
	background: url(images/rx_bg_menu.jpg) top left no-repeat #000;
	display: block;
	float: left;
	margin: 0 auto;
	width: 960px;
	position: relative;
	z-index: 10;
}
#access .menu-header,
div.menu {
	font-size: 14px;
	font-weight: bold;
	width: 960px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
	border-right: 1px solid;
	border-color: #333;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
	border-right: 1px solid;
	border-color: #333;
}
#access a {
	color: #fff;
	display: block;
	line-height: 40px;
	padding: 0 21px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	float: left;
	width: 200px;
	z-index: 1000;
	font-size: 12px;
	font-weight: normal;	
	background: url(images/bg_pruh_menu.gif) repeat #FFF;
}
#access ul ul li {
	min-width: 200px;
	border-bottom: #FFF dotted 1px;
	border-right:0 !important;	
}
#access ul ul li:last-child {
	border-bottom: none;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	line-height: 1em;
	padding: 12px 20px;
	width: 160px;
	height: auto;
	color: #000;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: url(images/rx_bg_red.gif) repeat;	
	color: #FFF;

}
#access ul li:hover > ul {
	display: block;	
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	background: url(images/rx_bg_red.gif) repeat;	
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	background: url(images/rx_bg_red.gif) repeat;	
	color: #fff;
}
