@import url("/css/thumb.css");

.ddlPageCount { font-size: 12px; }

#newslist { list-style: none; padding: 0; margin: 0; width: 100%; box-sizing: border-box; }
    #newslist .newspost { padding: 5px 0 35px 0; margin: 0 0 35px 0; float: left; width: 100%; border-bottom: 1px solid #e5e5e5; }
    #newslist .newstext { float: left; width: 60%; }

    #newslist h2 a { color: #000; }
    #newslist p.preamble { padding: 3px 0 0 0; margin: 0; font-size: 19px; }
    #newslist a { color: #000; text-decoration: none; }
        #newslist a:hover { text-decoration: none; }
    #newslist .readmore { margin: 10px 1em 0 0; border: solid 1px #e5e5e5; padding: 5px 15px; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 15px; display: inline-block; }

.newsimage, #newsimages { list-style: none; padding: 0; margin: 0px 0 0 0; width: 34%; float: right; text-align: right; }
    .newsimage img, #newsimages img { width: 100%; max-width: 500px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#newsimages { padding-top: 20px; }
    #newsimages li { padding: 0; margin: 0 0 10px 0; }

.singlenews { float: left; width: 60%; padding-top: 10px; }
    .singlenews p.preamble { font-size: 19px; font-weight: 500; padding-bottom: 10px; }


@media screen and (max-width: 480px) {
    .newsimage, #newsimages { width: 100%; float: none; margin-top: 10px; margin-bottom: 10px; }
    #newslist .newstext, .singlenews { width: 100%; float: none; }
}