body {
  font-family: Helvetica, Verdana, "Bitstream Vera Sans", sans-serif;
  font-size: 90%;
  color: #222;
}

/* Headings
 * --------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { color: #222; }

/* Text Elements
 * --------------------------------------------------------------------- */
a                 { color: #B20023; }
a:hover           { background-color: #B20023;  color: white;}
a.img       { background-color: transparent; }

blockquote        { color: #222; font-style:normal; background-color: #eee; padding: 1em;}

pre {
  background: #eee;
  border:     1px solid #ddd;
}

hr {
  background: #eee;
  color:      #eee;
}

hr.big {
  background: #444;
  color:      #444;
  height: 2px;
}


/* Tables
 * --------------------------------------------------------------------- */
table {
  border-top:     1px solid #ddd;
  border-left:    1px solid #ddd;
}
th,td {
  border-bottom:  1px solid #ddd;
  border-right:   1px solid #ddd;
}

/* Default Classes
 * --------------------------------------------------------------------- */
p.quiet, a.quiet { color: #666; margin-top: 0; margin-bottom: .25em;}
a.quiet:hover { background-color: transparent; color:#B20023;}

.alt    { color: #666; }

p.title {
  color: #111;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2em;
  margin-bottom: 0.75em;
}

#header p.title { font-size: 3em; line-height: 1; margin-bottom: .1em; text-align: right;}

ul.plain { list-style-type:none; margin-left: 0em; }

ul#more_posts { list-style-type:none; margin-left: 0;}
ul#more_posts li { background-image: url('/img/page.png'); background-repeat: no-repeat; background-position: 0 1px; margin-left: 0em; padding-left: 1.25em; margin-bottom: 0.5em; font-size: 90%;}
ul#more_posts li a { color: ;}

.headline { font-weight: bold; }
.headline a { color: #000; text-decoration: none;}
.headline a:hover { color: #000; background-color: transparent; text-decoration: underline;}

h6 { font-variant: normal; color: #666;}

/* del.icio.us overrides */

span.delicious-network-username { display:none;}
h2.delicious-banner { font-size: 1em;}

/* blueprint overrides */

div#sidebar h6 { }

p img { float: none; margin: 0;}
img.mid { vertical-align:middle; margin: 0 5px 0 0;}

.bold, .strong     { font-weight: bold; }
.smallcaps { font-variant: small-caps; }

div#footer {  }

img.post { margin: 1em auto 0 auto; padding: .5em; border: 1px solid #ccc; display: block; max-width: 500px; height: auto;}
img.book { float: right; padding: .5em; border: 1px solid #ccc; display: block; max-width: 250px; height: auto; margin-left: 2em;}

p.credit { text-align: right; }

div#post { text-align: justify; }

div#post blockquote { text-align: left;}

p.timestamp { margin-top: -1em; margin-bottom: 1em;}

a#comment-link { display:inline-block; margin-bottom: 1em;}

div#post_nav_links { margin-bottom: 1em;}
div#post_nav_links strong { display: inline-block; width: 3em; color: #444;}

div#footnotes { margin-bottom: 2em; margin-top: 3em;}
div#footnotes h4 { color: #444; margin-bottom: 0em; font-size: 1em;}
p.footnote { margin-bottom: 0.5em; font-size: 0.9em; color: #444;}

div#follow_links { margin-top:1em; padding-top: 1em; border-top: 1px solid #eee; color: #666;}
div#follow_links a { color: #666; text-decoration: none;}
div#follow_links a:hover { color: #666; text-decoration: underline; background-color: transparent;}

blockquote p:first-child { margin-bottom: 0;}

em { background-color: transparent; }

p.by { color: #555;}

@media screen and (max-device-width: 480px){
    body {
        -webkit-text-size-adjust:none;
        width: 480px;
        padding: 10px;
        font-size: 2.5em;
        font-family:Helvetica, Arial, Verdana, sans-serif;
    }
    
    div#post, div#main {
        width: 100%;
    }

    div#post img, div#main img {
        max-width: 100%;
        height: auto;
    }

    div#main img {
        display:none;
    }

    div#sidebar {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #eee;
        padding-bottom: 1em;
        width: 100%;
        padding-left: 0;
        font-size:1em;
    }
    
    #more_posts_wrapper {
        display: none;
    }
    
    ul#elsewhere.plain li {
        display: inline-block;
        width: 49%;
    }

    ul#elsewhere.plain li img {
        display: none;
    }
}


/* EOF */