@media screen {

  #header, #content, #footer {
    width: 85em;
    margin: 0 auto;
    }

  #header {
    border-bottom: 1px solid;
    border-top: 10px solid;
    height: 8em;
    position: relative;
    }
    #header h1 {
      position: absolute;
      bottom: 0;
      left: .03em
      }
    #main-nav {
      list-style: none;
      margin: 0;
      padding: 0;
      position: absolute;
      bottom: 4px;
      right: 0;
      }
      #main-nav li {
        display: inline;
        }
      #main-nav a {
        -moz-border-radius: .25em .25em 0 0;
        border-bottom: 5px solid;
        }

  #content {
    }

  #main {
    padding: 3% 2% 0 0;
    width: 65%;
    float: left;
    }
    
  #disqus_thread {
    margin: 2em 0;
  }

  #extras {
    border-top: 10px solid;
    float: right;
    padding: 2.8% 0 0;
    width: 30%;
    }
    #extras div {
      margin: 0 0 2em;
      }

  #footer {
    border-bottom: 10px solid;
    border-top: 1px solid;
    clear: both;
    padding: 2% 0;
    }
  
  #main #bio {
    border-bottom: 1px solid;
    padding: 0 0 4%;
    margin: 0 0 0;
    }
    #main h2 {
      clear: both;
      float: left;
      border-top: 10px solid;
      margin-bottom: 3.5%;
      padding-top: 1%;
      }
    #main.single h2 {
       border: 0;
       float: none;
       }

  #bio .photo {
    border: 1px solid;
    float: left;
    margin: 0 4% 4% 0;
    }
  
  .hfeed {
    clear: both;
    }

  #pagination {
    margin: 0 0 2em 2em;
    }
  
}