/*
Theme Name: Simply v5 (html5)
Theme URI: http://simplyjonathan.com/
Description: Wonderful – now properly HTML5
Version: 0.5.1 (20100310)
Author: Jonathan Holst
Author URI: http://holst.biz/

    This is the design for Simply Jonathan, Jonathan Holst's blog. It came
    about in March 2010, after being originally made in January of the same 
    year.
    
    If you have any questions, you are welcome to contact me at jonathan at
    holst.biz. I will do my best to answer them as quickly as possible.
    
    ~j
*/

@import url('http://superninja.dk/pub/code/css/reset.css');

body {
    font: normal 1em/1.5 helvetica, arial, sans-serif;
}

a {
    color: rgb(120, 0, 0);
    text-decoration: underline;
}

a:hover {
    color: rgb(100, 0, 0);
}

a:visited {
    color: rgb(140, 0, 0);
}

a:focus {
    outline: 1px dotted rgb(100, 0, 0);
}

p + p, blockquote {
    margin: 0.5em 0;
}

ol {
    list-style: decimal;
}

ul {
    list-style: disc;
}

li ol, li ul {
    margin-left: 1em;
}

blockquote {
    border-top: 1px solid rgb(80, 80, 80);
    border-bottom: 1px solid rgb(80, 80, 80);
    padding-left: 3%;
    color: rgb(80, 0, 0);
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

q {
    quotes: "‘" "’" '“' '”';
}

q:before {
    content: "‘";
}

q:after {
    content:  "’";
}

q ins,
blockquote ins {
    background: #ffc;
    padding: 0 .2%;
    text-decoration: none;
}

h2 {
    font-size: 2em;
    margin-left: 335px;
    width: 500px;
}

/* HTML5 compliance */
article,
header,
section {
    display: block;
}

#about,
.post .meta {
    font-size: 0.8em;
    color: rgb(100, 0, 0);
}

    #about a,
    .post .meta a {
        color: inherit;
    }

#content {
    margin: 0 10px;
    width: 835px;
    float: left;
}

.post {
    margin-bottom: 4em;
}

    .post h1, .post .content {
        margin-left: 335px;
    }
    
    .post h1 {
        font-size: 1.2em;
        text-shadow: rgb(220, 220, 220) 0.1em 0.1em;
    }
    
        .post h1 a {
            text-decoration: none;
        }
    
    .post .meta {
        float: left;
        width: 300px;
    }
    
        .post .meta p {
            text-shadow: none;
        }
    
    .post.link h1 {
        font-size: 1em;
    }

#navigation {
    margin-left: 335px;
    margin-bottom: 2em;
    width: 500px;
    text-align: center;
}

#about {
    float: left;
    width: 200px;
    margin-left: 100px;
}