body {
    font-size: 100%;
    line-height: 1.125em; /* 18px */
    font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
}

/* iphone */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    img { max-width: 100%; }
}

/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    img { max-width: 100%; }
}

@media print {
    img { max-width: 100%; }
}

section,footer,nav {
    border-top: 1px solid #333;
}

figure {
    position: relative;
    margin: 1.5em 0;
    border-top: 1px dotted #333;
}

figure img {
    margin: .75em auto;
}

#cheatsheets figure img {
    max-width: 600px;
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
}
#cheatsheets figure figcaption {
    max-width: 600px;
    width: 100%;
    overflow: auto;
}