/* Home Page container */

div#home-content {

    width: 800px;
    overflow: visible;
    margin-bottom: 40px;

}


/* END Home Page container */


/* START Slider */

div#home-content div.flexslider {

    margin: 0 0 15px 0;

}


div.hmhead h2 a, div.hmhead h2 a:link, div.hmhead h2 a:visited {

    color: #ffffff;
    font-weight: bold;
    text-decoration: none;

}

div.hmhead h2 a:hover, div.hmhead h2 a:active {

    color: #ffffff;
    text-decoration: none;
}


div.hmhead {


    width: 100%;
    height: 32px;
    text-align: right;
    padding: 4px 8px 0 0;

    background-color: #ee0000;

}

.slides div.hmhead img {

    float: right;
    width: 20px;
    height: 24px;
    margin: 0;

}

div.hmhead h2 {

    float: right;
    width: 160px;
    font-weight: bold;
    color: #ffffff;

}

.slides div.feature-image img {


    float: left;
    width: 320px;
    height: 255px;
    overflow: hidden;

}

/* todo - Can't get mobile ad to size properly in iframe */
/*li#slideAd {*/

/*    display: flex;*/

/*}*/

/*li#slideAd iframe { displayflex-grow: 1; border: none; margin: 0; padding: 0; }*/

.story p a, .story p a:link, .story p a:visited {

    text-decoration: underline;
}

.story p a:hover {

    text-decoration: none;
}

.slides div.feature-copy {

    float: left;
    width: 480px;
    height: 255px;
    background-color: #dcdcdc;

}

/* Mobile Viewport */
@media (max-width: 1014px) {

    div#desktop-header {

        margin-bottom: 45px;
    }

    .slides div.feature-image img {

        display: none;

    }

    .flexslider {

        width: 100%;
        margin: 0 auto;
    }

    .slides div.feature-copy {

        width: 100%;

    }

    div.hmhead {

        width: 100%;

    }

    div.story p {

        font-size: 1.1em;
        line-height: 1.2em;
        /*width: 320px;*/

    }

    /*.slides div.feature-copy {*/
    /*    float: left;*/
    /*    width: 100%;*/
    /*    height: 255px;*/
    /*    background-color: #dcdcdc;*/
    /*}*/
    div#home-content {

        width: inherit;
        overflow: hidden;
    }

    div.article-block {

        margin-top: 10px;
    }

    div#leaderboard-zone {

        /*display: none;*/
        /*width: 100%;*/
        /*text-align: center;*/
    }

    div.home-ads {

        text-align: center;
        margin-bottom: 15px;
    }

}

/* END Mobile Viewport */


div.story {

    padding: 18px;
}

div.story h2 {
    color: #cc0000;
    line-height: 0.8em;
}

div.story p {

    font-size: 1.1em;
    line-height: 1.2em;
    margin: 0;

}


/* END Slider */


/* Article Section Blocks */


div.article-block {

    border: 1px solid #cccccc;
    height: 160px;
    padding: 0;

}

div.article-block-video {

    border: 1px solid #cccccc;
    /*height: 160px;*/
    padding: 0;
    margin: 0 auto;
    background-color: #efefef;
    text-align: center;

}


div.article-section-heading {

    font-family: "Open Sans", sans-serif;
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    text-align: right;

    height: 38px;
    padding: 4px 5px 0 0;

}

div.article-section-heading a, div.article-section-heading a:link, div.article-section-heading a:hover, div.article-section-heading a:visited, div.article-section-heading a:active {

    color: #ffffff;
    text-decoration: none;
}

div.article-section-heading img {


}


div.article-block p {

    color: #000000;
    padding: 2px 8px 0 5px;
    margin: 0;
    font-size: 0.8em;

}


/* END Article Section Blocks */


/* Ad Zones */

div#leaderboard-zone {

    max-width: 728px;
    margin: 0 auto;
    text-align: center;
}

div#leaderboard-zone div#home-leaderboard{
    width: 728px;
}


div#in-article-ad-zone, div#home-rect-ads {

    height: 180px;
    margin: 22px 0 0 0;

}

div#in-article-ad-zone img, div#home-rect-ads img {

    float: left;
    margin: 0 8px 0 0;
    width: 175px;

}

div.home-ads {

    text-align: center;
}

div#zone320 {

    width: 320px;
    margin: 0 auto;
    padding: 5px 0 15px 0;
}

div#zone300 {

    width: 300px;
    margin: 0 auto;
    padding: 10px 0 10px 0;
}


@media (max-width: 1009px) {

    div#in-article-ad-zone, div#home-rect-ads {
        height: 520px;
        width: 180px;
        text-align: center;
        margin: 0 auto;

    }

    div#in-article-ad-zone img, div#home-rect-ads img {

        clear: both;
        margin: 0 0 20px 0;
        width: 180px;

    }

    div#in-article-ad-zone::after, div#home-rect-ads::after {

        clear: both;

    }

}

/* END Ad Zones */