/*<deltas>*/
#content {/*outline:1px dotted gray;*/padding:0;margin:0;}
#page {background:none;}

#content h2 {margin-top:1em;}
/*</deltas>*/

#content .vuw-article-preview h3,
#content .vuw-article-preview .vuw-data-date {font-family: Arial; color:#000; margin:0.2em 0;}
#content #showcase-listing .vuw-article-preview h3 {color: #333; font-size: 1.1em;}
#content .vuw-hero h3 {font-size: 1.1em; color:#fff; margin:0;}
#content .vuw-data-date {color:#333;}
#content .vuw-hero .vuw-data-date {color:#fff; margin:0;}

/*950px wide w 182px cols & 10px gutters*/
 .grid {
    width:950px;
    margin:0 auto;
    padding:0;
}
.col {
    float:left;
    display:block;
    margin-bottom:10px;
}
.col+.col {
    margin-left:10px;
}
.col.break {
    margin-left:0;
    clear:left;
}

.x1 {
    /*width:19.157%;*/
    width:182px;
}
.x2 {
    /*width:39.368%;*/
    width:374px;
}
.x3 {
    /*width:59.578%;*/
    width:566px;
}
.x4 {
    /*width:79.789%;*/
    width:758px;
}
.x5 {
    /*width:100%;*/
    width:950px;
}

.vuw-article-preview {
    position:relative;
    margin-top:10px;
    display: block;
    text-decoration: none;
    overflow:hidden; /*1: fake thumbnail trimming; 2 (bonus): prevent margin collapsing on .vuw-article-preview and its last p child*/
}
.vuw-article-preview+.vuw-article-preview{
    margin-top: 10px;
}

.vuw-article-preview h3 {
    font-weight: bold;
    margin:0;
}
.vuw-article-preview>.vuw-thumbnail {
    float:left;
    margin: -2px 0;/*some magic until/instead of triggers set up: crop 2px off top and bottom on thumbnails */
}
.vuw-article-preview.vuw-hero>.vuw-thumbnail {
    float:none;
    display:block;
}

.vuw-article-preview>.vuw-content {
    padding-left:192px; /*182px thumbnail width + 10px spacing*/
}

.vuw-article-preview.vuw-hero>.vuw-content {
    position:absolute;
    /*bottom:3%;*/
    bottom:10px;
    left:0;
    /*background:rgba(0,0,0,0.8);*/
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGklEQVQ4y2NkYGA4w0ABYBw1YNSAUQOGiwEAeY0M0RP3n4AAAAAASUVORK5CYII=);
    color:#fff;
    padding:10px;
}
.vuw-data-date {
    font-weight: bolder;
    margin:0;
}
#content .vuw-data-tags { /*:(*/
    color: #8e8e8e;
    font-family: Arial;
}



/* <clearfix src="http://stackoverflow.com/a/1633170/1081234"> */

/* For modern browsers */
 .cf:before, .cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}    
/* For IE 6/7 (trigger hasLayout) */
 .cf {
    zoom:1;
}
/* </clearfix> */

#page.showcase {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.showcase #section-content.showcase-content {
    width:950px;
}
.showcase #section-content.showcase-content #content-wrap {
    width:950px;
}
.showcase #section-content.showcase-content #content {
    margin: 0 0 0 194px;
    padding: 10px 0 22px 11px;
}
.showcase #section-content.showcase-content #content .vuw-banner {
    padding-bottom: 20px;
}
.showcase #section-content.showcase-content #content h2 {
    overflow: hidden;
}
.showcase #section-content.showcase-content #content .category-promo {
    background: none repeat scroll 0 0 #DEDEDE;
    border-bottom: 2px solid #B5B5B5;
    display: block;
    float: right;
    margin: 10px 0 20px 15px;
    padding: 15px;
    width: 170px;
}
.showcase #section-content.showcase-content #content .category-promo p {
    font-size: .8em;
}
#content .vuw-article-preview.vuw-article-featured3 .vuw-data-date {
    color: #FFFFFF;
}

#content .vuw-article-preview.vuw-article-featured3 h3 {
    color: #FFFFFF;
    font-size: 1.1em;
    margin: 10px 5px 5px 0;
}
.vuw-article-preview.vuw-article-featured3 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGklEQVQ4y2NkYGA4w0ABYBw1YNSAUQOGiwEAeY0M0RP3n4AAAAAASUVORK5CYII=);
}

#showcase-listing {
    clear: both;
    margin: 0 -10px;
    overflow: hidden;
    width: 970px;
}
#showcase-listing.x4 {
    width: 766px;
}
#showcase-listing .vuw-article-preview {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    width: 300px;
}
#showcase-listing.x4 .vuw-article-preview {
    width: 232px;
}
#showcase-listing h2, #featured-listing h2 {
    padding: 0 20px;
    font-family: arial;
    font-weight: bold;
    border: none;
    margin-bottom: 0;
}
#featured-listing h2 {
    padding: 0 10px;
}
#showcase-listing .vuw-content {
    padding: 0 0 10px 0;
    clear: both;
}
#showcase-listing .vuw-article-preview a {
    text-decoration: none;
}
#showcase-listing .vuw-article-preview a:hover {
    text-decoration: underline;
}
#showcase-listing img {
    width: 100%;
}
.showcase #content .vuw-data-tags {
    background: #EBEBEB;
    color: #333333;
    display: inline-block;
    font-family: Arial;
    font-size: 0.8em;
    margin: 3px 0;
    padding: 5px 8px;
    text-decoration: none;
    white-space: nowrap;
}
.showcase #content .vuw-data-tags:hover {
    text-decoration: underline;
}
.showcase #content .published-date {
    padding-top: 20px;
}