body {
    background: #f6f6f6;
    color: #222222;
    font-family: helvetica;
    overflow-y: scroll;
}

#countdown {
    padding-top: 4em;
    text-align: center;
    font-size: 24pt;
    color: gray;
}

#container {
    margin: 0 auto;
    width: 560pt;
}

#container h1 {
    font-size: 18pt;
    font-weight: bold;
    padding: 0 4pt 4pt 4pt;
    margin: 0;
}

.mbp-entry {
    font-size: 12pt;
    width: 72pt;
    float: left;
    padding: 4pt;
}

.mbp-entry .title {
    padding-top: 4pt;
    font-style: oblique;
}

.mbp-entry .date {
    font-size: 9pt;
    color: gray;
}

img {
    border: none;
}

.mbp-entry .thumbnail {
    width: 72pt;
    height: 72pt;
    image-rendering: optimizeQuality;
}

.mbp-entry .caption {
    padding-top: 1em;
    font-size: 8pt;
}

.mbp-entry .large {
    display: none;
}

.mbp-entry .small {
    display: inline;
}

br {
    clear: left;
}

#images {
    padding-top: 4pt;
    text-align: center;
}

#images img {
    max-width: 560pt;
}