#rel-articles-txt {
	font-weight:bold; font-size:1em; color:#6D6D71; font-family:Arial,Helvetica,sans-serif;
}
.the-article, .section, .figure { display: block; }
.related-articles a, .related-articles span, .related-articles img { border:none; }
.related-articles span, .related-articles strong, .related-articles .date { cursor:pointer; }
.related-articles .date {
	width:28px; height: 28px; position: absolute; top:0; right:0; background: #000000; color: #FFFFFF;
	text-transform:uppercase; font-size:11px; line-height:14px; font-weight:normal; text-align:center;
}
.related-articles .date span {
	font-size:9px; line-height:16px; display: block; color: #FFFFFF; margin-bottom:-4px; display:block !important;
}
.related-articles .article:hover .date {
	background:#00AFEF; color: #FFFF00;
}
.related-articles .article:hover .date span { color: #FFFFFF; }

.related-articles {
	height: 1%; overflow: hidden; font-size:12px; line-height:14px;
}
* +html .related-articles { padding-bottom:21px; }
.related-articles .article {
	width:200px; height:190px; overflow:hidden; float: left; position:relative; margin:5px 3px 5px 0 !important;
}
.related-articles .article:hover { text-decoration:none; }
.related-articles img {
	display: block; background-size: cover; background-repeat: no-repeat; background-position: center;
}
.related-articles .block {
	width: 100%; position: absolute; left:0; bottom:0; color:#FFFFFF;
}
.related-articles .entry-title, .related-articles .entry-content, .related-articles .more { display: block; }
.related-articles .entry-content { padding-bottom: 1px; }
.related-articles .short-view .entry-title { color:#FFFF00; }
.related-articles .short-view, .related-articles .full-view {
	position: static; top: auto; min-height: 27px; display: block; background: #30859B; padding:7px 11px 9px 9px;
}
.related-articles .full-view {
	background: #00AFEF; padding:7px 9px 9px; position: absolute; top:-9999px; left:auto;
}
.related-articles .article:hover .full-view {
	position: static; top: auto;
}
.related-articles .article:hover .short-view {
	position: absolute; top:-9999px; left:auto;
}
/*.related-articles .short-view .entry-title { font-weight:normal; }*/
.related-articles .full-view .entry-title, .related-articles .more { color: #FFFF00; }
.related-articles .article:hover .full-view .entry-title, .related-articles .article:hover .more { color: #FFFF44; }
.related-articles .more span { font-size:15px; }
/*.related-articles .more { background:url(../images/sprite-icons.png) no-repeat -99px -287px; }*/
.related-articles .comments, .related-articles .comments_new {
	position: absolute; bottom:8px; right:10px; font-size:11px; line-height:14px; color:#DEDEDE; padding-left:13px; font-weight:bold;
}
.related-articles .comments {
	background:url(../images/sprite-icons.png) no-repeat -198px -257px;
}
.related-articles .article:hover .comments, .related-articles .article:hover .comments_new { color: #FFFFFF; }
.related-articles .article:hover .comments {
	/*background-position: -440px -27px;*/
	background-position: -198px -257px;
}

/* downstate for related articles */
.related-articles .pressed .full-view .entry-title,
.related-articles .pressed .full-view .entry-content,
.related-articles .pressed .full-view .more { text-decoration:underline; }

.related-articles .pressed .full-view,
.related-articles .pressed .date { background:#17424D !important; }

.related-articles .pressed .full-view .entry-title,
.related-articles .pressed .date,
.related-articles .pressed .full-view .more { color:#FFFF00 !important; }

.related-articles .pressed .full-view .entry-content { color:#FFFFFF !important; }