/*
 * CSS inspired by
 *   Ethan Marcottes at A List Apart
 *   http://alistapart.com/article/responsive-web-design
 *
 *   Zen Habits theme zh2 by Leo Babauta
 *   http://zenhabits.net/theme/
 *
 *   Mozilla Firefox Reader View
 *   https://support.mozilla.org/en-US/kb/firefox-reader-view-clutter-free-web-pages
 *
 *   My Graphical Manual (Min Grafiska Profil)
 *   http://www.pererikstrandberg.se/blog/index.cgi?page=GrafiskProfil
 *
 *   System shock on medium.com, by Marcin Wichary
 *   https://medium.com/@mwichary/system-shock-6b1dc6d6596f
 *
 * Font details: http://www.pererikstrandberg.se/fonts/README.txt
 *
 */


@media all {
    #wp-admin-bar-updates { display: none }

    @font-face {
        font-family: myubuntu;
        src: url("/fonts/Ubuntu-R.ttf");
    }

    @font-face {
        font-family: myubuntumono;
        src: url("/fonts/UbuntuMono-R.ttf");
    }

    @font-face {
        font-family: mynotoserif;
        src: url("/fonts/NotoSerif-Regular.ttf");
    }

    @font-face {
        font-family: mynotosans;
        src: url("/fonts/NotoSans-Regular.ttf");
    }

    body {
        background-color: #fff;
        color: #333;
        padding: .6em;
        font-family: "Noto Sans", "Roboto", "Segoe UI", "San Francisco", "Ariel", "Helvetica Neue", "Lucida Grande", mynotosans, sans-serif;
        margin: 0 auto;
        width: 93.75%;
        max-width: 40em;
        font-size: 1em;
    }

    h1 {
        margin-top: 1.6em;
        font-size: 1.8em;
    }

    h2 { font-size: 1.6em; }
    h3 { font-size: 1.4em; }
    h4 { font-size: 1.3em; }
    h5 { font-size: 1.2em; }
    h6 { font-size: 1.1em; }
    h7 { font-size: 1.0em; }

    img {
        max-width: 100%;
        margin: 5px;
        border: 1px solid #bbb;
    }

    p {
        margin: .7em 0 1em 0;
        font-size: 1.0em;
    }

    a:link {
        color : #3333ff;
        text-decoration : none;
    }

    a:visited {
        color : #3333ff;
        text-decoration : none;
    }

    a:active {
        color : #3333ff;
        text-decoration : none;
        background: #ccccff;
    }

    a:hover {
        color : #3333ee;
        background: #ccccff;
    }

    pre {
        font-size: 0.9em;
        padding: 0.2em;
        margin-left: 2em;
        background-color: #ffffcc;
        color: #333333;
        font-family: "Ubuntu Mono",ubuntumono,myubuntumono,monospace,mono,sans-serif;
    }

    hr {
        margin: 1.5em;
        border-style: solid;
        margin-left: auto;
        margin-right: auto;
        color: #bbb;
        border-width: 1px 1px 0px
    }

    #top {
        margin: 0 auto;
        max-width: 750px;
        white-space : nowrap;
        width: 93.75%;
        margin: 0;
    }

    #topleft {
        float: left;
        margin: 0;
    }

    #topright {
        float: right;
        margin: 0;
    }

    #content {
        clear: both;
    }

    #bottomleft {
        float: left;
        margin: 0em;
    }

    #bottomright {
        float: left;
        margin: 0em;
    }

    #footer {
        font-size: 0.75em;
        color: #666;
    }

    #footer ul {
        padding:0;
        margin:0;
        list-style: none;
    }

}