﻿/*  
Theme Name: Mimbo
Theme URI: http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/
Description: A magazine-style layout for Wordpress
Version: 2.2
Author: Darren Hoyt
Author URI: http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/
a
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php



/* HTML Elements */

* {
	margin:0;
	padding:0;
	}

.fbhide
{ display: none;
visibility:hidden; }


body, html {
	min-height:101%;
	}
	
body {
// background-image: url("http://www.sick-art.cz/wp-content/uploads/2013/11/SickArt-pozadi3.jpg"); 
background-color: #d6d6d6;
background-repeat: no-repeat; background-position: top center; 
background-attachment: fixed;
	color: #545454;
	padding: 13px 0 25px 0;
	}

body, select, input, textarea {
	font: 117% Trebuchet MS, Arial, Verdana, Sans-Serif;
	}
	
p {	
	margin: 15px 0;
	}

a:link, a:visited {
	color: #4169e1;
	text-decoration:none
	}

a:hover, a:active {
	color:#333;
	text-decoration:underline;
	}

hr {
	display: block;
	height:1px;
	background:#333;
	border:0px none;
	}

small {
	font-size: 0.80em;
	padding:3px 6px;
       	}



p img {
	padding: 0;
	max-width: 100%;
	}

li {
	list-style:square;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
align: center;
float: center;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

img.aligncenter {
	float: center;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption {
	border: 1px solid #B7DEFF;
	text-align: center;
	background-color: #E6F3FF;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0px none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
		

/* Structure */

#page {
	width:1020px;
	margin:0 auto;
	font-size:0.7em;
	background:#FFF;

        background-repeat: repeat-y;
	padding: 10px 0px 20px 15px;
	}

#branding1 {
	width:150px;
	padding-bottom:-5px;
	}

#branding2 {
	width:500px;
	padding-bottom:-5px;
	}

#hledani {
	width: 235px;
        height: 20px;
        padding: 4px;
margin-bottom: 7px;
	}

.searchsubmit {

}

.left {
	float:left;
	}

.right {
	float:right;
	}

.right small
{
font: 90% Trebuchet MS, Arial, Verdana, Sans-Serif;
	background:#FFF;
	padding:0px 0px;
float: right;
color: #b4b4b4;
}
	
#google {
	margin-top:15px; 
	margin-left:320px;
		}

#sidebar {
	width: 240px;
	float:right;
margin-top: -8px;
padding-right: 25px;
padding-left: 15px;
	}

#leftcol {
	width:250px;
	padding-right:18px;
	}

#leftcol, #rightcol {
	margin-top:10px;
	float:left
	}	
	
#rightcol {
	width:250px;
	padding-left:18px;
	margin-top: -2px;
	}

#partneri {
	margin: 0 auto;
	width: 1000px;
        height: 100%;
	font-size:0.7em;
        background-image: url('http://musical.cz/web/partneri.gif');
	border-top:1px solid #3c3c3c; padding-left:25px; padding-right:25px; padding-top:10px; padding-bottom:0px
	}


#info {
	margin: 0 auto;
	width: 1000px;
        height: 100%;
	font-size:0.7em;
	background-image: url('http://test.marianvojtko.cz/pozadi.gif');
	border-top:1px solid #3c3c3c; padding-left:25px; padding-right:25px; padding-top:10px; padding-bottom:0px
	}

.sloupec1 {
	float: left;
	width: 280px;
	position: relative;
	padding-right: 10px;
}
.sloupec2 {

	float: left;
	width: 280px;
	padding-right: 10px;
	padding-left: 10px;
}
.sloupec3 {


	float: right;
	width: 280px;
	padding-left: 10px;
}
.peklo {


	float: right;
	width: 500px;
	padding-right: 10px;
}
.ta {
	float: letf;
	width: 360px;
	padding-left: 10px;
}
.podradek {
	font: 80% Trebuchet MS, Arial, Verdana, Sans-Serif;
	background: #FBFBFF;
	padding: 3px 6px;
}
		
/*Subnav */

.subnav li {
	list-style:none;
	border-bottom:1px solid #005aa6;
	}

.subnav li a:link, .subnav li a:visited {
        color: #1c1c1c;
	display:block;
	padding:4px 24px 4px 8px;
font-face: Trebuchet MS, Arial;
font-weight: bold;
text-transform:uppercase;
	}
		
.subnav li a:hover, .subnav li a:active {

	text-decoration:none;
	color: #d61839;
	}

.subnav li li a:link, .subnav li li a:visited {
	border-left:none
	}
		
	


#sidelist .children {

	border-bottom:0px solid #FFF;
	}

#sidelist .children li {
	list-style: none;
	border-bottom:0px;
	}
	
#sidelist .children li a, #sidelist .children li a:visited,  #sidelist .children li a:link {

font-size: 9px;
	color: #7f7f7f; padding-left:35px; padding-right:2px; padding-top:2px; padding-bottom:2px
	}

#sidelist .children li a:hover, #sidelist .children li a:active	{				
	color:#575757;

	}

 
	
	
/*	Headers */

h1 {
	}

	
h2 {
font: 40px Trebuchet MS, Georgia, "Times New Roman", Times, serif;
margin-bottom: 20px;
margin-top: 15px;
color: #090909;
	}

.categorytitle {
font: 40px Trebuchet MS, Arial Narrow;
margin: 35px 0px 20px 0px;
text-transform:uppercase;
color: #d61839;
	border-bottom:0px ;
padding: 10px 15px 10px 15px;
	}


h3, #sidebar h2 {
	font: 1em Trebuchet MS, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	margin-bottom:4px;
	font-weight:bold;
	color:#D61839;
	}

#sidebar h3, #sidebar h2 {
	background: #d61839;
color: #fff;
font-size:11px; 
font-weight: bold;
text-transform:uppercase;
padding: 7px 7px 7px 7px;
	}

h3#respond {
	border-top:1px dotted #b6b6b6;
	margin-top:25px;
	padding-top:20px
	}

h3#comments {
	margin-top:32px
	}

h4 {
	font-size:140%;
	margin-bottom:6px;
text-transform:uppercase;
color: #090909;
border-top:5px solid #005aa6;
padding-top: 5px;
padding-bottom: 5px;
	}
	
.post h4 {
margin-top: 30px;
}
	
/* Content */

#content {
	width:725px;
margin-top: -10px;
	float:left;
	}
	
.description {

	font-size: 1.0em;
	font-weight: bold; 
	font-style:italic;
	color:#545454;
	}


.feature {
	background:#f2f2f2;
	padding:15px;
	border-bottom:1px dotted #b6b6b6;
	border-top:1px dotted #b6b6b6;
	}

.feature2 {
background:#fff;
	}

.rychle {
	background:#E7F4FF;
	padding:15px;
        padding-left:25px;
	border-bottom:1px dotted #b6b6b6;
	border-top:1px dotted #b6b6b6;
	}



.feature2 {
	background:#D61839;
	padding:15px;
	}

#feature2 a a:hover a:visited {
      color:#ffffff;
	}

.feature:hover {
	background:#e9e9e9;
	}

	
.feature p, #rightcol p {
	margin:0;
	}

.feature img, #rightcol img {
	padding:1px;
	border:1px solid #000;
	}

.nazor {
	background:#FCE6EA;
        color:#D61839;
	padding:15px;
	border-bottom:1px dotted #b6b6b6;
	border-top:1px dotted #b6b6b6;
	}
			
#leadpic {
	float:left;
	margin: 7px 13px 8px 0;
	}

#leadpic2 {
	padding:1px;
	border:1px solid #000;
        float:center;
        width:130px; height:87px;
margin-bottom:7px;
	}

#lead {
	margin-top:22px;
	margin-bottom:20px;
         background:#dbefff;
/* #B7DEFF */
	}

#lead2 {
height: 0px;
background:#fff;
	}

#upoutavka {
float: left; 
display: block; 
width: 170px; 
padding: 0px 10px 0px 10px; 
background:#dbefff;
text-align:center;
margin-top:7px; }

#upoutavka p {
text-align:center;
	font-size: 120%;
	}



#dalsi {
	margin-top:22px;
        background:#EAF4FF;
	}

.title {
	font:1.4em Georgia, "Times New Roman", Times, serif;
	line-height:100%;
	}
	
.feature#lead .title {
	font:1.8em Georgia, "Times New Roman", Times, serif;
	line-height:100%;
	display:block;
	padding-bottom:7px;
	}

#leftcol .feature {
	margin-bottom: 5px;
	border-bottom:none
	}

#rightcol img {
	float:left;
	margin:3px 10px 4px 0;
	}

#leftcol img {
	margin-bottom: 4px;
	display:block
	}
	
#rightcol .clearfloat {
	border-bottom:1px dotted #b6b6b6;
	padding:12px 0;
	}	

#sidelist li {
	list-style:none
	}
	
.bullets li {
	list-style:none;
	border-bottom:1px solid #fff;
	}
	
#sidelist .bullets li {
	list-style:square;
	margin-bottom:5px;
	line-height:115%;
	margin-left:22px;
	}


.postmetadata {
	margin: 15px 0;
	}

#writer {
	background:#353535;
	margin:13px 0 0px 0;
	padding:5px;
        color: #fff;
	}

#writer a {
        color: #fff; text-decoration:underline; 
	}


#writer a:hover {
        color: #fff; text-decoration:none; 
	}

#writer span {
	display:block;
	padding-top:0px;
	border-top:1px solid #cbd8b4;
	margin-top:0px;
	}

#writer p {
	margin:0px 0px 0px 0px;
        padding: 0px;
	width:650px;
        font-size: 90%;
	}

#writer2 {
	background:#e3e3e3;
	margin:0px 0 20px 0;
	padding:5px;
	}

#writer2 span {
	display:block;
	padding-top:0px;
	border-top:1px solid #cbd8b4;
	margin-top:0px;
	}

#writer2 p {
	margin:0px 0px 0px 0px;
        padding: 0px;
	width:650px;
        font-size: 90%;
	}	

.entry {
	padding-bottom:10px;
        font-size: 1.2em;
	}

h3 a:link, h3 a:visited {
	color:#D61839;
	}



/*Post Formatting*/

.picleft {
	float:left;
	margin:3px 14px 10px 0;
	border:7px solid #f2f2f2;
	}

.picright {
	float:right;
	margin:3px 0 10px 14px;
	border:7px solid #f2f2f2;
	}	

blockquote {
	background:#f2f2f2;
	padding:6px 14px;
         padding-top: 10px;
	margin-top: 30px;
margin-bottom: 30px;
margin-left: 35px;
margin-right: 35px;
	border-right:2px solid #DDD;
	border-bottom:2px solid #DDD;
	}	

.post ul li {
	list-style:square;
	margin-bottom:5px;
	line-height:115%;
	margin-left:42px;
	}

.post ol li {
	margin-bottom:5px;
	line-height:115%;
	margin-left:48px;
	}
	
#tags {
	padding:3px;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;
	}	
				

/* Form Elements */

select {
	background:#f2f2f2;
	border:1px solid #9c9c9c;
	width:100%
	}

	
#searchform {
	padding:0px 0px 0 0; 
	width: 235px;
	}

.button {
	padding: 3px 13px 3px 13px;
        margin-right: -8px;
	background:#000;
	color:#e7e7e7;
	border:none;
float: right;
	}

.button:hover {
	background:#777;
	color:#FFF;
	text-decoration:none
	}

#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	margin-top:5px;
	}



/* Comments*/

.commentlist {
	padding-left:30px;
	}
	
.commentlist li {

	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;


	background:#CFE9FF;
	border-top: 1px solid #D61839;
	list-style:none;


	}

#commentform small {

	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	display: block;
         color:#ffffff;
	}

#commentmetadata a a:hover a:visited {
      color:#000080;
	}

.commentlist small {
	background:#005AA5;
	}

.commentlist cite {
	font: 1.3em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
        color:#000000;
	letter-spacing:-0.05em;
	}

.commentlist a {
         color:#d61839;
	}	
	

/* Float Properties*/


.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block
	}

.clearfloat {
	display:block
	}


/* NEW */
.vypis {
	padding-bottom:20px;
	}

	
.vypis p, #rightcol p {
	margin:0;
	}

.vypis img, #rightcol img {
	padding:1px;
	border:1px solid #000;
        align: left;
	}


#navigace img {
	padding: 4px 0px 4px 0px;
        border: 0px;
	}


#post_content {
	margin: 0px;
	padding-top: 7px;,
	}

.post_content_hp {
	margin-top: 9px;
	padding-top: 9px;
        	border-top:1px solid #d2032f;
	}

#post_content .entry {
	padding: 0px;
	}

#post_content img {
        width:100px;
	margin:3px 10px 4px 0;
float:left;
	}

#meta {
	font-size: 0.8em;
	background:#e5f4ff;
	padding: 6px;
        margin-bottom: 5px;
	}

#meta h4 {
	font-size:1.4em;
	font-weight: bold;
	line-height:100%;
	}

#obsah2 {
	width:750px;
	float:left;
	}

#obsah3 {
	width:605px;
        float:left;
	}

#komentare {
	width:750px;
	}

#komentare li {
	margin-left:25px;
	width:750px;
	}

#komentare, #nej {
	margin-top:25px;
	float:left
	}	


.col_nadpis {
        margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	background:#d61839;
        color:#ffffff;
	font-size:1.0em;
	font-weight: bold;
	}

#partner {
	border-top:4px solid #808080;
	border-bottom:4px solid #808080;
	background:#ededed;
        margin-bottom: 20px;
        margin-top: 25px;
        padding: 10px;
        text-align: center;
	}

#partner h3 {
	color: #808080;
        margin-bottom: 10px;
	}

#partner img {
	padding: 3px;
	}

#commdate {
	font-style:italic;
font-size: 70%;
margin-right: 4px;
}

#dalsizrubriky a {
color: #1c1c1c;
font-variant: small-caps;
}

#dalsizrubriky {
margin-bottom: 8px;
margin-left: 8px;
}

.sidetitle {
background: #d61839;
color: #fff;
font-size:11px; 
font-weight: bold;
text-transform:uppercase;
padding: 7px 7px 7px 7px;
}

.sidetitle2 {
margin: 20px 0px 14px 0px;
}

.sidetitle-rubriky {
margin: 40px 0px 14px 0px;
}

.newtitle {
background: #000;
color: #fff;
font-size:12px; 
text-transform:uppercase;
padding: 7px 15px 7px 15px;
margin-top: 60px;
}

.newtitlespoj {
margin-top: -8px;
}


.categhp {
text-transform:uppercase;
background:#e3e3e3;
color: #424242;
margin-right: 15px;
padding:3px 6px;
}


#hpnadpis {
border: 0;
font-size: 24px;
}

#hpnadpis a {
color: #1c1c1c;
text-decoration: underline;
}

#hpnadpis  a:hover {
color: #d61839;
text-decoration: none;
}

#hpnadpis2 a {
color: #545454;
}

#hpnadpis2 a:hover {
color: #545454;
}

.tabulcicka {
margin-top:10px;
margin-bottom: 8px;
}

#navigation {
font: 13px Trebuchet MS, Arial;
margin: 0px 0px 20px 0px;
background: #ededed;
color: #ededed;
text-transform:uppercase;
padding: 10px 15px 10px 15px;
}

#navigation a {
color: #d4012e;
font-weight: bold;
}

#navigation a:hover {
color: #d4012e;
font-weight: bold;
}

fbLikeContainer {
float:right;
}

#rychlezpr {
border-top:4px solid #004b89;
margin-top: 4px;
margin-bottom: 25px;
}

#newtitle3 {
background: #d10515;
color: #fff;
font-size:12px; 
text-transform:uppercase;
padding: 7px 15px 7px 15px;
}

#newtitle2 {
background: #004b89;
color: #fff;
font-size:11px; 
text-transform:uppercase;
padding: 6px 13px 6px 13px;
text-indent: 0;
}


#newtitle2 a {
color: #fff;
font-size:11px; 
text-transform:uppercase;
}

#newtitle2 a:hover {
text-decoration: none;
}

#rychlezpr td {
background: #f6fbff;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
font: 70% Trebuchet MS, Arial;
color: #004b89;
}


#rychlezpr td:hover {
background-color: #dff1ff;
}

#rychlezpr td a {
color: #000;
font: 140% Trebuchet MS, Arial;
text-decoration: underline;
font-weight: bold;
}

#rychlezpr td small a {
color: #004b89;
font: 130% Trebuchet MS, Arial;
text-decoration: underline;
font-weight: normal;
margin-left: -5px;	
}

#rychlezpr td a:hover {
text-decoration: none;
}

.logoside {
width: 240px;
background: #fff;
padding-left: 12px;
padding-right: 13px;
padding-top: 15px;
padding-bottom: 15px; 
margin-left: -15px;
margin-top: -9px;
}

.dalsi {
margin-bottom: 15px;
}

#premiery {
margin-left: 5px;
font-size: 11px;
}

#premiery a {
color: #000;
text-decoration: underline;
}

#premiery strong {
font-size: 14px;
}

#premiery a:hover {
color: #000;
text-decoration: none;
}

#premieryall a {
color: #d61839;
font-size: 11px;
text-decoration: underline;
float: right;
margin-top: -4px;
}

#premieryall a:hover {
color: #d61839;
text-decoration: none;
}

/* Header */

#header {
	margin: 0 auto;
	width: 1020px;
	font-size:12px;
	padding: 10px 0px 15px 15px;
        background-color: #fff;
        font-family: Trebuchet MS; 
	}




/* Footer*/

#footer {
	margin: 0 auto;
	width: 1020px;
	font-size:12px;
	padding: 10px 0px 3px 15px;
        background-color: #fff;
        font-family: Trebuchet MS; 
	}

#footer img {
border: 0;
margin: 10px;
}

#prehledbox {
width: 190px;
margin-right: 10px;
padding-bottom: 15px;
float: left; 
display: block; 
}

#spodek {
height: auto;
padding-left: 10px;
padding-top: 10px;
}

#prehledbox a { color: #1f6eb1; font-family: Trebuchet MS; text-decoration:underline;}

#prehledbox a:hover { text-decoration:none;}

#adiv a { color: #d8103d; text-transform:uppercase; }

hr { width: 990px; }

.oddelovac { margin-top: -12px; }

.logopaticka {float: left; }

.patkatext {font-family: Trebuchet MS; text-transform:uppercase; }
.cms { color:#000; font-size:18px; }
#mejl { font-size:9px; } 
#mejl a { font-size:9px; color:#545454;  text-decoration:underline; } 
#mejl a:hover {text-decoration:none; } 
.copyright { font-size:9px;  }
#reklama {float: right; margin-right:0px; margin-top: 0px;}



#fermanynad {
background: #d61839;
color: #fff;
font-size:11px; 
text-transform:uppercase;
padding: 6px 13px 6px 13px;
text-indent: 0;
margin-top: 50px;
}


#fermanynad a {
color: #fff;
font-size:11px; 
text-transform:uppercase;

}

#fermanynad a:hover {
text-decoration: none;
}

#fermanytab {
border-top:4px solid #d61839;
margin-top: 4px;
}


#fermanytab td {
background: #ffe7eb;
padding-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
font: 70% Trebuchet MS, Arial;
color: #d61839;
}


#fermanytab td:hover {
background-color: #ffc5cf;
}

#fermanytab td a {
color: #000;
font: 140% Trebuchet MS, Arial;
text-decoration: underline;
font-weight: bold;
}

#fermanytab td small a {
color: #d61839;
font: 130% Trebuchet MS, Arial;
text-decoration: underline;
font-weight: normal;
margin-left: -5px;	
}

#fermanytab td a:hover {
text-decoration: none;
}

#fermanytab td strong {
color: #000;
font: 140% Trebuchet MS, Arial;
font-weight: bold;
}

.recentcomments {
margin-bottom: 6px;
}