/* GUIDELINES: geometry first, then spacing, then font, then decor */

/************************************************************/
/* Main blog sheet */
body {
    font-size: 14pt;
}
a { color:rgb(83,78,60); } /* All links grey-ish */
.meta time { 
    font-family:sans-serif; 
    text-indent:1em;
}

/************************************************************/
/* blog header stuff */
#mainhead { 
    width:100%;
    padding-top:2em;
    padding-bottom:0.5em;
}
#mainhead h1 { 
    display:block;
    margin:0.2em auto;
    font:bold 2.5em sans-serif;
    text-align:center;
}
#mainhead h1 a { 
    margin-left:-5em;
    color:rgb(99,99,130);
    text-decoration:none;
}
#mainhead aside { 
    display:block;
    margin:0 auto; margin-bottom: 0.5em;
    padding-left:4em; 
    font-size:1.3em;
    text-align:center;
    color:gray; 
}
#mainhead aside span {
    font-family:sans-serif;
    margin-left: 3em;
}
#mainhead nav { 
    position:relative; left:0em;
    display:block;
    padding:1em;
    background-color:#F5F5F5;
    border-top:6px #DDD solid;
    border-bottom:2px #AAA solid;
}
#mainhead nav ul{ 
    margin:0 auto; padding:0;
    text-align:center;
    list-style-type:none; list-style-image:none;
}
#mainhead nav li{ 
    display:inline;
    margin-right:2em;
}
#mainhead nav a { color:black; }

/* search form - blog */
#search { padding:0; margin:0; margin-left:5em;}
#search * { display:inline; }
#search form div input#s { width:16em; }

/************************************************************/
/* Static pages (project) */
#page-cont {
    width:45em;
    margin:0 auto;
    text-align:center;
}
#page-cont article {
    text-align:left;
}
#page-cont div.entry {
    margin-bottom:1em;
    padding:1em;
    background-color:#F5F5F5;
    border-radius:1em;
}
#page-cont h2 {
    font:bold 1.8em sans-serif;
}
/* special stuff for the project index */
#page-cont h3 {
    font:1.5em sans-serif;
}
#page-cont h4 {
    font:1.3em sans-serif;
}
#page-cont h5 {
    font:1.15em sans-serif;
}
#page-cont .entry-tag {
    display:inline-block;
    margin:0.2em;
    padding:0.5em;
    font-family:sans-serif;
    border-radius:0.5em;
}
.entry-tag-time {
    background-color:#DDD;
}
.entry-tag-hack {
    background-color:#DAA;
}
.entry-tag-event {
    background-color:#ADA;
}
.entry-tag-project { /* meaning seriuz bizness */
    background-color:#AAD;
}
.entry-tag-wip {
   background-color:#ACC;
}
/* project pages/about */
#page-cont p {
   margin:1em;
   line-height:1.2;
   word-spacing:0.1em;
}

/************************************************************/
/* Blog content */
#cont {
    position:relative; left:-5em;
    width:48em;
    margin:0 auto; margin-top:0em;
    line-height:1.3;
}
#cont > section {
    float:right; 
    width:32em; 
}
/* TODO: distinguish h1/h2 when I can */
#cont section h1 {
    margin:0;
    font:bold 1.2em sans-serif;
}
#cont section h2 {
    margin:0;
    font:bold 1.2em sans-serif;
}
#cont section h3 {
    margin:0;
    font:1.1em sans-serif;
}
#cont article { 
    display:block; 
    margin:2em; margin-bottom:3em; 
}
#cont article p {
    margin:0 0 0.5em 0.5em;
    text-indent:-1em;
    color:#111;
    /* letter-spacing:0.05em; word-spacing:0.08em; */
}
#cont header.post { display:block; }
#cont header.post h2 { 
    margin:0 0 0.4em 0.2em;
    display:inline-block;
    font-family:sans-serif;
    white-space:normal;
}
#cont header.post a { 
    font-size:120%;
    color:black;
    text-decoration:none;
}
#cont header.post time {
    vertical-align:20%; 
    font-size:80%;
    color:gray;
}
#cont section.post { 
    display:block;
    width:100%;
    padding-top:0.6em;
}
#cont blockquote {
    margin:0.5em 2em;
    font-style: italic;
}
#cont details.meta { 
    margin-left:1em;
    padding-left:1em;
    font-family:monospace;
    font-size:85%;
}
#cont article ul {
    margin-left:2em;
    list-style-type:circle; 
}
#cont article ul li { margin:0.4em 0; }
#cont article h2 { margin-bottom:0.5em; }

/************************************************************/
/* Sidebar */
#sidebar{ 
    width:10em;
    margin:0em; margin-top:2em;
    padding:2em; padding-top:1em;
    float:left;
    text-align:right;
    border-right:rgb(220,220,220) 4px solid;
    background-color:white;
}
#sidebar ul{
    display:block;
    margin:0; padding:0;
    list-style-type:none; list-style-image:none;
}
#sidebar h1 {
    margin:0;
    font-size:1.5em;
}
#sidebar h2{
    margin:0;
    font-size:1.2em;
}
.linkcat { margin-left:0.5em; }
#sidebar li { 
    display:block;
    margin:0.5em;
    text-align:right; 
}
#sidebar > ul > li { margin-bottom:1em; }
#archives_list li { display:block; }

/************************************************************/
/* Footer */
footer {
    position:absolute; left:0;
    width:90%; 
    z-index:-1;
    margin:1em;
    padding:1em;
    border-top:1px black solid;
    text-align:center;
}
.interpost_nav div { display:inline-block; }
.interpost_nav div+div { float:right; }

/************************************************************/
/* misc */
#cat_name{
    margin:0;
    font-size:1.5em;
}

.strike { text-decoration:line-through; }

pre {
    padding:0.5em;
    border:1px black dashed;
    background-color:white;
}

.abstract {
    padding:1em 3em;
}

/************************************************************/
/* comments */

div#respond { display:none;cursor:pointer; }
div.comments-template h3 { margin-bottom:0.5em;font-family:sans-serif; }

.comments-template{
    margin: 2em 0 0;
    border-top: 1px solid #ccc;
    padding: 10px 0 0;
}

.comments-template ol{
    margin: 0;
    padding: 0 0 15px;
    list-style: none;
}

.comments-template ol li{
    margin: 10px 0 0;
    line-height: 18px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
    font-family: Georgia, Sans-serif;
    font-size: 16px;
}

.commentmetadata{
    font-size: 12px;
}

.comments-template p.nocomments{
    padding: 0;
}

.comments-template textarea{
    font-family: Arial, Helvetica, Georgia, Sans-serif;
    font-size: 12px;
}