.brick {
  width: 33.2%;
  float: left;
  padding-bottom: 10px; }
  .brick .header {
    background: white;
    color: black;
    padding: 0;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 12px;
    border-bottom-color: #ddd;
    margin-top: 0px; }
  .brick .header div.title {
    padding: 10px 0px;
    color: #999; }
    .brick .header div.title a {
      color: #ff0000;
      text-decoration: none; }
  .brick .content {
    padding: 0px 0;
    border-right: 1px solid #ddd;
    padding-right: 10px;
    margin-right: 10px; }
    .brick .content .article {
      padding: 0; }
      .brick .content .article .article-inner {
        padding-left: 0; }
        .brick .content .article .article-inner a {
          color: black; }
        .brick .content .article .article-inner h3 {
          margin: 15px 0; }
        .brick .content .article .article-inner .abstract {
          text-align: left;
          font-size: 14px; }
        .brick .content .article .article-inner .byline {
          text-transform: uppercase;
          font-weight: 300;
          font-size: 10px;
          margin-bottom: 15px; }
        .brick .content .article .article-inner .thumb {
          height: 130px;
          margin-top: 15px; }
    .brick .content .article.secondary .article-inner .thumb, .brick .content .article.secondary .article-inner .abstract, .brick .content .article.secondary .article-inner .byline {
      display: none; }
    .brick .content .article.secondary .article-inner .headline {
      border-top: 1px solid #ddd;
      margin-top: 15px; }

.brick.begin-row, .brick.horizontal {
  clear: both; }

.brick.end-row .content {
  border-right: none;
  margin-right: 0;
  padding-right: 0; }

.brick.horizontal {
  width: 100%; }
  .brick.horizontal .content {
    border-right: none; }
    .brick.horizontal .content .article.first {
      width: 60%;
      float: left; }
      .brick.horizontal .content .article.first .article-inner {
        border-right: 1px solid #eee; }
        .brick.horizontal .content .article.first .article-inner .thumb {
          width: 30%;
          float: left; }
        .brick.horizontal .content .article.first .article-inner .byline, .brick.horizontal .content .article.first .article-inner .abstract, .brick.horizontal .content .article.first .article-inner .headline {
          float: left;
          width: 60%;
          padding-left: 5%; }
    .brick.horizontal .content .article.secondary {
      float: left;
      width: 39%; }
      .brick.horizontal .content .article.secondary .article-inner {
        padding-left: 15px; }
        .brick.horizontal .content .article.secondary .article-inner .headline {
          border-top: none; }

.brick-entertainment .header div.title a, .brick-music .header div.title a, .brick-arts .header div.title a {
  color: #c64f9d; }

.brick-sports .header div.title a {
  color: #fa5f00; }

.brick-personal-finance .header div.title a {
  color: #00a53c; }

.brick-technology .header div.title a {
  color: #07c; }

.brick-news .header div.title a {
  color: #06C2B5; }

.brick-business .header div.title a {
  color: #099; }