body {
    margin: 1em auto;
    max-width: 40em;
    padding: 0.62em;
    font-size: 1.2em;
    line-height: 1.62em;
    font-family: serif;
}

h1,h2,h3 {
    line-height: 1.2em;
    font-family: sans-serif;
}

@media print {
    body{
        max-width: none;
    }
}

nav ul {
    list-style-type: none;
    text-align: center;
}

nav ul li {
    display: inline;
    padding-left: 1em;
    padding-right: 1em;
}

footer ul {
    list-style-type: none;
    text-align: center;
}

footer ul li {
    display: inline;
    padding-left: 1em;
    padding-right: 1em;
}

.page-list {
    list-style-type: none;
    list-style-position: outside;
    padding-left: 0;
}

#blog-title {
    text-align: center
}

.caption {
    font-style: italic;
    font-size: 0.8em;
    line-height: 1.62em;
    margin-top: 0; /* avoid having too much space between the image and the caption */
}

img {
    max-width: 100%;