html {
    margin: 0;
    padding: 0;
}
body {
    background: #fff;
    font-family: "Oepn Sans", sans-serif;
    margin: 0 auto;
    text-align: center;
}

p {
    width: 600px;
    padding-top: 20px;
    margin: 0 auto;
    text-align: justify;
}

#image-list {
    /* the list needs to have a fixed width */
    width: 300px;
    list-style-type: none;
    border: #888 1px solid;

    /* this is just to center it horizontally */
    margin: 0 auto;
}

#image-list:hover {
    border-color: #333;
}

#image-list li {
    /* none of this is really needed, but it makes everything look nicer even if javascript is off */
    display: inline-block;
    vertical-align: middle;
    padding: 4px 8px;
}