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

.ddlPageCount { font-size: 12px; }

#newslist { list-style: none; padding: 0; margin: 0; width: 100%; }
	#newslist li { width: 100%; padding: 0 0 15px 0; margin: 0 0 15px 0; float: left; border-bottom: 1px solid #DDD; }
		#newslist li.last { padding: 0; margin: 0; border: 0; }

		#newslist li div.image .thumb-container { float: right; width: 20%; }
		#newslist li div.info { padding: 0; margin: 0; float: left; width: 75%; }
		#newslist li div.infofull { padding: 0; margin: 0; float: left; width: 100%; }

		#newslist li h2 { padding: 0; margin: 0; }
			#newslist li h2 a { color: #000; }
		#newslist li p.date { padding: 0 0 5px 0; margin: 0; font-size: 10px; color: #888; }
			#newslist li p.date a { color: #888; }
		#newslist li p.preamble { padding: 3px 0 0 0; margin: 0; font-size: 16px; }
		#newslist li a { color: #4f4f4f; text-decoration: none; }
			#newslist li a:hover { text-decoration: none; }

div.headerfooterlinkslast { border-top: 1px solid #ddd; padding-top: 10px; margin-top: 15px; }

.multipleImg #newsimages { list-style: none; padding: 0; margin: 25px 0 0 0; width: 20%; float: right; }
	.multipleImg #newsimages li { height: auto; width: 100%; padding: 0; margin: 0 0 10px 0; float: left; background-color: #f5f5f5; }
		.multipleImg #newsimages li a { display: block; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center center; border-radius: 3px; -moz-border-radius: 3px; }
			.multipleImg #newsimages li a img { height: 100%; width: 100%; }
			.multipleImg #newsimages li a:hover img { background: url(/gfx/webbedit/zoom-big.png) center center no-repeat; }

.singleImg { width: 100%; }
	.singleImg #newsimages { list-style: none; padding: 0; margin: 0; }
		.singleImg #newsimages li { }
			.singleImg #newsimages li a { display: block; width: 100%; }
				.singleImg #newsimages li a img { display: block; width: 100%; }

.singlenews { width: 75%; float: left; }
	.singlenews.fullwidth { width: 100%; float: none; }
	.singlenews p.date, .singlenews-long p.date { margin: 0; padding: 0 0 5px 0; color: #888; }
	.singlenews h1, .singlenews-long h1 { margin: 0 0 10px 0; padding: 0; }
	.singlenews h4, .singlenews-long h4 { margin: 0 0 10px 0; padding: 0; color: #222; }
	.singlenews p { }

.share-news { border: 1px solid #eee; background-color: #f8f8f8; padding: 10px 10px 2px 10px; margin: 10px 0; }
	.share-news .media { padding-bottom: 8px; }
.back-to-news-list { padding-top: 10px; width: 75%; float: left; }
	.back-to-news-list a { display: inline-block; padding: 10px 20px; border: 2px solid #175CA8; border-radius: 5px; font-family: "brandon-grotesque", Arial, Sans-serif; font-size: 16px; font-weight: bold; color: #2e2e2e; text-decoration: none; }


@media screen and (max-width: 860px) {
	.multipleImg #newsimages { list-style: none; padding: 0; margin: 0; width: 100%; float: none; }

	#newslist li div.image .thumb-container { width: 100%; padding: 3px; }
	table.headerfooterlinks { font-size: 90%; }

	.singlenews { width: 100%; clear: both; }
	.singleImg { margin: 0 0 20px 0; }

	.back-to-news-list { width: 100%; }
}

@media screen and (max-width: 740px) {
	#newslist li div.info { width: 75%; }
	#newslist li div.image .thumb-container { padding: 3px; }
}

@media screen and (max-width: 620px) {
	#newslist li div.info { width: 100%; }
	#newslist li div.image { display: none; }
	table.headerfooterlinks tr td a { font-size: 90%; text-decoration: none; }
	table.headerfooterlinks tr td select { font-size: 90%; }
}

@media screen and (max-width: 520px) {
}