/******************** structure - All Pages ********************/
body {
    background: url(//www.smartcustomerservice.com/images/structure/bg.png) repeat;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

@media (min-width: 800px) {
    body {
        /*font-family:'Lato', Helvetica, Arial, sans-serif; */
        font-family: 'Roboto', Helvetica, Arial, sans-serif;
    }
}


#wrapper {
    margin: 0 auto 0 auto;
    width: 1000px;
}

#header_wrapper {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 1000px;
    width: 100%;
    height: 180px;
}

#header {
    width: 1000px;
    margin: 0 auto;
}

#logo {
    float: left;
    background: url(//www.smartcustomerservice.com/images/structure/logo.png) no-repeat;
    width: 248px;
    height: 62px;
    margin: 40px 0 0 0;
    border: 0;
    display: block;
    text-indent: -9999px;
}

#content {
    float: left;
    clear: both;
    width: 960px;
    padding: 20px;
    margin: 180px 0 0 0;
    background: #fff;
}

#footer_wrapper {
    float: left;
    clear: both;
    background: #000;
    width: 100%;
    min-width: 1000px;
}

    #footer_wrapper a {
        color: #fff;
        text-decoration: none;
    }

#footer {
    width: 1000px;
    margin: 0 auto;
}

#footer_wrapper ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#logo_footer {
    width: 200px;
    height: 50px;
    margin: 20px 0 0 0;
    border: 0;
    display: block;
}

#colFooter1 {
    width: 200px;
    float: left;
    color: #fff;
}

#colFooter2 {
    width: 210px;
    margin: 15px 0 0 50px;
    float: left;
}

#colFooter3 {
    width: 210px;
    margin: 15px 0 0 50px;
    float: left;
}

#colFooter4 {
    width: 210px;
    margin: 15px 0 0 50px;
    float: left;
}

#copyright {
    float: right;
    color: #ffffff;
    clear: both;
    width: 400px;
}

    #copyright a {
        color: #ed1b26;
    }

/******************** /structure - All Pages ********************/

#secondary_main {
    width: 640px;
    float: left;
    background-color: #fff;
    margin: 0 20px 0 0;
    padding: 0;
}

    #secondary_main h3 {
        margin: 2px 0 2px 0;
        padding: 0;
        font-size: 15px;
        line-height: 17px;
    }

        #secondary_main h3 a {
            color: blue;
            text-transform: none;
            font-weight: 400;
            text-decoration: none;
            border: none;
        }

    #secondary_main h2 {
        font-size: 19px;
        line-height: 21px;
        font-weight: 400;
    }

    #secondary_main h2, h2 a {
        font-size: 19px;
        color: #f01616;
        font-weight: 400;
    }

    #secondary_main a {
        color: #ed1b26;
        text-decoration: none;
    }

        #secondary_main a:hover {
            text-decoration: underline;
        }

.article-list {
    margin-bottom: 15px;
}

/******************** sidebars ********************/

#home_sidebar_left {
    float: left;
    width: 200px;
    margin: 0;
    padding: 0;
}

#home_sidebar_right {
    float: right;
    width: 300px;
    margin: 0;
    padding: 0;
}

#home_primary_content {
    float: left;
    width: 420px;
    margin: 0 20px;
}

#secondary_sidebar {
    width: 300px;
    float: left;
    margin: 0;
    padding: 0;
}

    #secondary_sidebar .sidebar_section {
        width: 300px;
        background: url(//www.smartcustomerservice.com/images/structure/bg_section_bar.png) top left repeat-x;
        padding: 20px 0 0 0;
        margin: 0 0 20px 0;
        float: left;
        clear: both;
    }

    #secondary_sidebar h3, h3 a {
        font-size: 15px;
        color: #666;
        text-transform: uppercase;
        border-bottom: dotted 1px #ccc;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
        font-weight: 300;
    }


#home_sidebar_right .sidebar_section {
    width: 300px;
    background: url(//www.smartcustomerservice.com/images/structure/bg_section_bar.png) top left repeat-x;
    padding: 20px 0 0 0;
    margin: 0 0 20px 0;
    float: left;
    clear: both;
}

#home_sidebar_left .sidebar_section {
    width: 200px;
    background: url(//www.smartcustomerservice.com/images/structure/bg_section_bar.png) top left repeat-x;
    padding: 20px 0 0 0;
    margin: 0 0 20px 0;
    float: left;
    clear: both;
}

#home_primary_content .sidebar_section {
    width: 420px;
    background: url(//www.smartcustomerservice.com/images/structure/bg_section_bar.png) top left repeat-x;
    padding: 20px 0 0 0;
    margin: 20px 0 20px 0;
    float: left;
    clear: both;
}

.sidebar_section ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .sidebar_section ul li a {
        font-size: 13px;
        color: #000;
        text-transform: capitalize;
        display: block;
        padding: 10px 0;
        text-decoration: none;
    }

    .sidebar_section ul.red li a {
        color: #f01616;
    }

.sidebar_section .post_excerpt {
    float: left;
    width: 200px;
    margin: 0 0 15px 0;
    border-bottom: dotted 1px #ccc;
    padding: 0 0 5px 0;
}

.sidebar_section .author_thumbnail {
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 10px 10px 0;
}

.sidebar_section .author_name {
    font-size: 11px;
    text-transform: uppercase;
    padding: 0 0 10px 0;
}

.sidebar_section .more-link {
    text-align: right;
    font-style: italic;
    clear: both;
    margin-bottom: 10px;
}

    .sidebar_section .more-link a {
        text-decoration: none;
        color: #f01616;
    }

#home_primary_content .more-link {
    float: right;
    font-style: italic;
}

    #home_primary_content .more-link a {
        text-decoration: none;
        color: #f01616;
    }

.video_thumbnail {
    width: 175px;
    height: 121px;
    background: #666;
    float: left;
    margin: 0 10px 10px 0;
}

/******************** /sidebars ********************/


/******************** posts/articles ********************/
.post_excerpt a {
    text-decoration: none;
}

    .post_excerpt a:hover {
        text-decoration: none;
        color: #999;
    }

.post_excerpt {
    width: 420px;
    margin: 0 0 15px 0;
    border-bottom: dotted 1px #ccc;
    padding: 0 0 15px 0;
    font-size: 14px;
}

    .post_excerpt .thumbnail {
        width: 100px;
        height: 100px;
        background: #FFF;
        /*background: #666;*/
        float: left;
        margin: 0 15px 15px 0;
    }

    .post_excerpt .meta {
        font-size: 11px;
        text-transform: uppercase;
        margin: 10px 0 0 0;
    }

    .post_excerpt .featured_meta {
        font-weight: 400;
        margin: 0 0 10px 0;
    }

.featured p {
    font-size: 17px;
}


/*.author-bio-image{float:left; width:100px; height:100px; border:1px #cccccc solid; border-radius:4px; margin:0 4px 4px 0;}*/

/* S3 Images are at 50x50 */
.author-bio-image {
    float: left;
    width: 50px;
    border: 1px #cccccc solid;
    border-radius: 4px;
    margin: 0 4px 4px 0;
}
/******************** /posts/articles ********************/



/******************** typography ********************/

h1, h1 a {
    font-size: 31px;
    color: #f01616;
    font-weight: 400;
    margin: 0 0 15px 0;
}

h2, h2 a {
    font-size: 19px;
    color: #f01616;
    font-weight: 400;
    margin: 0 0 15px 0;
}

#home_sidebar_left h3, h3 a {
    font-size: 15px;
    color: #666;
    text-transform: uppercase;
    border-bottom: dotted 1px #ccc;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    font-weight: 300;
}

#home_sidebar_right h3, h3 a {
    font-size: 15px;
    color: #666;
    text-transform: uppercase;
    border-bottom: dotted 1px #ccc;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    font-weight: 300;
}

#home_primary_content h3, h3 a {
    font-size: 15px;
    color: #666;
    text-transform: uppercase;
    border-bottom: dotted 1px #ccc;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    font-weight: 300;
}

#home_sidebar_left h3 span.bold {
    font-weight: 400;
}

#home_sidebar_right h3 span.bold {
    font-weight: 400;
}

#home_primary_content h3 span.bold {
    font-weight: 400;
}

h4, h4 a {
    font-size: 16px;
    color: #f01616;
    font-weight: 400;
    margin: 0 0 15px 0;
}
/******************** /typography ********************/

/******************** advertising ********************/

.ad_leaderboard {
    width: 728px;
    height: 90px;
}

.ad_top {
    float: right;
    margin: 15px 0 0 0;
}

.ad_bottom {
    margin: 20px auto;
    clear: both;
    display: block;
}

.articleTextAd {
    margin: 5px 5px 5px 0;
}
/******************** /advertising ********************/