#blog-archives {

   article {
     padding: 1em 0 1em;
     position: relative;
     background: $img-border bottom left repeat-x;
     &:last-child {
       background: none;
     }
   }
   h2 {
     background: none;
     display: none;
   }
   h1, h2 { color: $text-color; margin-bottom: .3em; }
   h1 {
     font-size: 1.5em;
     a {
       @include hover-link;
       color: inherit;
       &:hover { color: $link-color-hover; }
       font-weight: normal;
       display: inline-block;
     }
   }
   a.category, time {
     @extend .sans;
     color: $text-color-light;
   }
   color: $text-color-light;
   .entry-content { display: none; }
   time {
     font-size: .9em;
     line-height: 1em;
     .month, .day { display: inline-block; }
     .month { text-transform: uppercase; }
   }
   p { margin-bottom: 1em; }
   &, .entry-content { a { @include link-colors(inherit, $link-color-hover); }}
   a:hover { color: $link-color-hover; }
   @media only screen and (min-width: 550px) {
     article { margin-left: 5em; }
     h2 {
       background: none;
       display: inline-block;
       float: left;
       padding-top: .75em;
       &:first-child { padding-top: .75em; }
     }
     time {
       position: absolute;
       text-align: right;
       left: 0em;
       top: 1.8em;
     }
     .year { display: none; }
     article {
       padding:{left: 4.5em; bottom: .7em;}
     }
   a.category {
     line-height: 1.1em;
     }
   }
 }

 #content > .category {

   article {
     margin-left: 0;
     padding-left: 6.8em;
   }
   .year { display: inline; }
 }