#main, .posts
  +outer-container

.soundcloud-player-small
  margin:
    top: $small-margin

.index-article
  margin:
    bottom: $large-margin

.topic-list
  color: $medium-gray
  line-height: 1.8em

.posts, .article-detail
  p
    font-size: 1.05em
    line-height: 1.35em

.detail-post-date, .post-date
  font-size: 1em

.post-date
  margin:
    left: em(-111px)
    right: em(10px)
  +media(max-width 830px)
    display: block
    margin:
      left: em(0px)
      right: em(0px)
      bottom: $small-margin

.recent-posts li:before, .article-detail li:before
  content: "• "
  color: $brand-color

.article-detail h3
  -webkit-margin-after: 0em
  -webkit-margin-before: 0em
  margin:
    top: 83px
    bottom: $small-margin
  line-height: 1em

h3.detail-post-topic-list 
  margin:
    top: 0px

#main, .posts
  +outer-container

.soundcloud-player-small
  margin:
    top: $small-margin

.index-article
  margin:
    bottom: $large-margin
  &:hover
    .post-date
      color: $medium-gray

.topic-list
  color: $medium-gray
  line-height: 1.8em

.posts, .article-detail
  p
    font-size: 1.05em
    line-height: 1.35em

.detail-post-date, .post-date
  font-size: 1em

.post-date
  margin:
    left: em(-111px)
    right: em(10px)
  +media(max-width 830px)
    display: block
    margin:
      left: em(0px)
      right: em(0px)
      bottom: $small-margin

.recent-posts li:before, .article-detail li:before
  content: "• "
  color: $brand-color

.article-detail h3
  -webkit-margin-after: 0em
  -webkit-margin-before: 0em
  margin:
    top: 83px
    bottom: $small-margin
  line-height: 1em

h3.detail-post-topic-list 
  margin:
    top: 0px

Add hover for date on index page
Add hover for date on index page

Hover over article item changes color on date
