.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;
}

.categoryarticlesmain .articleswrap h3 {color:#333; padding:18px 0 18px;}
.categoryarticlesmain .articleswrap p.artintro {margin:25px 0 14px;}
.categoryarticlesmain .articleswrap .statswrap {float:left;border-bottom:6px solid;}
.categoryarticlesmain .articleswrap.statswrap p.artdate {float:left;}
.categoryarticlesmain .articleswrap .statswrap p.artcomm {float:right; text-align:right;}
.categoryarticlesmain .articleswrap {text-align:left;/*padding:12px 100px 12px 2px;*/margin-top:-71px;margin-left:6px;position:absolute;}
.categoryarticlesmain .articlebutton {padding:10px 24px; /*font-weight:bold;*/ background:#333; color:#fff;display:inline-block;}

img:hover.desaturate {
    filter: gray;
/* IE6-9 */
    filter: grayscale(1);
/* Firefox 35+ */
    -webkit-filter: grayscale(1);
/* Google Chrome, Safari 6+ & Opera 15+ */
}
img.desaturate {
    -webkit-filter: none;
    filter: none;
}
/*@media(max-width:1024px) {
img.desaturate {
    -webkit-filter: none;
    filter: none;
}
}*/

@media (max-width: 1023px) {
.categoryarticlesmain .firstcol, .categoryarticlesmain .centercol, .categoryarticlesmain .lastcol, .categoryarticlesmain .singlecol {width:33.3%!important;/*float:none!important;*/}
.categoryarticlesmain .articleswrap {/*margin-bottom:0!important;padding:20px!important;*/}
.categoryarticlesmain .articleswrap h3 {/*padding-top:0!important;*/}
}

@media (max-width: 799px) {
.categoryarticlesmain .firstcol, .categoryarticlesmain .centercol, .categoryarticlesmain .lastcol, .categoryarticlesmain .singlecol {width:50%!important;/*float:none!important;*/}
.categoryarticlesmain .articleswrap {/*margin-bottom:0!important;padding:20px!important;*/}
.categoryarticlesmain .articleswrap h3 {/*padding-top:0!important;*/}
}

@media (max-width: 510px) {
.categoryarticlesmain .firstcol, .categoryarticlesmain .centercol, .categoryarticlesmain .lastcol, .categoryarticlesmain .singlecol {width:100%!important; float:none!important;}
.categoryarticlesmain .articleswrap {/*margin-bottom:0!important;padding:20px!important;*/}
.categoryarticlesmain .articleswrap h3 {/*padding-top:0!important;*/}
}