/** LIST PAGE **/

.blog-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.blog-list .blog-post {
    width: 48%;
    margin: 0px 0px 30px 0px;
}

.blog-list .blog-post.blog-post-odd {
    float: left;
}

.blog-list .blog-post.blog-post-even {
    float: right;
}

.blog-list .blog-post a {
    display: block;
}

.blog-list .blog-post .post-image {
    display: block;
    border: 1px solid #CCCCCC;
}

.blog-list .blog-post .post-content {
    display: block;
    padding: 20px;
    background: #0B172B;
    color: #FFFFFF;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}

.blog-list .blog-post a:hover .post-content {
    background: #B8993F;
    color: #FFFFFF;
}

.blog-list .blog-post a .title {
    display: block;
    font-weight: 300;
    font-size: 1.3em;
    font-family: 'Roboto Slab', serif;
    color:#B8993F;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}

.blog-list .blog-post a:hover .title {
    color:#FFFFFF;
}

.blog-list .blog-post a .time {
    display: block;
}


/** PAGINATION **/

.pagination-wrapper {
    font-family: 'Roboto Slab', serif;
    text-transform: uppercase;
    padding: 40px 0px;
    font-weight: 400;
    font-size: 1.3em;
}

.pagination-wrapper .left {
    float: left;
    width: ;
}

.pagination-wrapper .left .paging-prev {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 20px 0px 0px;
}

.pagination-wrapper .left .paging-numbers {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.pagination-wrapper .left .paging-numbers li {
    display: inline-block;
    vertical-align: middle;
}

.pagination-wrapper .left .paging-numbers li a, .pagination-wrapper .left .paging-numbers li span {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 10px;
}

.pagination-wrapper .left .paging-next {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 0px 0px 20px;
}

.pagination-wrapper .right {
    float: right;
    text-align: right;
}

.pagination-wrapper .right .paging-prev {
    padding: 0px 20px 0px 0px;
}

.pagination-wrapper .right .paging-next {
    padding: 0px 0px 0px 20px;
}

.pagination-wrapper .right .paging-prev span, .pagination-wrapper .right .paging-next span {
    display: inline-block;
    vertical-align: ;
}

.pagination-wrapper .right .paging-prev span {
    padding: 0px 10px 0px 0px;
}

.pagination-wrapper .right .paging-next span {
    padding: 0px 0px 0px 10px;
}

.pagination-wrapper .left .paging-prev, .pagination-wrapper .left .paging-next {
    color: #0B172B;
}

.pagination-wrapper .left .paging-prev:hover, .pagination-wrapper .left .paging-next:hover {
    color: #B8993F;
}

.pagination-wrapper .left .paging-numbers li a {
    color: #0B172B;
}

.pagination-wrapper .left .paging-numbers li a:hover,
.pagination-wrapper .left .paging-numbers li span {
    color: #FFFFFF;
    background: #B8993F;
}

.pagination-wrapper .right .paging-prev, .pagination-wrapper .right .paging-next {
    color: #0B172B;
}

.pagination-wrapper .right .paging-prev:hover, .pagination-wrapper .right .paging-next:hover, .pagination-wrapper .right .paging-prev span, .pagination-wrapper .right .paging-next span {
    color: #B8993F;
}


/** BLOG POST PAGE **/
.static-header-wrapper.static-header-blog .sh-left { max-width:580px; }
.static-header-wrapper.static-header-blog .sh-left .static-header-title {font-size: 3.5em; }
.single-post-page .post-content         { font-size:1.3em; line-height:1.6em; }
.single-post-page .post-content img { max-width:100%; height:auto; }
.single-post-page .main-post-img        { display:block; }
.single-post-page .gallery-wrapper			{ margin:20px 0px 0px 0px; padding:20px 0px 0px 0px; border-top:2px solid #B8993F; }
.single-post-page .post-gallery   { font-size:0px; }
.single-post-page .post-gallery .gallery-img { display:inline-block; vertical-align:top; width:33%; }
.single-post-page .post-gallery a		   	{ display:block; margin:5px; }



/** VIDEOS **/
.single-post-page .frame-wrapper { position:relative; padding-bottom:56.25%; padding-top:35px; height:0; overflow:hidden; width:100%; margin:20px 0px; }
.single-post-page iframe { position:absolute; top:0; left:0; width:100%; height:100%; }


/** RESPONISVE **/
@media screen and (max-width:760px) {
    .blog-list .blog-post {
        width: 100%;
    }
    .blog-list .blog-post.blog-post-odd, .blog-list .blog-post.blog-post-even {
        float: none;
    }
    .single-post-page .post-gallery .gallery-img { width:50%; }
}

@media screen and (max-width:660px) {
    .pagination-wrapper .left,
    .pagination-wrapper .right {
        float: none;
        margin: 0px auto;
        max-width: 300px;
        text-align: center;
    }
    .pagination-wrapper .left .paging-prev,
    .pagination-wrapper .left .paging-next {
      display:none;
    }
    .pagination-wrapper .right {
        margin: 40px auto 0px auto;
    }
    .static-header-wrapper.static-header-blog .sh-left .static-header-title {font-size:2em; }
}
@media screen and (max-width:460px) {
.single-post-page .post-gallery .gallery-img { width:100%; }
.single-post-page .post-gallery a		   	{ margin:0px 0px 20px 0px; }
}