#archive
  #content > div
    &, > article
      padding-top: 0

#blog-archives
  padding-top: 1em
  article
    padding: 0 0 1em
    position: relative
    &:last-child
      border: none
    footer
      padding: 0
      margin: 0
  h1
    margin-top: 0
    color: $text-color
    margin-bottom: .3em
  h2
    display: none
  h1
    font-size: 1.5em
    a
      color: inherit
      text-decoration: none
      &:hover
        color: $link-color-hover
        text-decoration: underline
      font-weight: normal
      display: inline-block
  a.category, time
    color: $text-color-light
  color: $text-color-light
  .entry-content
    display: none
  time
    font-size: .9em
    line-height: 1.2em
    .month, .day
      display: inline-block
    .month
      text-transform: uppercase
  p
    margin-bottom: 1em
  &, .entry-content
    a
      color: inherit
      &:hover
        color: $link-color-hover
  a:hover
    color: $link-color-hover
  @media only screen and (min-width: 550px)
    article
      margin-left: 5em
    h2
      margin-top: 0
      margin-bottom: .3em
      font-weight: normal
      display: inline-block
      position: relative
      top: -1px
      float: left
    time
      position: absolute
      text-align: right
      left: 0em
      top: 0.3em
    .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