.legend {
font-size:12px;
font-weight:bold;
color:#333333;
background-color:#e0e0e0;
padding:2px 5px 2px 2px;
border-bottom:1px solid #333333;
}

.tag {
padding:2px;
font-size:10px;font-family:Arial;color:#333333;background-color:#f9f9f9;
border-bottom:1px solid #333333;
}

.articlesmain {width: 63.81196581196582%; float:left; margin-left:0;}
.articlesmore {width: 31.623931623931625%; float:left; margin-left:4.564102564102564%;}
.articlemain {background:#fff; padding:30px; margin-bottom:40px;}
.articlemain p.artcap {padding-bottom:16px; text-transform:uppercase; border-bottom:2px solid; letter-spacing:0.5px; line-height: 1;}
.articlemain img {max-width: 100%; min-width: 1%; width: 100%;}
.articlemain h3 {color:#333; padding:18px 0 18px; border-bottom:6px solid #333;letter-spacing: -0.5px; line-height: 1;}
.articlemain p.artintro {margin:21px 0 10px;}
.articlemain .statswrap {float:left;border-bottom:6px solid;}
.statswrap p.artdate {float:left;}
.statswrap p.artcomm {float:right; text-align:right;}



/*
.articlemain:hover {background:#161616;}
.articlemain:hover p.artcap, .articlemain:hover h3, .articlemain:hover p.artintro, .articlemain:hover p.artdate, .articlemain:hover p.artcomm {color:#fff;}
*/

@media(max-width:1140px){
.articlesmain {width: 48.717948717948715%!important;}
.articlesmore {width: 48.717948717948715%!important; margin-left: 2.564102564102564%!important;}
}
@media(max-width:900px){
.articlesmain {width: 63.81196581196582%!important;}
.articlesmore {width: 33.623931623931625%!important; margin-left:2.564102564102564%!important;}
.articlemain {background:#fff; padding:20px; margin-bottom:20px;}
}
@media(max-width:760px){
.articlesmain {width: 48.717948717948715%!important;}
.articlesmore {width: 48.717948717948715%!important;}	
}
@media(max-width:560px){
.articlesmain {width: 100%!important; margin-bottom:2.5%!important}
.articlesmore {width: 100%!important; margin-left:0!important;}
.articlemain {margin-bottom:2.5%!important}
.lastrow .articlemain {margin-bottom:0!important;}	
}