.column-newest-posts {
    background: #f2f2f2;
}

.column-popular-posts {
    background: #f2f2f2;
    background-color:#F7931D;
/*     padding:10px; */
    padding:2px;
}
.column-popular-posts .column-header {
/*     margin:8px; */
/*     margin-top:17px; */
    text-align:center;
    font-size:22px;
/*     background-color:#F0532D; */
    color:#fff;
}



div.articlegrid *, div.articlegrid *:after, div.articlegrid *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#popular-posts *, #popular-posts *:after, #popular-posts *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.articlegrid {
    display:block;
    background: #f2f2f2;
    margin-top:10px;
}
div.articlegrid:after {
    content: "";
    display: block;
    clear: both;
}

.post.tile {
    display:inline-block;
    width:100%;
    padding:7px;
    vertical-align:top;
}
@media screen and (min-width:800px) {
    .post.tile { width:49%; }
}
@media screen and (min-width:1000px) {
    .post.tile { width:33%; }
}


.post.tile a {
    display:inline-block;
    padding:10px;
    background-color: #fff;
    box-shadow: 0 1px 2px #bbb;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position:relative;
    width:100%;
}

.post.tile h2 {
    color:#333;
    font-size:20px;
    font-weight:normal;
    line-height:normal;
    font-family:Oswald;
}

.post.tile span.excerpt {
    color:#333;
    position:absolute;
    bottom:8px;
    left:10px;
    right:10px;
    padding:5px;
    font-size:14px;
    background-color:rgba(255,255,255,.8);
    opacity:0;
    
    z-index:10;
    
    -webkit-transition: all .25s ease-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    text-shadow:0px 1px 1px #fff;
}
.post.tile a:hover span.excerpt {
    opacity:1;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.post.tile span.post-format-text {
    position: absolute;
    left: 10px;
    bottom: 10px;
    background-color: #7f3f98;
    padding: 4px 8px;
    color: #fff;
}


#load-more-posts {
    display: block;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #307e9d;
    height: 36px;
    line-height: 36px;
    background: #3e8aa9;
    box-shadow: inset 0 1px 4px #1b7aa1;
    margin:10px;
}

#popular-posts .post.tile {
    display:block;
    width:100% !important;
}

#popular-posts .post.tile span.excerpt {
    max-height:100px;
    overflow:hidden;
}