/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *   news list
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#container-list {
	margin-top: 10px;
}
.a-news:hover {
	text-decoration-line: none;
}
.news-item {
	padding: 5px 0;
}
.news-item:hover {
	background-color: #f0f0f0;
}
.news-date {
	color: #666666;
	font-size: smaller;
}
/* ---------------------------------- */
@media screen and (max-width: 590px) {
	#container-list {
		margin-top: 0;
		border-top: 3px solid #dddddd;
	}
	.news-item {
		padding: 10px 0;
		border-bottom: 3px solid #dddddd;
	}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *   list stats
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#list-stats {
	margin: 10px 0 30px 0;
	color: #777777;
	text-align: right;
}
@media screen and (min-width: 591px) {
	#list-stats {
		padding-top: 5px;
		font-size: 17px;
		border-top: 1px solid #aaaaaa;
	}
}
@media screen and (max-width: 590px) {
	#list-stats {
		font-size: smaller;
	}
}