article {
  border-bottom: 1px dashed $border-color;
  padding-bottom: 0;
  margin-bottom: 1em;
  .entry-content {
    margin-bottom: 2em;
  }
  header {
    position: relative;
    margin-top: 2em;
    padding-top: 0.6em;
    .meta {
      text-transform: uppercase;
      color: $meta-text-color;
      font-size: 0.8em;
      letter-spacing: 0.1em;
      width: 100%;
      text-rendering: optimizelegibility;
      position: absolute;
      top: 0;
      margin-top: 0;
    }
  }
  header a {
    color: $heading-color;
    text-decoration: none;
    &:hover, &:focus {
      color: $link-color-hover;
    }
  }
  figure {
    margin: 1.5em 0 0 0;
    figcaption {
      font-size: 0.7em;
      font-style: italic;
      text-align: right;
      opacity: 0.6;
    }
  }
  img, video, .flash-video {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    padding: 0.5em;
    margin: -0.5em;
  }
  > footer {
    padding-left: 0;
    padding-right: 0;
    p.meta {
      margin-bottom: 0.8em;
      font-size: 0.85em;
      clear: both;
      overflow: hidden;
    }
    .byline + time:before, time + time:before, .comments:before, .byline ~ .categories:before {
      @extend .separator;
    }
  }
  footer {
    a[rel=full-article] {
      background: darken($background-color, 8);
      border-radius: 2px;
      display: inline-block;
      padding: 0.4em 0.8em;
      margin-right: 0.5em;
      margin-bottom: 1.5em;
      text-decoration: none;
      color: mix($text-color, $text-color-light);
      @include transition(background-color 0.5s);
      &:hover {
        background: $link-color-hover;
        text-shadow: none;
        color: $background-color;
      }
    }
  }
}

.separator {
  content: "•";
  padding: 0 0.4em 0 0.2em;
  display: inline-block;
}