/* Establish a 2 pt leading, a typographic scale, a measure of 30
 * characters, and a consistent vertical rythm / baseline grid. */

html, body {
    font-size: 100%; /* Default font size is 16px */
    line-height: 1.125em; /* 18px / 16px = 1.125 */
    margin-bottom: 1.125em;
}

h1 {
    font-size: 3em; /* 48px / 16px = 3 */
    line-height: 0.4375em; /* 21px / 48px = 0.4375 */
    margin-bottom: 0.4375em;
}

h2 {
    font-size: 2.25em; /* 36px / 16px = 2.25 */
    line-height: 0.5834em; /* 21px / 36px = 0.5834 */
    margin-bottom: 0.5834em;
}

h3 {
    font-size: 1.5em; /* 24px / 16px = 1.5 */
    line-height: 0.875em; /* 21px / 24px = 0.875 */
    margin-bottom: 0.875em;
}

h4 {
    font-size: 1.167em; /* 21px / 16px = 1.167 */
    line-height: 1em; /* 21px / 21px = 1 */
    margin-bottom: 1em;
}

h5 {
    font-size: 1.125em; /* 18px / 16px = 1.125 */
    line-height: 1.167em; /* 21px / 18px = 1.167 */
    margin-bottom: 1.167em;
}

h6 {
    font-size: 1em; /* 16px / 16px = 1 */
    line-height: 1.3125em; /* 21px / 16px = 1.3125 */
    margin-bottom: 1.3125em;
}

p {
    font-size: 0.875em; /* 14px / 16px = 0.875 */
    line-height: 1.5em; /* 21px / 14px = 1.5 */
    margin-bottom: 1.5em; /* Maintain vertical rythm */
}

em {
    font-style: italic;
}

strong {
    font-weight: bolder;
}

div.terminator {
    clear: both;
}

a img , a:active, a:focus {
    outline: none;
}