body {
    background-color:  #EEE !important;
}

.frame {
    height: 470px;
    padding: 0;
}

.frame .slidee {
    margin: 0;
    padding: 0;
    height: 100%;
}

.frame .slidee .item {
    float: left;
    margin: 10px 50px;
    padding: 30px;
    width: 800px;
    height: 100%;
}

.archive .header {
    background-color: #333;
    color: #DDD;
    padding: 15px;
}

.archive .indicator {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 10px solid #333;
    margin-bottom: 10px;
}

.archive .header h2 {
    margin-bottom: 0;
}

.archive a.control {
    color: #BBB;
}
.archive a.control:hover {
    color: #DDD;
}

.archive .item {
    background: #FEFEFE;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.archive .summary {
    margin-top: 20px;
}

.archive h1,
.archive h2,
.archive h3,
.archive h4 {
    margin-top: 0;
}