/*   
Theme Name: Dogma
Theme URI: http://maartenpkappert.nl/dogma/
Description: An extremely minimalist theme, following all ground rules of the minimalist web design 'dogma'. It is designed for lengthier, text-driven articles. The theme keeps every design aspect to a minimum: 1 single page design for every page, with the archive and links to other pages ever present; 1 column; 1 typeface in 1 color, 1 size and 2 weights; No 'homepage' in the classic sense; No header; No footer; No logo; No search functionality; No date mentions; No author name; No commenting; No separate archive page... Just the articles.
Author: Maarten P. Kappert, Leendert Ullersma
Author URI: http://maartenpkappert.nl/dogma/
Tags: light, white, one-column
This theme is uncopyrighted, free, and offered as is.

.38.5
*/

body {
    width: 46.5em;
    margin: 0 0 40px 80px;
    font: 14px/1.6em Circular, Georgia, serif;
}

h1 {
    margin: 80px 0 1.4em 0;
    font: 15px/1.6em Circular, Georgia, serif;
    font-size: 1em;
    font-weight: bold;
}

h2 {
    margin: 0 0 1.4em 0;
    font-size: 1em;
    font-weight: bold;
}

h3 {
    margin: 120px 0 1.4em 0;
    font-size: 1em;
    font-weight: bold;
}

h4 {
    margin: 120px 0 1.4em 0;
    font-size: 1em;
    font-weight: bold;
}

p {
    margin: 0 0 1.4em 0
}

a {
    color: #000;
    border-bottom: 1px solid #000;
    text-decoration: none;
}

a.no-border {
    border-bottom: 0;
}

a.marklet {
    border: 1px solid;
    padding: 0 3px 0 3px;
}

.wp-caption-text {
    font-style: italic;
}

ul,
ol {
    margin: 0 0 1.4em 0;
    padding: 0;
    font: 13.5px/1.6em Circular, Georgia, serif;
}

ul {
    margin: 0 0 1.4em 15px;
}

ul li {
    list-style: circle;
    margin: 0
}

ol li {
    list-style: decimal;
    margin: 0;
    list-style-position: inside;
}

ul.l,
ul.f {
    margin-left: 0;
}

ul.l li,
ul.f li {
    list-style: none;
    margin: 0;
    padding: 0
}

blockquote {
    margin: 0;
    font-style: italic;
}

@media (max-width: 650px) {
    body {
        width: 75%;
        margin: 0 0 15% 15%
    }

    h1,
    h2 {
        margin-top: 15%
    }
}

@media (max-width: 480px) {
    body {
        width: 80%;
        margin: 0 0 10% 10%;
        font-size: 14px;
        line-height: 1.7em
    }

    h1,
    h2 {
        margin-top: 10%
    }
}