.postWrapper {
    padding-bottom: 25px;
    clear: both;
    border-top: 1px solid #ccc;
    padding-top: 25px;
}

.postWrapper:after {content: ""; display: table; clear: both;}

.postWrapper .blog_image img, .postWrapper .postHeaderImage img {border: 1px solid #c7c7c7; width: 100%;}
.blog-index-list .postWrapper .blog_image, .blog-cat-view .postWrapper .blog_image,
.blog-index-list .postWrapper .postHeaderImage, .blog-cat-view .postWrapper .postHeaderImage {float: left; width: 240px;}
.blog-index-list .postWrapper .postContent, .blog-index-list .postWrapper .postDetails,
.blog-cat-view .postWrapper .postContent, .blog-cat-view .postWrapper .postDetails {float: right; width: calc(100% - 260px); font-family: 'roboto', Arial, Helvitica, sans-serif;}
.blog-post-view .postWrapper .blog_image img {margin-bottom: 20px;}

.postTitle {
    border-bottom-width: 0;
    border-bottom-style: solid;
    border-bottom-color: #DDDDDD;
    margin-bottom: 15px;
}

.postTitle h1 {
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    color: #000;
}

.postTitle h2 {
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.postTitle h2 a {color: #000;}
.postTitle h2 a:hover {text-decoration: none; color: #c60026;}

.postTitle h3 {
    font-size: 14px;
    margin: 0px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
    color: #333;
    font-family: "Gotham Book";
}

.postContent {
    padding-bottom: 10px;
}

.postContent p {margin-bottom: 15px !important; font-family: 'roboto', Arial, Helvitica, sans-serif; color: #333;}

.postContent ul{
    list-style: disc outside;
    margin-bottom: 1.5em;
}

.postContent ul li{
    margin-left: 2em;
}

.postContent ol{
    list-style: decimal outside;
    margin-bottom: 1.5em;
}

.postContent ol li{
    margin-left: 2em;
}

.postDetails {
    font: 14px 'Merriweather', serif;
    color: #888;
}

.postDetails a {color: #333; text-decoration: underline;}
.postDetails a:hover, .postDetails a:focus {color: #c60026;}

.postBookmarks {
    padding-bottom: 10px;
}

.postBookmarks h4 {

    font-size: 12px;
    font-weight: bold;
}

.postBookmarks a.bm {
    display: inline-block;
}

.postBookmarks img {
    display: inline;
}

.commentWrapper {
    padding-bottom: 15px;
}

.commentTitle {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px;
}

.commentTitle div {
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: #636363;
    font-family: "Raleway","Helvetica Neue",Verdana,Arial,sans-serif;
    font-style: normal;
    line-height: 1.2;
    text-rendering: optimizelegibility;
    text-transform: uppercase;
}

.commentContent {
    padding-bottom: 0px;
}

.commentDetails {
    margin-bottom: 5px;
    padding: 0px;
}

.commentDetails h4.username {
    display: inline;
}

.postError {
    font-size: 16px;
}

.tags {
    font-weight: bold;
    padding-bottom: 10px;
}

.tags UL {
    display: inline;
}

.tags UL LI {
    font-weight: normal;
    display: inline;
    padding-right: 6px;
}

.tags h4 {
    font-size: 12px;
    font-weight: bold;
}

.menu-tags, .menu-categories, .menu-recent {
    margin: 5px 0;
}

.menu-tags h5, .menu-categories h5, .menu-recent h5 {
    font-family: "gothammedium";
    font-size: 20px;
    font-weight: normal;
    color: #000;
}

.block-blog .menu-tags UL LI {
    display: inline;
    padding: 2px;
    margin-left: 10px;
}

.block-blog .menu-categories UL LI {
    margin-left: 10px;
}

.block-blog .menu-recent UL LI {
    margin-left: 10px;
}

.block-blog .menu-recent UL LI, .block-blog .menu-categories UL LI, .block-blog .menu-tags UL LI {
    padding-left: 15px;
    margin: 0;
    position: relative;
}

.block-blog .menu-recent UL LI:before, .block-blog .menu-categories UL LI:before, .block-blog .menu-tags UL LI:before {
    content: ""; width:6px; height:6px; background: #242227; border-radius: 50%; position: absolute; left: 0; top: 7px;
}

.block-blog .menu-recent UL LI a, .block-blog .menu-categories UL LI a, .block-blog .menu-tags UL LI a {
    font-size: 14px;
    color: #444;
}

.block-blog .menu-recent UL LI a:hover, .block-blog .menu-categories UL LI a:hover, .block-blog .menu-tags UL LI a:hover {
    color:#c60026;
}

.tagcloud {
    /* text-align:center; */
}

.tag-count-1 {
    font-size: 1em !important;
}

.tag-count-2 {
    font-size: 1.2em !important;
}

.tag-count-3 {
    font-size: 1.4em !important;
}

.tag-count-4 {
    font-size: 1.6em !important;
}

.tag-count-5 {
    font-size: 1.8em !important;
}

.tag-count-6 {
    font-size: 2em !important;
}

.tag-count-7 {
    font-size: 2em !important;
}

.tag-count-8 {
    font-size: 2em !important;
}

.tag-count-9 {
    font-size: 2em !important;
}

.tag-count-10 {
    font-size: 2em !important;
}

.block-blog .head h4 {
    padding-left: 20px;
}

.block-blog .block-title strong {
    text-align: left;
    color: #000;
    font-size: 37px;
    font-family: 'Merriweather', serif;
    font-weight: normal;
    text-transform: none;
}

.postWrapper .poster {
    display: inline;
}

.input-box.aw-blog-comment-area {
    width: 100%;
}

.widget-latest .title {
    font-family: "Raleway","Helvetica Neue",Verdana,Arial,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 0.5em;
    text-rendering: optimizelegibility;
    text-transform: uppercase;
}

.widget-latest li {
    font-size: 12px;
    padding: 5px 10px;
}

.block-blog .menu-categories {
    margin: 0;
    padding: 5px 0;
}

A.awblog_current_comment {
    text-decoration: none !important;
    font-weight: bold !important;
}


.blog-index-list .toolbar, .blog-cat-view .toolbar {background: none; border-bottom: 0; border: 0; padding: 0; margin-bottom: 5px; color: #333;}
.blog-index-list .toolbar .pager, .blog-cat-view .toolbar .pager {color: #333;}
.postWrapper + .toolbar {border-top: 1px solid #ccc; margin-top: 0; padding-top: 12px;}
.aw-blog-read-more {background: #c60026; display: inline-block; padding: 7px 15px; border: 0; color: #FFFFFF; font: normal 13px "gothammedium"; line-height: 19px; text-align: center; vertical-align: middle; white-space: nowrap; border-radius: 8px; border:2px solid transparent;}
.aw-blog-read-more:hover, .aw-blog-read-more:focus {background: #fff; color: #18244c; text-decoration: none; border:2px solid #18244c;}
.blog-post-view .postWrapper {border-top: 0; padding-top: 0;}

.blog-index-list .col-left .block-subscribe, .blog-cat-view .col-left .block-subscribe, .blog-post-view .col-left .block-subscribe {display: none;}

.blog-post-view .postHeaderImage {margin-bottom: 25px;}

.blog-index-list .col2-left-layout .col-main, .blog-cat-view .col2-left-layout .col-main, .blog-post-view .col2-left-layout .col-main {width: 80%;}
.blog-index-list .col-left, .blog-cat-view .col-left, .blog-post-view .col-left {width: 20%;}

@media only screen and (max-width: 979px) {
    .blog-index-list .col2-left-layout .sorter, .blog-cat-view .col2-left-layout .sorter {width: auto; float: left;}
    .blog-index-list .col2-left-layout .pager, .blog-cat-view .col2-left-layout .pager {clear: none; float: right; width: auto;}
    .blog-index-list .col2-left-layout .pager .count-container, .blog-cat-view .col2-left-layout .pager .count-container {float: left;}
}

@media only screen and (max-width: 770px) {
    .blog-index-list .col2-left-layout .col-main, .blog-cat-view .col2-left-layout .col-main, .blog-post-view .col2-left-layout .col-main,
    .blog-index-list .col-left, .blog-cat-view .col-left, .blog-post-view .col-left {width: 100%;}
    .block-blog .block-content {border: 0 !important; border-top: 1px solid #ccc !important; padding: 8px 0 0 !important;}
.blog-index-list .postWrapper .blog_image, .blog-cat-view .postWrapper .blog_image, .blog-index-list .postWrapper .postHeaderImage, .blog-cat-view .postWrapper .postHeaderImage {width: 100%;}
    .blog-index-list .postWrapper .postContent, .blog-index-list .postWrapper .postDetails, .blog-cat-view .postWrapper .postContent, .blog-cat-view .postWrapper .postDetails {width: 100%; margin-top: 20px;}
}

@media only screen and (max-width: 399px) {
    .blog-index-list .col2-left-layout .pager, .blog-cat-view .col2-left-layout .pager {clear: both; float: left;}
}