/* FRENDS
/* ------------------------------------------------ */

.table {
    border-collapse: separate;
    border-spacing: 22px;
    display: table;
    margin: -22px;
    table-layout: fixed;
    }

.table-row {
    display: table-row;
    }

.table-cell {
    background: #F2F2F2;
    color: #333;
    display: table-cell;
    text-decoration: none;
    width: 275px;
    }

.table-cell span.image {
    display: block;
    height: 275px;
    border-bottom: 22px solid #FFF;
    }

.table-cell span.text {
    display: block;
    padding: 10px 20px;
    text-align: center;
    height: 100%;
    }

.table-cell:hover {
    background: #FFEC00;
    color: #333;
    text-decoration: none;
    }

.table-cell:hover img {
    filter: alpha(opacity=50);
    opacity: 0.5;
    }