/* font */

body {
    font-family: 'Spectral', serif; 
    font-size: 1em;
    font-weight: 400;
    line-height: 1.2em;
}

sup {
    font-size: 0.7em;
}

.authordate {
    font-size: 0.8em;
}

#content p {
    text-align: left;
    margin-top: 8px;
    margin-bottom: 8px;
}

code {
    font-size: 1.2em;
}

/* layout */

#wrapper {
    width:  860px;
    margin: 0 auto;
}
#header h2 {
    line-height: 30px;
}

#header  {
    float: left; 
    padding-right: 30px;
    text-align: right;
}

#content h1 {
    margin-bottom: 0px;
    font-size: 1.6em;
}

.authordate {
    margin-top: 0;
    padding-top: 0;
    padding-left: 1em;
}

#content h3 {
    margin-bottom: 8px;
    margin-top: 20px;
}

ul { 
    list-style-type: square;
}

a, a:visited, a:active, a:hover {
    color: #50A;
    font-weight: 600;
    text-decoration: none;
}

a:hover {
    color: #83F;
}

a#sitename, a:visited#sitename, a:active#sitename, a:hover#sitename {
    color: #000;
    text-decoration: none;
}

a:hover#sitename {
    color: #60C;
}

#content {
    width: 500px;
    height: 95%;
    margin: 10px auto;
    padding: 30px;
}

.twitter-tweet {
    margin: 0 auto;
}

pre {
    margin-left: 30px;
}
p code {
    margin-left: 3px;
    margin-right: 3px;
}

#header{
    font-size: 1.1em;
}
#sitename {
    font-weight: bold;
    font-size: 1.1em;
}


.footnotes hr { display: none;  }
.footnotes:before {
    content: "Footnotes:";
    font-size: 16px;
}
.footnotes li p { display: inline; }
.footnotes { font-size: 16px; }

li { padding-top: 2px; padding-bottom: 2px; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.pagenav { padding-top: 0px; }

.post { padding-bottom: 100px; }

#content { background-color: #fff;}
body { background-color: #f8f8f8; }