.blog-teaser{
  &.trending-story{
    display: inline-block;
    width: 24%;
    padding: 0 25px;
    vertical-align: top;
    border-right: 1px solid @brickgrayline;
    &:last-child{
      border-right: none;
    }
    .thumb{
      float: left;
      margin: 0 10px 0 0;
      img{
        border: 2px solid transparent;
      }
    }
    h3{
      font-size: 12px;
      margin: 0;
      font-family: 'futura-pt', 'Futura', sans-serif;
      a{
        color: @brickgraytext;
        transition: color .25s ease-in-out;
        -moz-transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        &:active,&:focus,&:hover{
          color: @brickred;
          text-decoration: none;
        }
      }
    }
    &.sponsored{
      .thumb{
        img{
          border-color: @brickblue;
        }
      }
      h3{
        color: @brickblue;
        a{
          color: @brickblue;
        }
      }
    }
  }
  &.result-full{
    padding: 30px 0 30px 190px;
    position: relative;
    border-bottom: 2px solid @brickgraylight;
    &:after{
      content: '';
      clear: both;
      display: block;
      height: 0;
      visibility: hidden;
    }
    &:last-child{
      border-bottom: none;
    }
    .category{
      position: absolute;
      left: 0;
      top: 30px;
      padding: 15px 0 0;
      width: 155px;
      text-align: right;
      color: @brickred;
      border-top: 3px solid @brickred;
      font-family: 'Steelfish', sans-serif;
      letter-spacing: 1px;
      font-size: 19px;
      text-transform: uppercase;
      a{
        opacity: 1;
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;
        &:active,&:focus,&:hover{
          opacity: 0.6;
        }
      }
    }
    .social-links{
      position: absolute;
      left: 0;
      bottom: 30px;
      width: 155px;
      text-align: right;
    }
    .thumb{
      float: left;
      margin-right: 30px;
    }
    .date{
      font-size: 11px;
      text-transform: uppercase;
      color: @brickgraytext;
      padding: 35px 0 10px;
      font-family: 'futura-pt', 'Futura', sans-serif;
    }
    h3{
      margin: 0 0 10px;
      font-size: 25px;
      line-height: 1.3em;
      a{
        color: @brickblack;
        transition: color .25s ease-in-out;
        -moz-transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        &:active,&:focus,&:hover{
          color: @brickred;
          text-decoration: none;
        }
      }
    }
    .author{
      font-size: 11px;
      text-transform: uppercase;
      color: @brickgraytext;
      font-family: 'futura-pt', 'Futura', sans-serif;
      a{
        color: @brickgraytext;
        transition: color .25s ease-in-out;
        -moz-transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        &:active,&:focus,&:hover{
          color: @brickred;
          text-decoration: none;
        }
      }
    }
  }
  &.circle-picks{
    clear: both;
    padding: 15px 0 40px;
    &:after{
      content: '';
      clear: both;
      display: block;
      height: 0;
      visibility: hidden;
    }
    .thumb{
      float: left;
      margin: 0 15px 0 0;
      img{
        display: block;
        border-radius: 50%;
      }
    }
    h3{
      font-size: 16px;
      margin: 0;
      line-height: 1.2em;
      padding: 5px 0 0;
      a{
        color: @brickblack;
        transition: color .25s ease-in-out;
        -moz-transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        &:active,&:focus,&:hover{
          color: @brickred;
          text-decoration: none;
        }
      }
    }
  }
  &.explore{
    display: inline-block;
    width: 15.5%;
    vertical-align: top;
    margin: 0 5% 0 0;
    position: relative;
    text-align: center;
    &:last-child{
      margin-right: 0;
    }
    .social-links{
      position: absolute;
      top: 10px;
      right: 5px;
    }
    .category{
      font-size: 16px;
      text-transform: uppercase;
      font-family: 'Steelfish', sans-serif;
      letter-spacing: 1px;
      color: @brickred;
      padding: 10px 0 0;
    }
    h3{
      font-size: 18px;
      margin: 0;
      font-weight: bold;
      a{
        color: @brickblack;
        transition: color .25s ease-in-out;
        -moz-transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        &:active,&:focus,&:hover{
          color: @brickred;
          text-decoration: none;
        }
      }
    }
  }
  &.page-top-posts{
    margin-bottom: 45px;
    .thumb{
      img{
        padding: 5px;
        border: 1px solid @brickgrayline;
      }
    }
    h3{
      font-size: 22px;
      margin: 15px 0 0;
      line-height: 1.3em;
      a{
        color: @brickblack;
        transition: color .25s ease-in-out;
        -moz-transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        &:active,&:focus,&:hover{
          color: @brickred;
          text-decoration: none;
        }
      }
    }

    &.sponsored{
      .thumb{
        img{
          border-color: @brickblue;
        }
      }
      h3{
        a{
          color: @brickblue;
          &:hover,&:active,&:focus{
            color: @brickbluebright;
          }
        }
      }
      .sponsored-txt {
        color: @brickblue;
        font-family: 'Steelfish', sans-serif;
        font-size: 16px;
        text-transform: uppercase;
      }
    }
  }
  &.span5{
    width: 20%;
    float: left;
    padding: 0 10px;
  }
  &.img-top{
    .thumb{
      display: block;
      margin-bottom: 10px;
    }
    h3{
      font-size: 18px;
      a{
        color: @brickblack;
        transition: color .25s ease-in-out;
        -moz-transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        &:active,&:focus,&:hover{
          color: @brickred;
          text-decoration: none;
        }
      }
    }
  }
}