body {
    position:relative;
    color:#353232;
    font: 11pt/1.6 Cambria, 'Palatino Linotype', Palatino;
    background-color: #fff;
    margin:0; padding:0;
  }

  iframe {
    border: none;
    min-height: 25px;
    _height: 25px;
    max-height: 65px;
    overflow:hidden;
  }
  
  h2 {
    font-size:220%;
    color: #665544;
    letter-spacing: .1em;
    line-height: 1;
  }
  
  h1,h2,h3,h4 {
    font-family: Calibri, Thaoma, 'Myriad Pro', 'Microsoft Sans Serif', sans-serif;
    color: #665544;
    font-weight:normal;
    margin:0;
    padding:0;
  }

  hr {visibility:hidden;clear:both;}
  
  a, a:visited {
    color:#665544;
    text-decoration:underline;
  }
  
  a:hover {
    color: #ffa000;
    text-decoration: none;
  }
  
  a:visited {
    font-style:italic;
  }

  small {
    font-size: 80%;
  }
  
  .article h2, .article-list h2 {
    padding-bottom: 0;
    margin-bottom:0; 
  }
  
  .article h2 a:visited, .article-list h2 a:visited {
    font-style:normal;
  }

  .article .picture, .article .note {
    font-style: italic;
    font-size: 80%;
    margin: 1.2em;
  }

  .article .picture {
    text-align:center;
  }

  .article .note {
    text-align:left;
  }

  .article .picture img {
    display:block;
    margin: 10px auto 10px auto; padding: 10px;
    border: 1px solid #353232;
  }

  .article-list {
    border-bottom: #ffa000 solid 2px;
  }

  .article-list h2 {
    font-size: 160%;
  }

  .comment {
    margin: 20px 0;
  }

  .comm-grav {
    float:left;
  }

  .comm-body {
    float:right;
    width:455px;
    padding: 0 10px;
    margin: 0 15px;
    border-left:#ffa000 solid 2px;
  }

  .comm-body p {
    font-size: 80%;
    padding: 0;
    margin: 10px 0 0 0;
  }
  
  .recent-articles {
    border-top: #ffa000 solid 2px;
  }
  
  .recent-articles ul {
    margin: 0 .5em; padding: 0 1.25em;
    font-size: 80%;
  }
  
  .recent-articles h3 {
    margin: 3px;
    padding: 0;
  }
  
  blockquote {
    font-size: 90%;
    margin: .5em;
    padding: 0 1em;
    border-left: #ffa000 solid 3px;
  }
  
  blockquote span.source {
    display:block;
    text-align:right;
  }
  
  #sidebar-left {
    float:left;
    width:250px;
  }
  
  #header {
    position:relative;
    top:0; left: 50px;
    width: 200px;
    height: 62px;
    overflow:hidden;
  }
  
  #header {
    margin:7px 0;
    padding:0;
  }

  #header a span, #header a:visited span {
    display:block;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%; margin: 0; padding: 0;
    background: url(http://notedown.cz/images/logo.png) top left no-repeat;
  }

  #header a:hover span {
    background: url(http://notedown.cz/images/logo-hover.png) no-repeat;
  }
  
  #twitter {
    float:left;
    width:240px; margin: 0 1em;
    line-height: .9;
    text-align: right;
  }
  
  #twitter p {
    display: inline;
    color: #654;
    font: 80% Cambria, 'Palatino Linotype', Palatino, Calibri, 'Myriad Pro', 'Microsoft Sans Serif', sans-serif;
    font-style: italic;
    margin: 0; padding: 0;
  }
  
  #content {
    width:575px;
    margin: 5px 260px;
    padding: 0 .5em;
  }
  
  #sidebar {
    position:fixed;
    _position:absolute;
    top:0px;
    left:875px;
    padding: 15px; 
    width: 250px;
  }

  #search {
    height: 65px;
    overflow:hidden;
  }

  .delicious-banner {font-size: 133%;}
  .delicious-posts ul, .delicious-posts li {list-style-type:disc;}
  .delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0;}
  .delicious-post { padding: .25em; font-size: 80% }
  .delicious-posts .delicious-banner a { font-size: 80%; text-decoration:none;}
  .delicious-posts a { text-decoration: underline; padding: .3em; }
  .delicious-posts a:hover {text-decoration:none;}


  #menu {font-size: 80%;}
  #menu h3 {font-size: 133%;}
  #menu ul {margin: 0; padding: 0;}
  #menu li {margin: 0; padding: .25em;}
  #menu a:visited {font-style:normal;color:#665544; }

  .hidden {display:none;}

  #topbar {
    position:relative; top:0; left:0;
    color:#fff;
    font-size:80%;
    height: 30px; width:100%; margin:0; padding:0;
    overflow: hidden;
    border-top: #665544 2px solid ;
    z-index:1;
  }
  
  #me, #comics {
    display:none;
    height: 150px; margin: 0; padding: 0 230px;
    background:#654;
  }
  
  #show-me, #show-comics {
    position: relative;
    float:left;
    color:#282828;
    font: 133% Calibri, 'Myriad Pro', 'Microsoft Sans Serif', sans-serif;
    text-align: center;
    width:100px; height:30px; margin: 0px; padding: 0px;
    line-height: 1.3;
    background: url(img/tab.png) top left no-repeat;
    cursor:pointer;
  }
  
  #show-me {
    top: 0px;
    left: 700px;
  }
  
  #show-comics {
    top:0;
    left: 702px
  }

  .left {float:left}
  .right {float:right}