html {
  font-size: 87.5%;
  height: 100%;
}

body {
  background: #202020;
  color: #c0c0c0;
  font: normal 1em/1.5 "Helvetica Neue", Helvetica, sans-serif;
  height: 100%;
  margin: 0;
  padding: 0;
}

a, a:active, a:visited {
  color: #c21900;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

blockquote {
  color: #777;
  font-family: Georgia, serif;
  font-style: italic;
  margin: 0 1em 1.5em;
  padding: 0 1em;
}

p {
  margin: 0 0 1.5em;
}

ul, ol {
  margin: 0 0 1.5em;
}


/* LAYOUT */
#container, #header-wrapper, #subhead-wrapper h2 {
  margin: 0 auto;
  min-width: 500px;
  width: 64em;
}

#container {
  min-height: 100%;
  position: relative;
}

* html #container {
  height: 100%;
}

#content {
  float: left;
  padding-bottom: 3em;
  width: 40em;
}

#sidebar {
  margin-left: 44em;
  padding-top: 4.5em;
  width: 15em;
}

#footer {
  clear: left;
  height: 4em;
  padding: 0.75em 0;
  position: relative;
  margin-top: -4em;
}


/* HEADER */
#header {
  background: #39404c;
  margin-bottom: 0;
}
  
  #header h1 {
    font: normal 2em/1 "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, sans-serif;
    line-height: 1.5;
    margin: 0;
    padding: 0;
  }
  
    #header h1 a, #header h1 a:active, #header h1 a:visited {
      color: #c0c0c0;
    }
    
    #header h1 a:hover {
      color: #eee;
      text-decoration: none;
    }
  
  #header #subhead-wrapper {
    background: #aa9;
    border-top: 2px solid #89909c;
    border-bottom: 1px solid #ddc;
    clear: left;
    color: #292929;
    line-height: 1.5;
  }
  
    #header #subhead-wrapper h2 {
      font-size: 1em;
      font-style: italic;
      font-weight: normal;
      line-height: 1.5em;
    }



  /* NAVIGATION */
  #header #navigation {
    float: right;
    margin: 0;
    list-style: none;
  }
  
    #header #navigation li {
      float: left;
    }
      
      #header #navigation li a,
      #header #navigation li a:active,
      #header #navigation li a:visited {
        color: #d21900;
        display: block;
        font-size: 1.5em;
        line-height: 2;
        padding: 0 1em;
      }
    
      #header #navigation li a:hover {
        background: #49505c;
        color: #c0c0c0;
        text-decoration: none;
      }
      
      
/* CONTENT */
  #content h3.date {
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1;
    margin: 0 0 1em;
    text-align: left;
    text-transform: uppercase;
  }
  
    #content h3.date a {
      color: #565656;
    }
    
    #content h3.date a:hover {
      color: #666;
      text-decoration: none;
    }
  
  #content .post-footer {
    color: #777;
    font-size: 0.857em;
    text-align: right;
  }
  
    #content .post-footer a {
      color: #d21900;
    }
  
    #content .post-footer .time,
    #content .post-footer .permalink,
    #content .post-footer .comments {
      margin-left: 0.5em;
    }
    

/* POST STYLES */
.text, .link, .quote, .audio, .video, .photo, .chat {
  border-bottom: 1px solid #262626;
  padding-top: 4.5em;
  padding-bottom: 3em;
}

  .quote .words {
    border: 0;
    color: #c0c0c0;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.2em;
    font-style: normal;
    line-height: 1.25;
    margin: 0;
    padding: 0;
  }
  
  .quote .source {
    margin-top: 0.75em;
  }
  
  .audio, .photo, .video {
    text-align: center;
  }
  
    .audio .caption, .photo .caption, .video .caption, .quote .source, .link .link-body {
      margin: 0.75em 0 1.5em 0;
      text-align: left;
    }
    
  .photo img {
    border: 1px solid #777;
  }
  
  .chat ul {
    list-style: none;
    margin: 0 0.5em 1.5em;
    padding: 0;
  }
  
    .chat ul li {
      padding: 0.25em 1em;
    }
  
    .chat ul li.odd {
      background: #262626;
    }
    
      .chat ul li .person {
        color: #777;
        font-weight: bold;
      }
  
  .reblog {
    background: #262626;
    border: 1px solid #303030;
    border-width: 1px 0 1px 0;
    color: #969696;
    font-size: 0.857em;
    font-style: italic;
    text-align: center;
  }
  
  
/* PAGINATION */
#pagination {
  background: #262626;
  border: 1px solid #303030;
  border-width: 1px 0 1px 0;
  padding: 0.75em 0;
  margin: 3em 0 0;
  text-align: center;
}

  #pagination a {
    margin: 0 1.5em;
  }
  
  
/* SIDEBAR STYLES */
#sidebar p, #sidebar div {
  font-size: 0.857em;
  margin-bottom: 3.5em;
}

#sidebar #tweet a {
  display: block;
  font-size: 0.8333em;
  text-align: right;
}


/* FOOTER STYLES */
#footer {
  background: #39404c;
  border-top: 0.25em solid #89909c;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, sans-serif;
  text-align: left;
}
  
  #footer p {
    font: italic normal 1.5em/2 Georgia, serif;
    margin: 0;
  }
  
  #footer #footer-wrapper {
    margin: 0 auto;
    width: 64em;
  }

  #footer #elsewhere {
    float: right;
    font-size: 1.5em;
    line-height: 2;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
    #footer #elsewhere li {
      display: block;
      float: left;
      margin: 0;
    }
    
      #footer #elsewhere li a {
        padding: 0.5em 1em;
      }
      
      #footer #elsewhere li a:hover {
        background: #49505c;
        color: #c0c0c0;
        text-decoration: none;
      }


/* METADATA */      
#metadata {
  border-top: 1px solid #262626;
  font-size: 0.714em;
  list-style: none;
  margin-top: 1.5em;
  padding: 0;
  padding-top: 0.75em;
}