@font-face {
    font-family: "Edgrip Bold";
    src: url("http://blog.arty.name/static/css/Edrip-Bold.ttf") format("truetype");
}

@media screen {

    html, body {
        font-family: Georgia, serif;
        font-size: 18px;
    }

    body {
        position: relative;
        max-width: 35em;
        margin: auto;
        margin-top: 3em;
    }

    body > nav.main {
        position: absolute;
        top: -3em;
    }

    body > nav.main > ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    body > nav.main > ul > li {
        padding-right: 2em;
        display: inline;
    }

    a {
        color: #269;
    }

    a:visited {
        color: #551A8B;
    }

    h1, h2, h3, h4 {
        font-family: "Edgrip Bold", sans-serif;
        font-weight: normal;
        letter-spacing: -2px;
    }

    h1 {
        line-height: 1em;
    }

    h2 {
        line-height: 1.2em;
    }

    p {
        margin: .7em 0;
    }

    article {
        display: block;
    }

    body > article {
        margin-bottom: 2em;
    }

    p.meta{
        text-align: right;
        font-style: italic;
    }

    ul.tags {
        list-style: circle;
    }

    ul.years, ul.months, ul.entries {
        list-style: none;
    }

    input[type=submit], input[type=text] {
        border: 1px solid gray;
        padding: .3em .5em;
    }

    input.openid, p.openid {
        background: #FFFFFF url(/static/css/openid.gif) no-repeat scroll 2px 50%;
        padding-left: 18px;
    }

    q:before {
        content: '«';
    }

    q:after {
        content: '»';
    }

    pre {
        overflow: visible;
        font-size: 80%;
    }

    address {
        display: inline;
    }
    
    body > nav {
        font-family: sans-serif;
        margin-top: 0.5em;
    }
    
    body > nav > a[rel='prev'] { 
        float: left;
    }

    body > nav > a[rel='next'] { 
        float: right;
    }

}

@media print {

    a {
        color: inherit;
        text-decoration: none;
    }

    h1, h2, h3, h4 {
        font-family: "Edgrip Bold", sans-serif;
    }

    header, pre, code {
        page-break-inside: avoid;
    }

    body > article > p:last-child {
        margin-bottom: 3em;
    }

    body > article p.meta {
        font-style: italic;
        text-align: right;
    }

    body > article > p > a[href]:after {
        content: ' (' attr(href) ')';
        text-decoration: none;
    }

    #postcomment, nav {
        display: none;
    }

}