/*
Theme Name: Simply v5
Theme URI: http://simplyjonathan.com/
Description: Wonderful
Version: 0.5.0 (20100120)
Author: Jonathan Holst
Author URI: http://holst.biz/

    This is the design for Simply Jonathan, Jonathan Holst's blog. It came
    about in January 2010.
    
    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;
}

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;
}

#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 h2, .post .content {
        margin-left: 335px;
    }
    
    .post h2 {
        font-size: 1.2em;
        text-shadow: rgb(220, 220, 220) 0.1em 0.1em;
    }
    
        .post h2 a {
            text-decoration: none;
        }
    
    .post .meta {
        float: left;
        width: 300px;
    }
    
        .post .meta p {
            text-shadow: none;
        }

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

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