blog sass before cleanup

blog.scss

.posts-list .container, .single-post main .container {
    width: 40em;
}

.posts-list {
    text-align: left;
    margin-top: $base-padding;
    padding: 0;

    .posts {
        float: left;
        width: 100%;
        padding-bottom: $base-blog-padding * 2;
    }

    article {
      padding: 0 0 $base-blog-padding;
      margin: 0 0 $base-blog-padding;
    }

    h2 {
        margin: 0 0 0.5em;
        line-height: 1.3em;

        a {
          text-decoration: none;
          color: $base-header-color;

          &:hover {
            color:lighten($base-header-color, 40%);
            text-decoration: underline;
          }
        }
    }

    .read-more {
        color: $blue;
        text-decoration: none;
        font-size: 14px;
        margin-top: 1.5em;
        display: table;
    }
}

.sidebar {
    float: right;
    width: 28%;
    text-align: left;
    margin-top: 0;

    a {
        text-decoration: none;
        color: #666;

        &:hover {
            color: #333;
            border: none;
        }
    }

    h2 {
      font-size: 22px;
    }

    .widget {
        margin-bottom: $base-padding / 2;
    }

    .textwidget {
      @extend p;
    }

    section {
        text-align: left;
        padding: 0 0 1.618em;
    }

    ul {
        padding: 0;
    }

    li {
        list-style: none;
        text-align: left;
        padding: 0.8em 0;
        margin: -1px;
        border-top: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3;
        font-size: 0.8em;
    }
}

.pager {

    .next-posts {
        float: left;
    }

    .prev-posts {
        float: right;
    }

    a {
        text-decoration: none;
        color: #666;

        &:visited {
            color: #888;
        }

        &:hover {
            color: #333;
            border: none;
        }
    }
}

.blog-post {
    text-align: left;
    float: left;
    width: 100%;
    padding-bottom: 2em;

    h2 {
      margin: 50px 0 25px;

      & b, & strong {
        font-weight: normal;
      }
    }

    h3 {
      margin: 20px 0 15px;
    }

    h1 {
      font-weight: normal;

      & b {
        font-weight: normal;
      }
    }

    & div + p {
      padding-top: $base-blog-padding;
    }

    p {
      font-weight: 300;
      line-height: 1.8em;
    }

    .meta {
      margin: 1em 0 0;
    }

    .title {
        margin-bottom: 0;
        font-weight: 400;
    }

    img {
        display: block;
        margin: 1em auto $base-blog-padding;

        &.alignleft {
            float: left;
            margin: 1em 1.2em 1em 0;
        }

        &.aligncenter {
            display: block;
            margin: 1em auto $base-blog-padding
        }

        &.alignright {
            float: right;
            margin: 1em 0 1em 1.2em;
        }
    }

    ul {
        font-weight: 300;
        line-height: 1.5em;

        li {
            font-weight: 300;
            line-height: 1.5em;
        }
    }

    + aside.sidebar {
      float: right;
      width: 28%;
      text-align: left;
      margin-top: 0em;
    }
}


.author-bio {
  border-bottom: 1px solid $base-background-color;
  overflow: hidden;
  margin: 0 0 $base-blog-padding * 2;
  padding: 0 $base-blog-padding / 2 $base-blog-padding 0;

    img {
        border-radius: 50%;
        float: right;
    }

    h2 {
        margin: 0 0 $base-blog-padding / 2;
    }

    p {
        margin: 0;
    }
}

.author-description {
    margin-right: 134px;
}

.meta {
    color: $base-body-color;
    overflow: hidden;
    font-size: 15px;
    margin-top: 25px;

    a {
      color:$base-body-color;
    }

    img {
        border-radius: 50%;
        float: left;
        margin: 0 12px 0 0;
    }

    p {
        font-size: .9em;
        line-height: 24px;
        float: left;
        margin: 0;
        height: 24px;
    }

    span {
        color: $base-body-color;
        margin-left: 8px;
    }
}

#mc-indicates-required {
    display: none;
}

#mc_signup_submit {
    float: right;
    background: transparent;
    border: 1px solid #adadad;
    border-radius: 4px;
    color: #2BACD2;
    font: bold 11px/30px "open-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    height: 30px;
    padding: 0 15px;
    width: auto !important;

    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;

    &:hover {
        color: #5e5e5e;
        border: 1px solid #adadad;
    }

    &:hover {
        background: #2BACD2;
        border-color: #2BACD2;
        color: #FFF;
    }

    &:active,
    &.active {
        background: #f1f4f5;
        border: 1px solid #adadad;
        box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
    }
}

.single-post {
  margin-top: $base-padding;
}

.all-posts {
  margin-top: $base-blog-padding * 2;
  display: table;
}

.recent-posts {
  border-top: 1px solid $base-background-color;
  margin-top: $base-blog-padding  ;
  padding-top: $base-blog-padding;
  overflow: auto;

  .recent-post {
    margin: $base-blog-padding 0;
  }
}

.newsletter-signup {
  overflow: auto;
  display: block;

    .posts-list & {
      border-bottom: 1px solid $base-background-color;
      padding: 0 0 $base-blog-padding;
      margin: 0 0 $base-blog-padding * 2;
    }

    .single-post &.newsletter-bottom  {
      padding: $base-blog-padding / 4 0 $base-blog-padding * 2;
      margin: $base-blog-padding 0 0;
      border-top: 1px solid $base-background-color;
    }

    .single-post &.newsletter-top  {
      padding: 0 0 $base-blog-padding;
      margin: 0 0 $base-blog-padding;
      border-bottom: 1px solid $base-background-color;
    }

  h2 {
    font-size: 22px;
    margin-bottom: 0;
  }

  input {
    margin-right: -40px;
    margin-top: $base-spacing / 3;
    float: left;

    &.hs-input {
      padding-right: 40px;
    }
  }
}

//show blog menu-item on blog pages
li.show-on-blog {
	display: none !important;
}

.blog li.show-on-blog, .single li.show-on-blog {
	display: block !important;
}

.single li.show-on-blog {
	display: block !important;
}

li.hide-on-blog {
	display: block !important;
}

.blog li.hide-on-blog, .single li.hide-on-blog {
	display: none !important;
}