.media {
    margin-top: 0;
    border: 1px solid #F1F1F1;
    transition: all 0.3s ease;
    margin-bottom: 10px;
    position: relative;
}
.media:hover {
    -webkit-box-shadow: 3px 3px 14px -4px rgba(156,156,156,1);
    -moz-box-shadow: 3px 3px 14px -4px rgba(156,156,156,1);
    box-shadow: 3px 3px 14px -4px rgba(156,156,156,1);
}

.media-body {
    padding-right: 10px;
    padding-left: 10px;
}

.media-body:hover {
    cursor: pointer;
}

.media-date {
    margin-top: 10px;
    text-align: left;
    font-size: smaller;
    color: #a4a4a4;
    position: absolute;
    left:0;
    bottom: 0;
    padding: 10px;
}