/*********************    RELATED STORIES   ************************/
/******************************************************************/

/* related stories header */

.articlesummarytype2 h1 {
    color: #464747;
    margin: 0 0 20px;
}
@media (max-width: 767px) { .articlesummarytype2 h1 { font-size: 24px; } }
@media (min-width: 768px) { .articlesummarytype2 h1 { font-size: 18px; } }




/* per related stories item and top and bottom spacing */

.articlesummarytype2 {
    overflow: hidden;
    padding-bottom:15px;
}


/* the link that makes up the entire related stories item */

.articlesummarytype2 a {  display: block;  }


/* avthumbnail defaults */
.articlesummarytype2 .avthumbnail.square { display: block; }
.articlesummarytype2 .avthumbnail.rectangle { display: none; }

/* set the height of the item and the width of the avthumbnail with media queries */
@media (min-width: 0px) and (max-width: 399px)  {
    .articlesummarytype2 { padding-top: 20px; }
    /* rearrange to have rectangular avthumbnail on top  */
    .articlesummarytype2 .avthumbnail.square { display: none; }
    .articlesummarytype2 .avthumbnail.rectangle { display: block; width: auto; margin: 0 0 15px; }
    .articlesummarytype2 .rightwrap { margin-left: 0; float: none; }
}

@media (min-width: 400px) and (max-width: 767px) {
    .articlesummarytype2 { padding-top: 30px; }
    .articlesummarytype2 .avthumbnail { width: 150px; }

}
@media (min-width: 768px) and (max-width: 991px) {
    .articlesummarytype2 { padding-top: 15px; }
    /* rearrange to have rectangular avthumbnail on top  */
    .articlesummarytype2 .avthumbnail.square { display: none; }
    .articlesummarytype2 .avthumbnail.rectangle { display: block; width: auto; margin: 0 0 15px; }
    .articlesummarytype2 .rightwrap { margin-left: 0; float: none; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .articlesummarytype2 { padding-top: 15px; }
    /* rearrange to have rectangular avthumbnail on top  */
    .articlesummarytype2 .avthumbnail.square { display: none; }
    .articlesummarytype2 .avthumbnail.rectangle { display: block; width: auto; margin: 0 0 15px; }
    .articlesummarytype2 .rightwrap { margin-left: 0; float: none; }
}
@media (min-width: 1200px) {
    .articlesummarytype2 { padding-top: 15px; }
    /* rearrange to have rectangular avthumbnail on top  */
    .articlesummarytype2 .avthumbnail.square { display: none; }
    .articlesummarytype2 .avthumbnail.rectangle { display: block; width: auto; margin: 0 0 15px; }
    .articlesummarytype2 .rightwrap { margin-left: 0; float: none; }
}

@media (max-width: 991px) and (min-width: 320px){

    #relatedstories .avthumbnail {width:100%; display:block; margin-bottom:10px;}

    .rightrail {float:left; margin:0;}

}


/* avthumbnail in the related stories item */

.articlesummarytype2 .avthumbnail {
    position: relative;
    float: left;
    margin-right: 15px;
    overflow: hidden;
}
.articlesummarytype2 .avthumbnail img { width: 100%; }

/* item copy -category */

.articlesummarytype2 .category {
    font-size: 14px;
    color: #8c9194;
    margin: 0;
}
@media (min-width: 768px) { .articlesummarytype2 .category { display: none; } }


/* item copy -headline */

.articlesummarytype2 h2 {
    font-size: 15px;
    color: #464747;
    margin: 0;
    line-height: 1.3;
}

/* item copy -summary */
.articlesummarytype2 .summary {
    font-size: 14px;
    color: #464747;
    margin: 3px 0 0;
}


.articlesummarytype2 .author {
    font-size: 14px;
    color: #464747;
    line-height: 1.3;
    height: 20px;
}
.articlesummarytype2 .author span { color: #589b60; }



/* for reference */
/*
    @media (max-width: 479px) {
    }
    @media (min-width: 480px) and (max-width: 767px) {
    }
    @media (min-width: 768px) and (max-width: 991px) {
    }
    @media (min-width: 992px) and (max-width: 1199px) {
    }
    @media (min-width: 1200px) {
    }
*/

ul, ol {
    font-size: 16px;
}