/*
THEME NAME: Madly
THEME URI: http://jimmac.musichall.cz
DESCRIPTION: A minimalist theme with a strong focus on content
VERSION: 1.0
AUTHOR: <a href="http://jimmac.musichall.cz">Jakub Steiner</a>
AUTHOR URI: http://jimmac.musichall.cz
TAGS: one-column, white, light, microformats
*/

@import url(css/reset-fonts-grids.css);
@import url(css/base-min.css);

body{
text-align:left;
color:#555;
font-family: 'Droid Sans', 'Liberation Sans',FreeSans,'Helvetica Neue LT Std','Helvetica LT Std',Helvetica,Arial,Tahoma,'Lucida Grande','Lucida Sans',sans-serif;
}

h1,h2,h3,h4 { margin: .6em 0; }

abbr {
  text-decoration: none;
  cursor: default;
  border: none;
}

a,.entry-content a em,.entry-content a strong,.entry-content em a,.entry-content strong a {
  color: #06c;
  outline: none !important;
}

a:hover { color:#f30; }

ul li{list-style-type:square;}
.fw{width:100% !important;float:none;}

.skip-link{
display:none;
}	

#header,#access{
  max-width: 900px;
  margin: 1em auto;
  padding: 0 2em;
}

#blog-title a, 
h2.page-title, .entry-title {
  font-family: 'Acoustic Bass', monospace;
  line-height: 1.6; /* doesn't work */
}
  


#blog-title {
  margin-bottom: 0.35em;
}

#blog-title a {
  display: block;
  text-indent: -200em;
  width: 400px; height: 100px;
  background: url(img/logo.png) no-repeat 0 0;
}

#blog-description{
font-size:77%;
color:#868F83;
text-transform:uppercase;
letter-spacing:0.15em;
}

#access{
text-align:center;
}
#menu ul{
overflow:hidden;
text-align:center;
}
#menu li{
display:inline;
padding:1em 2em;
border-left:1px solid #BBC1BC;
line-height:2.2;
}
#menu li:first-child{
border-left:none;
}
#menu li a{
color:#868F83;
text-decoration:none;
font-size:138.5%;
}
#menu li a:hover{
color:#555;
}


/*sticky posts*/
.sticky{
  border:solid #eee;
  border-width:5px 0;
  padding-bottom:0.8em;
}
.sticky h2.entry-title a{
  font-weight:bold;
  text-transform:uppercase;
}
.sticky .entry-content{
  color:#333
}

  .hentry {
    float: left;
    width: 63%;
    margin-bottom: 2em;
  }
  
.entry-title {
  margin-bottom: 1em;
  color:#000;
  font-size:161%;
  font-weight:normal;
}

h3.entry-title{
  font-size:138.5%;
}
h2.entry-title a,h3.entry-title a{
  color:#000;
  text-decoration:none;
}

.entry-title span{
  font-size:66.7%;
}

.comments-link {
  font-size: 140%;
  float: left;
}
  .comments-link a{
    background:url(img/mini_icons2/comment.gif) left no-repeat;
    padding-left:13px;
    text-decoration: none;
  }

.entry-title span.edit-link a{
  background:url(img/mini_icons2/field_input.gif) left no-repeat;
  padding-left:13px;
}

h2.page-title a{
  color:#000;
}

body.attachment .entry-title{
  margin-left:3%;
}
body.attachment #header{
  padding:1em 3%;
  width:94%;
}

.entry-content {
  line-height: 1.7;
  overflow: hidden;
  /*
  -moz-column-count: 2;
  -moz-column-gap: 30px;
  column-count: 2;
  column-gap: 30px;
  -webkit-column-count: 2;
  -webkit-column-gap: 30px;
  */
}
  .entry-content img {
    max-width: 100%;
    height: inherit;
    break-before: column;
  }
  
  .entry-content p { break-inside: avoid-column; }

  
  h3.author {
    float: right;
  }

  .entry-content strong, .entry-content em{
    color:#222;
  }
  .entry-content code{
    color:#ce5c00;
  }
  
  #comments code{
    color:#2e3436;
  }
  
  .entry-content kbd{
    color:#8f5902;
  }
  
  .entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{
    color:#222;
  }
  
  .entry-metadata {
    clear: both;
    display: block;
    list-style-type: none;
    overflow: hidden;
    margin: 2em 0;
    font-size: 90%;
  }
    .entry-metadata li {
      display: block;
      float: left;
      margin: 0 10px 1em 0;
      font-size: 80%;
    }
    
    .entry-metadata a {
      text-decoration: none;
    }
    
    .entry-metadata .comment-link {
      font-size: 160%;
      margin-right: 3em;
    }

  #search {
    margin-bottom: 2em;
  }
  
  #searchform, #searchform-no-results {
    position: relative;
  }
  
  #searchform input.text, #searchform-no-results input.text {
    padding: 4px 4px 4px 28px;
    font-size: 120%;
    border: 1px solid #888;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 3px;
    outline: none;
    background: url(img/searchbg.png) repeat-x 0 0;
  }
    #searchform-no-results input.text {
      font-size: 200%;
    }
  
    #searchform input.text:focus, #searchform-no-results input.text:focus {
      margin: 2px; border: 2px solid #06c;
    }
  
  #searchform .button, #searchform-no-results .button {
    display: block;
    position: absolute;
    background: url(img/loupe.png) no-repeat 0 0;
    width: 16px; height: 16px;
    top: 11px; left: 11px;
    border: 0;
    text-indent: -100em;
  }
    #searchform-no-results .button {
      top: 19px; left: 13px;
    }

.page-meta{
  width: 14%;
  float:left;
  margin:0.38em 0 0;
  font-size:95%;
}

  h3.page-links-title{
    padding-left:1em;
  }
  .page-meta{
    float:right;
    background:#f9f9f9;
    border:1px solid #f0f0f0;
  }
  .page-meta li{
    margin:0.25em;
  }
  .page-meta li ul{
    margin:0 0 0 1em;
  }
  .page-meta li{
    color:#c90;
  }
  .page-meta li ul li{
    color:#999;
  }
  .page-meta a{
    color:#666;
    text-decoration:none;
  }
  .page-meta li.current_page_item a{
    color:#000;
  }

.tag-links,.archive .cat-links,.search .cat-links{
  font-size:85%;
  background:url(img/mini_icons2/tag.gif) left no-repeat;
  padding-left:13px;
}
.archive .cat-links,.search .cat-links{
  background-image:url(img/mini_icons2/folder.gif);
  margin-bottom:0.5em;
}

.tag-links {
  float: left;
  margin-left: 1em;
}
  .tag-links span,.archive .cat-links span,.search .cat-links span{
    font-weight:bold;
    color:#666;
  }
  .tag-links a,.archive .cat-links a,.search .cat-links a{
    text-decoration:none;
    border-bottom:1px solid #eee;
  }
  .tag-links a:hover,.archive .cat-links a:hover,.search .cat-links a:hover{
    color:#000;
  }

table{
  font-size:93%;
}
caption{
  text-transform:uppercase;
  text-align:left;
  letter-spacing:0.10em;
  font-weight:bold;
}
th,td{
  border:none;
}
tr.odd{
  border:1px solid #EBE5D9;
  border-width:1px 0;
  background:#F7F4EE;	
}
th{
  background:#f7f4ee;
}
tr.odd th{
  background:#F3EEE4;
}
thead,thead th,tfoot,tfoot th,thead a,tfoot a{
  background:#963 !important;
  color:#fff !important;
}

pre{
  overflow: auto;
  border:1px solid #f5f5f5;
  background: #FDFDFD;
  padding: 1.5%;
  width:96%;
  margin:auto;
}
.entry-content blockquote{
  border-left:0.5em solid #EEEEDC;
  padding-left:1em;
}

#nav-above{
  display:none;
}

#nav-below{
  min-height: 2px;
  background-color: #aaa;
  overflow: hidden;
  padding: 4px;
  clear: both;
}


  .nav-previous{
    text-align:left;
  }

  .nav-next{
    text-align:right;
  }

  #nav-below a{
    color:#eee;
    text-transform:uppercase;
    text-decoration:none;
    letter-spacing:0.1em;
    font-size:85%;
  }
  
  #nav-below a:hover{
    color:#fff;
  }
  #nav-images{
  padding:3em 3%;
  clear:both;
  }

body.attachment .entry-content{
  width:100%;
  margin:1em auto;
  float:none;
  text-align:center;
}


body.attachment div.entry-caption,body.attachment .entry-content p{
  width:90%;
  margin:1em 5%;
}

#content {
  min-height: 600px;
}

#rssbar {
  z-index: 2;
  display: block;
  position: fixed;
  top: -5px;  right: 10%;
  width: 225px; height: 94px;
}
  #rssbar img {
    position: absolute;
    top: 0;
    right: 0;
  }

#sidebar {
  z-index: 1;
  position: absolute;
  right: 0; top: 0;
  width: 28%;
}
  #sidebar .widget {
    width: 98%;
    float: none;
  }

#footer, #comments {
  clear:both;
  background: #eee;
  padding-bottom: 8em;
}

  #footer{
    clear:both;
    padding:2em;
    color: #979584;
    font-size: 85%;
  }
  #footer p{
    margin: 0.25em 0;
  }

  #footer a{
    color:#636257;
    text-decoration:none;
  }
  #footer a:hover{
    text-decoration:underline;
  }
  
  #footermenu, #footer>p, #respcontainer, 
  #comments .yui-gd  {
    max-width: 900px;
    margin: 1em auto 6em;
    padding: 0 2em;
  }
    .wrapper,
    #nav-below>div {
      max-width: 900px;
      margin: 0 auto;
      position: relative;
      overflow: hidden;
      padding: 0 20px;
    }
    
    
    #respond {
      width: 100%;
    }
  
  #footermenu ul, #footermenu li {
    display: block;
    list-style: none;
    margin-bottom: .8em;
  }
  
  #footermenu ul {
    overflow: hidden;
    margin: 0;
  }
  
  .widget {
    display: block;
    float: left;
    width: 270px;
    margin-right: 20px;
  }
  
.xoxo li{
  list-style:none;
  margin-bottom:2em;
}
.xoxo li li{
  list-style-type:square;
  margin-bottom:0;
}
.xoxo li ul,.xoxo li ol{
  margin-top:0;
  margin-bottom:0;
}

#wp-calendar{
  margin:0 auto;
}
.widget_tag_cloud{
  text-align: justify;
}
.widget_tag_cloud a{
  text-decoration:none;
  vertical-align: middle;
}

.widget_tag_cloud a:hover{
  text-decoration:underline;
}


#comments{
  padding:2em 0;
  overflow:hidden;
}
  #comments h3{
    margin-top:0;
  }

  #comments h3 span{
    color:#000;
  }
  #comments a{
    color:#8F6F3A;
  }


  .comments ol li{
    display:block;
    list-style:none;
  }
  .comments ol{
    margin:0;
  }
  .comments li li{
    display:list-item;
    list-style-type:square;
  }
  .comments ol ol{
    margin:1em;
  }

  .leave-trackback{
    color:#979584;
  }

  #comments acronym{
    border-bottom-color:#979584;
  }
  
  .trackback-url{
    font-size:93%;
    display:block;
    margin:0.25em 0;
    overflow:hidden;
    color:#7D7C6E;
    width:95% !important;
    padding:1.5%;
    white-space:nowrap;
    background-color: #fff;
    border:1px solid #E3E2C9;
    -moz-border-radius:0.25em;
  }
  #trackbacks-list .trackback-text{
    font-size:85%;
    margin:0.5em 1em 0;
  }
  #trackbacks-list li{
    border-top:2px solid #E3E2C9;
    padding:2em 0 1em;
  }
  #trackbacks-list li:first-child{
    border-top:none;
    padding-top:1em;
  }

  #comments-list h3{
    margin-left:28%;
  }
  #comments-list .yui-u{
    width:72%;
    border-left:2px solid #e3e2c9;
    padding:1em 0 1em 1.5%;
  }
  #comments-list .first{
    width:24%;
    border-left:none;
    padding-left:0;
    padding-top:1.2em;
  }
  .comment{
    clear:both;
    margin:1.5em 0;
  }
  .comment:first-child{
    margin-top:0;
  }
  #comments-list .comment-author,#comments-list img.avatar{
    text-align:right;
  }
  .comment-author a{
    text-decoration:none;
    font-weight:bold;
    color:#636257 !important;
  }
  .comments .meta-sep{color:#B0AF9C}
  .comments .edit-link a{color:#979584 !important;}
  .comment-meta a{color:#7D7C6E !important;text-decoration:underline;cursor:pointer;}
  
  #comments-list .comment-author span{
    display:block;
  }
  
  #comments-list .comment-meta{
    font-size:85%;
    color:#979584;
  }
  
  .comment-text{
    line-height:1.5;
  }

  .comment.bypostauthor {
    background-color: #f4f4f4;
    padding: 6px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
  }
/*  
  .comment.thread-odd .yui-u, .comment.thread-even .yui-u{
    margin-left: 4em;
  }
*/

  .no-replies{
  margin:3em auto !important;
  }
  p#comment-notes{margin-bottom:2em}

  #commentform input.text, #commentform textarea{
    margin-bottom:1em;
    background-color: #fff;
    border:1px solid #E3E2C9;
    width:95%;
    padding:8px;
    -moz-border-radius:0.25em;
    color:#666;
  }

  #form-textarea.yui-u {
  }
  
  textarea#comment{
    line-height:1.7
  }
  
  #commentform .form-label{
    color:#979584;
    margin-bottom:0.35em;
  }

  #submit{
    background:#888;
    border:1px solid #666;
    color:#fff;
    padding:0.35em;
    max-width: 200px;
    font-weight:bold;
    font-size:85%;
    text-transform:uppercase;
    letter-spacing:0.1em;
    -moz-border-radius:0.35em;
  }

  .comment form#commentform{
  margin-top:1em;
  }
  #comments-list form#commentform .yui-u{
  border:none 0;
  }
  .comment p#comment-notes{display:none}



/* styles for wordpress-generated classes */
.aligncenter,div.aligncenter,img[align="center"],.postimgfull{
display: block;
margin:1em auto;
}

.alignleft,img[align="left"]{
float: left;
margin-right:0.5em;
}

.alignright,.postimgtn,img[align="right"] {
float: right;
margin-left:0.5em;
}

.imgserie{text-align:center;}
.imgserie img{margin:0.5em}

.gallery-caption{
  color:#666;
  text-align: center;
  margin:0;
  font-size:85%;
  padding:0 0.5em;
}

  .gallery-item{
    width:33.2%;
    float:left;
    margin:1em 0;
    text-align:center;
  }
  .gallery-item img{
    border:2px solid #ddd
  }

.wp-caption{
  background:#F5F5EC;
  border:1px solid #E3E2C9;
  text-align:center;
  font-size:85%;
  padding:0.5em 0.15em 0.15em;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -khtml-border-radius:5px;
  border-radius:5px;
}
  .wp-caption img{
    margin:0;
    padding:0;
    border:0 none;
  }

  .wp-caption-text{
    margin-bottom:0;
    margin-top:0.15em;
    color:#7D7C6E;
  }

.transcript {
  font-size: 90%;
  margin: 1em;
  clear: both;
  padding: 1em 2em;
  background-color: #f8f8f8;
  border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

  .transcript h4 {
    padding-left: 20px;
    background: url(img/arrow-expanded.png) no-repeat 0 0;
    cursor: pointer;
  }
  
    .transcript h4:hover {
      color: blue;
    }
  
    .transcript h4.collapsed {
      background: url(img/arrow-collapsed.png) no-repeat 0 0;    
    }

  .transcript div.line {
    margin-bottom: 1em;
    position: relative;
    padding-left: 7em;
  }
  /*
    .line:before {
      content: "'";
    }
  */
  .transcript span.nick {
    display: block;
    position: absolute;
    left: 0;
    color: #888; 
    font-weight: bold;
  }
    .transcript .nick.nat { color: #c4a000; }
    .transcript .nick.alex { color: #729fcf; }
  
  .transcript .ts {
    font-size: 140%;
    font-weight: bold;
    color: #ccc;
    margin-bottom: 1em;
  }
  
  .transcript .music {
    width: 100px; height: 40px;
    background: url(img/music.png) no-repeat 0 0;
    padding: 0; margin: 3em auto 1em;
  }