/**
 * file:        all.css
 * author:      Guilherme Vieira
 * date:        29 June 2015
 * description:
 **/

/** Reset the browsers' default styles **/
html, body, div, p, blockquote, fieldset,
h1, h2, h3, h4, h5, h6, ul, ol, dl,
header, footer, main, article {
    margin: 0;
    padding: 0;
}

body {
    font-family: "CMU Serif", Trebuchet MS, sans-serif;
    font-size: 20px;
    background-color: #fafafa;
    color: #444;
}

a {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Avenir Next", "Pragma Sans", Trebuchet MS, sans-serif;
    font-weight: normal;
}

h1 {
    font-size: 2.0em;
    line-height: 1.2em;
}

h2 {
    font-size: 1.6em;
    line-height: 1em;
}

p {
    font-size: 1em;
    line-height: 1.3em;
    letter-spacing: 0.04em;
    margin: 1.3em 0;
}

p.postMetaData {
    font-size: 0.7em;
    text-align: right;
}

q {
    font-style: italic;
}

q:before { content: normal; }

article,
address {
    width: 60%;
    margin: 150px 30% 0 10%;
}

address {
    font-style: normal;
    font-size: 0.6em;
}

.alignRight {
    text-align: right;
}

@media all and (max-width: 600px) {
    article,
    address {
        width: 80%;
        margin: 100px 10% 0 10%;
    }
}

@media all and (max-width: 400px) {
    article {
        width: 90%;
        margin: 50px 5% 0 5%;
    }
}