/** FULL LIST **/
.news-article-wrapper { display: inline-block; width: 96%; clear: both; padding: 20px 2%; margin-bottom: 20px; }
.news-article-wrapper .news-article-image { width: 200px; }
.news-article-odd-wrapper .news-article-image { float: left; }
.news-article-even-wrapper .news-article-image { float: right; }
.news-article-wrapper .news-article-text-wrapper { width: 70%; }
.news-article-odd-wrapper .news-article-text-wrapper { float: right; }
.news-article-even-wrapper .news-article-text-wrapper { float: left; }
.news-article-wrapper .news-article-date { padding-bottom: 10px; }
.news-article-wrapper { border-bottom: 1px dotted #CCCCCC; }
.news-article-wrapper .news-article-image { background-color: #EFEFEF; border: 5px solid #FFFFFF; -moz-box-shadow: 0px 0px 20px 0px #DFDFDF; -webkit-box-shadow: 0px 0px 20px 0px #DFDFDF;  box-shadow: 0px 0px 20px 0px #DFDFDF; }
.news-article-wrapper .news-article-image img	{ max-width:100%; }
.news-article-wrapper .news-article-date { color: #AAAAAA; border-bottom: 1px dotted #CCCCCC; }
.news-article-wrapper .news-article-text-wrapper ul li { color: #DE1E39; }
.news-article-wrapper .news-article-text-wrapper ul li span { color: #666666; }

/** SELECTION **/
.latest-news-wrapper { display: inline-block; width: 100%; clear: both; margin: 30px 0px 30px 0px; padding-bottom: 30px; }
.latest-news-wrapper .latest-news-header { padding-bottom: 10px; margin-bottom: 10px; }
.latest-news-wrapper .latest-news-header h1 { display:block; width: 49%; float:left; }
.latest-news-wrapper .latest-news-header a { display:block; float:right; width:180px; text-align:right;  padding-top:20px; }
.latest-news-wrapper .latest-news-post { float: left; width: 30%; padding: 0px; margin: 20px 0px 0px 0px; }
.latest-news-wrapper .latest-news-image { float: left; width: 80px; height: 80px; text-align: center; }
.latest-news-wrapper .latest-news-image img { width: 100%; max-width: 200px; }
.latest-news-wrapper .latest-news-text-wrapper { float: right; width: 65%; padding: 0px; }
.latest-news-wrapper .latest-news-title { display: block; width: 100%; clear: both; font-size: 1.1em; }
.latest-news-wrapper .latest-news-text { display: block; width: 100%; clear: both; font-size: 0.8em; padding: 10px 0px; }
.latest-news-wrapper .latest-news-link { font-size: 0.8em; 	cursor: pointer; }
.latest-news-wrapper .latest-news-gutter { float: left; width: 3%; height: 20px; }
.latest-news-wrapper, .latest-news-wrapper .latest-news-header { border-bottom: 1px dotted #DDDDDD; }
.latest-news-wrapper .latest-news-post { color: #666666; border: 5px solid #FFFFFF; }
.latest-news-wrapper .latest-news-image img { border:1px solid #CCCCCC; }
.latest-news-post:hover .latest-news-image img { border:1px solid #AAAAAA; }
.latest-news-wrapper .latest-news-text-wrapper { color: #999999; }
.latest-news-wrapper .latest-news-link { color: #C30202; }
.latest-news-wrapper .latest-news-link:hover { color: #002657; }


/** POST PAGE **/
.blog-post-detail			{ margin-bottom:20px; padding-bottom:20px; }

.pub-back-to-list a			{ color:#DE1E39; }
.pub-back-to-list a:hover	{ color:#FFFFFF; }
.blog-post-detail			{ border-bottom:1px dotted #CCCCCC; }




/** RESPONSIVE **/

@media screen and (max-width:970px) {
	.r .latest-news-gutter { width: 2.3%; }
}

 @media screen and (max-width:945px) {
	.latest-news-wrapper .latest-news-text-wrapper { width: 60%; }
}

 @media screen and (max-width:880px) {
	.r .latest-news-post { width: 30.5%; }
}
 @media screen and (max-width:865px) {
	.r .latest-news-gutter { width: 1.4%; }
}
 @media screen and (max-width:810px) {
.r .news-article-wrapper .news-article-text-wrapper { width: 65%; }
}
 @media screen and (max-width:810px) {
.latest-news-wrapper .latest-news-text-wrapper { width: 55%; }
}

@media screen and (max-width:720px) {
 	.r .latest-news-post { width: 100%; }
	.r .latest-news-wrapper .latest-news-text-wrapper { width: 80%; }
	.r .latest-news-gutter { height: 1px; }
	.r .news-article-wrapper .news-article-text-wrapper { width: 60%; }
}

@media screen and (max-width:610px) {
	.r .news-article-wrapper .news-article-text-wrapper { width: 55%; }
}

@media screen and (max-width:600px) {
 	.latest-news-wrapper .latest-news-text-wrapper { width: 55%; }
}

@media screen and (max-width:550px) {
	.r .news-article-wrapper .news-article-text-wrapper { width: 50%; }
}

@media screen and (max-width:520px) {
	.r .latest-news-wrapper .latest-news-text-wrapper { width: 70%; }
}

@media screen and (max-width:490px) {
	.news-article-wrapper .news-article-image { float: none; display: block; margin: 10px auto;}
	.r .news-article-wrapper .news-article-text-wrapper { float: none; display: block; width: 100%; clear: both; margin: 10px auto; }
}

@media screen and (max-width:410px) {
	.latest-news-wrapper .latest-news-header h1 { width: 100%; clear: both; text-align: left; }
	.latest-news-wrapper .latest-news-header a { width: 100%; clear: both; text-align: left; }
}

@media screen and (max-width:345px) {
	.r .latest-news-wrapper .latest-news-text-wrapper { width: 65%; }
}

@media screen and (max-width:290px) {
	.r .latest-news-wrapper .latest-news-text-wrapper { width: 60%; }
}