/*
Theme Name: 2Edged
Theme URI: http://blog.mozork.de
Description: The great 2Edged theme, very loosely based on the worpress default theme.
Version: 1.0
Author: Damian Frick
Tags: fluid, table-less, great, 2edged, 2-column

*/


* {
  padding: 0px;
  margin: 0px;
  }
  
body {
  font-family: "Trebuchet MS", "Trebuchet", "Arial", sans-serif;
  font-size: 10px;
  min-width: 1024px;
  color: black;
}

a {
  color: #0c76f0;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:visited {
  color: #140cf0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

h1 { font-size: 5em; }
h2 { font-size: 4em; }
h3 { font-size: 3em; }
h4 { font-size: 2em; }
h5 { font-size: 1.8em; }
h6 { font-size: 1.5em; }

/* Helper */

  .clearer {
    clear: both;
  }

/* Header */

  #header h1 {
    display: none;
  }

  #header #logo {
    display: block;
    margin: 2em auto;
  }

/* Navigation */

  #navigation {
    margin: 0 auto;
    display: block;
    background: black;
    padding-top: 2.5em;
    width: 80%;
  }

  #navigation .left, #navigation .right {
    background: white;
    position: relative;
  }

  #navigation ul {
    position: absolute;
  }

  #navigation .left ul {
    left: 0px;
    padding-left: 2em;
  }

  #navigation .right ul {
    right: 0px;
    padding-right: 2em;
  }

  #navigation ul li {
    float: left;
    list-style-type: none;
    margin: 0 0.5em;
    padding: 1.2em;
    display: block;
    color: white;
  }

  #navigation ul li:hover {
    padding-bottom: 2em;
    text-decoration: underline;
  }

  #navigation .left ul li {
    background: #76f00c;
  }

  #navigation ul li#home {
    background: #ef840c;
  }

  #navigation .right ul li {
    background: #0c76f0;
  }

  #navigation ul li a {
    font-size: 2em;
    color: white;
    text-decoration: none;
  }
  
/* Content */

  #content {
    width: 80%;
    margin: 0 auto;
    margin-top: 7em;
    position: relative;
  }
  
  #content .panel {
    position: absolute;
    margin: 0 2.5em;
  }
  
  #content #blog, #content #single, #content #archive, #content #page, #content #error, #content #search {
    width: 63%;
    left: 0px;
    padding-bottom: 5em;
  }
  
  /* Blog */
  
    #blog h2 {
      display: none;
    }
    
    #blog .navigation {
      font-size: 2em;
    }

    /* Post */
    
      .post {
        margin: 2em;
        margin-left: 0;
        font-size: 1.5em;
      }
      
      div > .post h3 a {
        text-decoration: none;
      }
      
      div > div.tech h3 a {
        color: #76f00c;
      }
      
      div > div.stuff h3 a {
        color: #ef840c;
      }
      
      div > div.blog h3 a {
        color: #0c76f0;
      }
      
      .post ul.info {
        clear: both;
      }
      
      .post ul.info li {
        margin: 0 0.5em;
        list-style-type: none;
        float: left;
      }
      
      .post p {
        margin: 1em 0;
      }
      
      .post img {
        border: none;
        margin: 0.5em;
        border: black solid 0.5em;
      }
      
      .post ul, post ol {
        margin-left: 1em;
      }
      
      .post ul {
        list-style: inside square;
      }
      
      .post ol {
        list-style-position: inside;
      }
      
      /* Comment */
      
      #comments {
        width: 80%;
      }
      
      #comments h3 {
        position: relative;
        border-bottom: 0.333em solid black;
        margin-bottom: 0.5em;
      }
      
      #comments h3 span {
        position: absolute;
        right: 0;
      }
      
      #commentlist > li {
        font-size: 45px;
        color: #0c76f0;
        list-style: inside decimal-leading-zero;
        margin: 0.5em 0;
      }
      
      #commentlist > li > * {
        font-size: 0.333em;
        color: black;
      }
      
      #commentlist li ul.info {
        position: relative;
      }
      
      #commentlist li ul.info li {
        list-style-type: none;
        display: inline;
        margin: 0.5em;
      }
      
      #commentlist .info li.avatar {
        position: absolute;
        right: 0;
        top: -60px;
        border: 0.3em solid black;
        border-bottom: none;
        background: black;
      }
      
      #commentlist li > div {
        margin-left: 0.5em;
      }
      
      #comments #respond {
        font-size: 1.5em;
        margin: 1em 0;
      }
      
      #comments #respond h4 {
        margin: 1em 0;
        margin-bottom: 0.2em;
      }
      
      #comments #respond fieldset {
        border: none;
      }
      
      #comments #respond legend {
        display: none;
      }
      
      #comments #respond input {
        display: block;
      } 
      
      #comments #respond textarea {
        width: 100%;
        margin-top: 1em;
      }
    
  /* Error */
    
    #content #error > div {
      font-size: 1.5em;
    }
    
    #error h2 {
      font-size: 3.333em;
      border-bottom: 0.2em solid black;
    }
    
    #error p {
      margin: 1em 0;
    }
    
    #error h3 {
      color: #0c76f0;
    }
    
  /* Archive */
    
    #archive h2 {
      font-size: 5em;
      border-bottom: 0.2em solid black;
    }
    
    #archive .archive h3 {
      color: #0c76f0;
      margin: 0.5em 0;
    }
    
    #archive .archive ul li {
      font-size: 2em;
      list-style: inside circle;
    }
    
  /* Page */
    #page h2 {
      font-size: 3.333em;
      border-bottom: 0.2em solid black;
    }
    
    #page .post {
      margin: 0;
    }
    
  /* Search */
  
    #searchform fieldset {
      border: none;
    }
    
    #searchform legend {
      display: none;
    }
    
    #search > p {
      font-size: 1.5em;
    }
    
    #search h2 {
      font-size: 5em;
      border-bottom: 0.2em solid black;
      margin-bottom: 1em;
    }

  /* Sidebar */
  
    #content #sidebar {
      right: 0px;
      width: 28%;
      border-top: 1em solid black;
    }
    
    #sidebar h2 {
      color: #0c76f0;
      font-size: 3em;
    }
    
    #sidebar > div, #sidebar > ul {
      font-size: 1.5em;
      padding: 0.5em 0;
    }
    
    #sidebar .meta ul {
      list-style-position: inside;
    }
    
    #sidebar .rss h2 a {
      color: #0c76f0;
      text-decoration: none;
    }
    
    #sidebar .rss h2 img {
      border: none;
    }