/*  

Theme Name: ElectronicMusic.cz_1

Theme URI: http://www.electronicmusic.cz

Description: Vzhled pro www.electronicmusic.cz

Version: 1.0

Author: Machi

Author URI: http://www.machi.cz

*/



/* main structure */

* { 

	margin: 0;

	padding: 0;

	}

	

body {

	background-color: #333;

	font-family: "Arial", Tahoma, Helvetica, sans-serif;

	font-size: 13px;

	}



#wrap {

	width: 980px;

	border: 10px solid #fff;

	margin: 0 auto;

	}

	

.lista {

	width: 980px;

	background-color: #4c4c4c;

	margin: 0 auto;

	padding: 5px 10px 7px 10px;

	text-align: center;

	}

	

.lista a {

	text-decoration: none;

	background: url(img/lista-sipka.png) left 4px no-repeat;

	padding: 0 0 0 10px;

	margin: 0 5px 0;

	}

	

.lista a:hover {

	color: #999999;

	}

	

#banner-980 {

	width: 980px;

	height: 90px;

	background-color: #333;

	text-align: center;

	}

	

#banner-980 a {

	

	}

	

#banner-980 img {

	border: none;

	margin-bottom: -4px;

	}

 

#header {

	height: 100px;

	background: url(img/logo.png) no-repeat;

	border-top: 1px solid #fff;

	}



h1 a {

	display: block;

	width: 980px;

	height: 100px;

	}

	

h1 span {

	display: none;

	}



a {

	text-decoration: underline;

	color: #fff;

	}



a:hover {

	text-decoration: none;

	}

	

#content {

	background: url(img/content.png) left top repeat-y;

	}

	

.cleaner {

	clear: both;

	height: 0;

	line-height: 0;

  	font-size: 0; 

	}

/* main structure */



/* sidebar */	

#sidebar-left {

	float: left;

	width: 150px;

	border-top: 1px solid #fff;

	}

	

#sidebar-left li {

	list-style: none;

	}

	

#sidebar-left h4 {

	width: 134px;

	height: 29px;

	background: url(img/sideleft-h4.png);

	padding: 0;

	margin: 0;

	font-weight: bold;

	color: #fff;

	font-size: 14px;

	padding: 8px 0 0 15px;

	}

	

#sidebar-left ul li ul li a {

	display: block;

	width: 129px;

	height: 21px;

	background: url(img/sideleft-li.png);

	text-decoration: none;

	padding: 5px 5px 0 15px;

	}

	

#sidebar-left ul li ul li a:hover {

	background: url(img/sideleft-li-h.png);

	color: #333;

	}

	

#sidebar-left ul li.widget_get_recent_comments ul li {

	width: 124px;

	background: url(img/comments.png) top left no-repeat #5b5b5b;

	border-bottom: 1px solid #999;

	padding: 5px 15px 5px 10px;

	}

	

#sidebar-left ul li.widget_get_recent_comments ul li a {

	display: inline;

	background: none;

	padding: 0;

	margin: 0;

	}

	

#sidebar-left span.datum {

	color: #fff;

	}

	

#sidebar-left span.nick {

	color: #fdc400;

	}

	

#sidebar-left span.clanek a {

	color: #cccc00;

	}

	

#sidebar-left span.clanek a:hover {

	color: #8C8F03;

	}

	

#sidebar-left span.top {

	color: #fff;

	display: block;

	padding: 0 0 3px 0;

	margin: 0 0 3px 0;

	background: url(img/comments-line.png) left bottom no-repeat;

	}

	

#sidebar-left span.text {

	font-size: 12px;

	color: #fff;

	}



#sidebar-right {

	float: right;

	width: 300px;

	border-top: 1px solid #fff;

	padding: 1px 0 0 0;

	}

	

#sidebar-right li {

	list-style: none;

	}

	

#sidebar-right h4 {

	width: 285px;

	height: 27px;

	background: url(img/sideright-h4.png);

	padding: 0;

	margin: 0;

	font-weight: bold;

	color: #fff;

	font-size: 14px;

	padding: 8px 0 0 15px;

	}

	

#sidebar-right ul li ul li a {

	display: block;

	width: 280px;

	height: 21px;

	background: url(img/sideright-li.png);

	text-decoration: none;

	padding: 5px 5px 0 15px;

	}

	

#sidebar-right ul li ul li a:hover, #sidebar-right ul li ul li.current-cat a, #sidebar-right ul li ul li.current_page_item a {

	color: #999;

	}

	

#sidebar-right ul li.widget_categories {

	border-bottom: 1px solid #999;

	}

	

#sidebar-right ul li.widget_execphp {

	padding: 0px 0 0px 0;

	background-color: #fff;

	border: none;

	}

	

#sidebar-right ul li.widget_execphp img {

	border: none;

	margin-bottom: 0px;

	}

	

#sidebar-right ul li.widget_execphp .execphpwidget {

	padding: 0;

	}



#sidebar-right ul li.widget_text {

	color: #fff;

	}

	

#sidebar-right ul li.widget_text .textwidget {

	padding: 5px 14px 5px 15px;

	}

	

a.newsletter {

	display: block;

	width: 262px;

	height: 22px;

	background: url(img/button-newsletter.png);

	margin: 5px 0 5px 0;

	text-align: center;

	padding: 6px 0 0 0;

	font-size: 13px;

	text-decoration: none;

	color: #333;

	}

	

a.newsletter:hover {

	background: url(img/button-newsletter-h.png);

	}

a.categories {

	display: block;

	width: 149px;

	height: 26px;

	background: url(img/sideleft-li.png);

	margin: 7px 0 0 0;

	text-align: left;

	padding: 6px 0 0 0;

	font-size: 13px;

	text-decoration: none;

	color: #333;

	}
	
a.genres {
	display: block;
	width: 134px;
	height: 21px;
	background: url(img/sideleft-li.png);
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 0 15px;	
	text-decoration: none;
	}	

a.genres:hover {
	background: url(img/sideleft-li-h.png);
        color: #000000;
	}

a.adsense {

	text-align: left;
        margin: -5px 0px -8px -15px;

}

#sidebar-right ul li.widget_pages {

        border-bottom: 1px solid #999999;
	}

	

a.rsslinks {

	background: url(img/rss.png) left center no-repeat;

	padding: 1px 0 0 22px;

	margin: 0 15px 0 0;

	text-decoration: none;

	font-size: 12px;

	}

	

a.rsslinks:hover {

	color: #999;

	}

	

#google {

	width: 300px;

	height: 27px;

	text-align: center;

	}



#searchform {

	width: 300px;

	height: 52px;

	background: url(img/search.png);

	}



#searchsubmit {

	cursor: pointer;

	border: none;

	width: 31px;

	background: none;

	height: 33px;

	vertical-align: middle;

	margin: 9px 0 0 0;

	}



#s {

	border: none;

	vertical-align: middle;

	width: 182px;

	height: 25px;

	background: none;

	color: #444;

	margin: 9px 0 0 8px;

	padding: 8px 10px 0 10px;

	}

/* sidebar */



/* text */

#textblock {

	width: 450px;

	float: right;

	}

	

#text {

	width: 480px;

	float: left;

	padding: 0 0 0 31px;

	background: url(img/text-bg.png) top left no-repeat;

	min-height: 900px;

	height: auto !important;

  	height: 900px;

	color: #fff;

	}

	

p {

	padding: 5px 15px 5px 0;

	}



.post h2 {

	font-size: 20px;

	color: #fff;

	width: 458px;

	background: url(img/h2.png) left top no-repeat;

	padding: 7px 0 0 0;

	margin: 0;

	}

	

.post h2 a {

	color: #fff;

	font-weight: normal;

	text-decoration: none;

	}

	

.post h2 a:hover {

	text-decoration: none;

	color: #999;

	}



.pub {

	height: 24px;

	background: url(img/pub.png) left top repeat-x;

	color: #666;

	padding: 6px 5px 0 5px;

	text-transform: lowercase;

	margin: 5px 0 6px 0;

	}

	

.pub a {

	color: #666;

	text-decoration: none;

	}

	

.pub a:hover {

	text-decoration: underline;

	}

	

a.more-link {

	color: #ff9900;

	font-weight: bold;

	text-decoration: none;

	margin: 5px 0 0 0;

	display: block;

	}

	

a.more-link:hover {

	text-decoration: underline;

	}

	

h2 {

	font-size: 22px;

	color: #ccc;

	font-weight: normal;

	margin: 10px 0 10px 0;

	}



h3 {

	font-weight: bold;

	color: #d1d1d;

	padding: 12px 0 0 0;

	font-size: 16px;

	margin: 0;

	}



h4 {

	padding: 10px 0 0 0;

	font-weight: bold;

	color: #ccc;

	font-size: 13px;

	margin: 0;

	}

	

.post ul li {

	list-style: none;

	background: url(img/bullet_black.png) left no-repeat;

	padding: 0 0 0 23px;

	margin: 3px 0 3px 5px;

	}

	

.post ol li {

	margin: 3px 0 3px 28px;

	}



blockquote {

	border-left: 5px solid #666;

	margin: 10px 15px;

	color: #ccc;

	padding: 0 5px 0 15px;

	}

		

.post {

	margin-bottom: 15px;

	}

	

#text .wp-smiley {

	padding: 0;

	background: none;

	}



#text img {

	background-color: #666;

	padding: 7px;

	border: none;

	}

	

#text img.size-thumbnail {

	background: url(img/img-thumb.png) top right no-repeat;

	padding: 0 23px 0 0;

	}

	

#text img.alignleft {

	float: left;

	margin: 5px 25px 5px 0;

	}

	

#text img.alignright {

	float: right;

	margin: 5px 0 5px 25px;

	}

	

#text .post .sociable ul li {

	background: none;

	padding: 0;

	}

	

#text .post .sociable img {

	padding: 0;

	}

/* text */



/* comments */	

h3.comments {

	color: #fff;

	margin: 0 0 15px 0;

	}

	

.commentmetadata {

	color: #999;

	padding: 5px 0 2px 0;

	margin: 0 10px 5px 10px;

	}

	

.commentmetadata a {

	color: #666;

	}

	

.commentcontent {

	padding: 0 10px 5px 10px;

	}

	

ol.commentlist {

	list-style: none;

	}

	

ol.commentlist li {

	margin: 0 20px 15px 0;

	border-left: 5px solid #444;

	font-size: 12px;

	color: #ccc;

	}

	

ol.commentlist li.alt {

	border-left: 5px solid #666;

	}



ol.commentlist ul li, ol.commentlist ol li {

	margin: 2px 0;

	}

	

ol.commentlist ul, ol.commentlist ol {

	margin: 0 0 0 25px;

	}

	

textarea#comment {

	margin: 1px 0 0 0;

	border: 2px solid #666;

	background-color: #333;

	padding: 5px;

	color: #999;

	width: 458px;

	}

	

#author, #email, #url {

	border: 2px solid #666;

	background-color: #333;

	padding: 2px;

	margin: 1px 0;

	color: #999;

	}

	

#submit {

	border: none;

	font-size: 13px;

	background: none;

	margin: 0 0 10px 0;

	color: #fff;

	font-weight: bold;

	width: 130px;

	}

	

small {

	font-size: 11px;

	}

/* comments */



/* footer */

#box {

	width: 980px;

	margin: 0 auto;

	background: url(img/boxbg.png) left top repeat-x #4c4c4c;

	padding: 6px 10px;

	text-align: center;

	font-size: 11px;

	color: #fff;

	}

	

#box a {

	color: #fff;

	}

/* footer */		



/* other */	

#nav {

	padding: 5px;

	color: #fff;

	font-size: 12px;

	text-align: center;

	}

	

#nav a {

	text-decoration: none;

	color: #fff;

	}

	

#nav a:hover {

	text-decoration: underline;

	}

	

#wp_page_numbers ul li {

	float: left;

	padding: 3px;

	background-color: #444;

	border: solid 1px #666;

	list-style: none;

	margin: 25px 5px 15px 0;

	}

	

#wp_page_numbers ul li.active_page {

	font-weight: bold;

	background-color: #666;

	text-decoration: none;

	}

	

#wp_page_numbers ul li.active_page a {

	text-decoration: none;

	}

	

#text .banner-468 img {

	border: none;

	padding: 0;

	margin: 0 0 5px 0;

	}



#aktuality {

	width: 475px;

	height: 192px;

	background: url(img/aktuality.png);

	margin: 15px 0;

	}

	

#aktuality-left {

	width: 237px;

	float: left;

	}

	

#aktuality-right {

	width: 237px;

	float: right;

	}

	

#aktuality ul li {

	list-style: none;

	padding: 0;

	margin: 0;

	line-height: normal;

	}

	

#aktuality ul li a {

	display: block;

	height: 20px;

	padding: 5px 0 0 15px;

	margin: 0;

	text-decoration: none;

	}

	

#aktuality ul li a:hover {

	text-decoration: underline;

	}

	

#aktuality a.akt {

	display: block;

	text-align: right;

	color: #FFB528;

        font-weight: bold;

	text-decoration: none;

	padding: 5px 15px 0 0;

	}

	

#aktuality a.akt:hover {

	text-decoration: underline;

	}

	

#aktuality h3 {

	height: 28px;

	font-size: 15px;

	font-weight: bold;

	padding: 10px 0 0 15px;

	margin: 0 0 4px 0;

        }

/* other */