.media { height: 200px; overflow: hidden; position: relative; border: 1px solid #ebebeb; }
.media img { width: 100%; height: 200px; }
.date { font-style: italic }
.media-wrapper  {
    margin-bottom: 10px !important;
}
.media-wrapper  a{
    color: #0084C8 !important;
}
.media-wrapper a:hover {
    color: #7c7b7b !important;
}

.media-wrapper  p {
    padding: 10px 0;
}

span.roll {
    background:url(../images/mag.png) center center no-repeat #0084C8;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 4px #000;
    -moz-box-shadow: 0px 0px 4px  #000;
    box-shadow: 0px 0px 4px  #000;
    color: #fff;
}

span.vid {
    background:url(../images/vid.png) center center no-repeat #0084C8;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 4px #000;
    -moz-box-shadow: 0px 0px 4px  #000;
    box-shadow: 0px 0px 4px  #000;
    color: #fff;
}

.bread {
    padding-left: 20px;
}