/*  
Theme Name: ElectronicMusic.cz_2
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 8px 10px;
        text-align: center;
        }
        
.lista a {
        text-decoration: none;
        background: url(img/lista-sipka.png) left 6px no-repeat;
        padding: 0 0 0 10px;
        margin: 0 15px 0;
        }
        
.lista a:hover {
        color: #FFB528;
        }
        
#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: 90px;
        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: 201px;
        border-top: 1px solid #fff;
        }
        
#sidebar-left li {
        list-style: none;
        }
        
#sidebar-left h4 {
        width: 185px;
        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: 180px;
        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: 175px;
        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 1px;
        }
        
#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 {
        background-color: #fff;
        border: none;
        }
        
#sidebar-right ul li.widget_execphp img {
        border: none;
        margin-bottom: -3px;
        }
        
#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: 0px 14px 0px 15px;
        }
        
a.newsletter {
        display: block;
        width: 262px;
        height: 22px;
        background: url(img/button-newsletter.png);
        margin: 7px 0 7px 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.genres {
	display: block;
	width: 280px;
	height: 21px;
	background: url(img/genres-li.png);
        margin: 0px 0px 0px -15px;
        padding: 5px 5px 0 15px;	
	text-decoration: none;
	}	

a.genres:hover {
	background: url(img/genres-li-h.png);
        color: #000000;
	}
        
#sidebar-right ul li.widget_pages {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        }
        
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 {
        margin: 5px 0px 5px 0;
        }

#adsense {
        float: right;
        }

#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 */
#text {
        width: 630px;
        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: 598px;
        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: 468px;
        }
        
#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 */