/* clearfix */
.clearfix {
    clear:both;
}
/* wrapper css */
#wrapper{
    margin-bottom: 20px;
    width:100%;overflow: hidden;
}
#wrapper .hgroup{
    text-align:center;
}

#container{
    position:relative;
    margin:0 auto 25px auto;
    padding-bottom: 10px;
    overflow: hidden;

}
.grid{
    width:200px;
    min-height:100px;
    margin:0 20px 8px 0;
    font-size:12px;padding:20px 15px;
    float:left;background-color: #fffcf1; border: 1px solid #d5bd96;
    -webkit-transition: top 1s ease, left 1s ease;
    -moz-transition: top 1s ease, left 1s ease;
    -o-transition: top 1s ease, left 1s ease;
    -ms-transition: top 1s ease, left 1s ease;
}

/*padding:20px 15px;*/
/*.imgholder{width: 315px;}*/
.imgholder img{width: 315px;}
/*.imgholder a{display:block;width: 315px;}*/

.grid strong {
    border-bottom:1px solid #ccc;
    margin:10px 0;
    display:block;
    padding:0 0 5px;
    font-size:17px;
}
.grid .meta{
    text-align:right;
    color:#777;
    font-style:italic;
}
.grid .imgholder img{
    max-width:100%;
    display:block;
    cursor: pointer;
    transition: .5s;-webkit-transition:.5s;
}

@media screen and (max-width : 1240px) {
    body{
        overflow:auto;
    }
}
@media screen and (max-width : 900px) {
    #wrapper{
        margin-top:90px;
    }
}