/*
        Jason's Journal CSS
        Most recent update: Wed 24 Nov 2010

        Design adapted from the "Not Quite" Tumblr theme by Peter Vidani.
        http://www.tumblr.com/theme/105
        http://www.petervidani.com/     
*/

/* undohtml.css at http://tantek.com/log/2004/09.html#d06t2354 (CC) 2004 Tantek Celik */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
        /* display: none; */
        margin: 0;
        padding: 0;
        }

h1, h2, h3, h4, h5, h6 {
        font-size: 100%;
        font-weight: normal;
        }

/* http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
html {
        height: 100%;
        margin-bottom: 1px;
        }

body {
        margin: 30px 0;
        padding: 0;
        color: #1d1801;
        font-family: Georgia, Times, serif;
        /* background: url(http://www.joeclipart.com/blog/images/layout_grid.gif) top left no-repeat */
        background: #fff;
        }

a {
        color: #1d1801;
        text-decoration: underline;
        }

a:active, a:focus {
        outline: 0;
        }

/* undohtml.css at http://tantek.com/log/2004/09.html#d06t2354 (CC) 2004 Tantek Celik */
a img, :link img, :visited img {
        border: none;
        }

p {
        margin: 1.12em 0;
        }

blockquote {
        margin-left: 40px;
        margin-right: 40px;
        }

dfn, abbr {
        font-style: normal;
        border-bottom: 1px dotted #ccc;
        }

dfn:hover, abbr:hover {
        cursor: help;
        }

/* http://www.maxdesign.com.au/articles/definition/ */

dl { /* a block of dialog */
        float: left;
        width: 500px;
        margin: 1em 0; /* need to fix something here...too much padding/margin on the dl top when preceded by a <p> */
        padding: 0;
        /* line at very bottom: border-bottom: 1px solid #999; */
        }

dt { /* the speaker's name */
        clear: left;
        float: left;
        width: 60px;
        margin: 0;
        padding: 5px;
        /* border-top: 1px solid #999; */
        font-weight: bold;
        }

dd { /* what they said */ 
        float: left;
        width: 420px;
        margin: 0;
        padding: 5px;
        /* border-top: 1px solid #999; */
        }

/* citations */

/* make citations normal text instead of italicized */
cite {
        font-style: normal;
        color: #9c9c9c;
        }

cite a {
        color: #9c9c9c;
        }

blockquote cite, blockquote cite a {
        color: #000;
        }

/* em dash preceding blockquote citations; ref: http://www.ascii.cl/htmlcodes.htm */
blockquote cite:before {
        content: "\2014";
        }

ol, ul {
        margin: 1.12em 0;
        margin-left: 40px;
        }

img.photo {
        padding: 0;
        display: block;
        margin: 0 auto;
        text-align: center;
        }

/* header */

#header {
        width: 800px;
        margin: auto;
        position: relative;
        }

#header-name {
        color: #1d1801;
        text-decoration: none;
        font-size: 3.75em;
        letter-spacing: -1px;
        }

#header-name a { 
        text-decoration: none;
        }

#header-description {
        width: 788px;
        height: 21px;
        font-family: Verdana;
        font-size: 0.69em;
        line-height: 1.8em;
        color: #fff;
        text-align: right;
        background: #1d1801;
        margin-top: 2px;
        padding: 0 6px;
        }

/* content */

#content {
        width: 800px;
        margin: 30px auto auto auto;
        }

#content .space {
        width: 100%;
        clear: both;
        }

#content .space.big {
        height: 30px;
        }

#content .space.small {
        height: 3px;
        }

#content .post {
        width: 800px;
        position: relative;
        }

#content .post .left {
        width: 270px;
        font-family: Verdana;
        font-size: 0.69em;
        text-align: right;
        float: left;
        }

#content .post .left .timestamp {
        width: 258px;
        height: 21px;
        color: #fff;
        line-height: 1.8em;
        background: #1d1801;
        padding: 0 6px;
        display: block;
        }

#content .post .left .timestamp a {
        color: #fff;
        text-decoration: none;
        }

#content .post .left .tags {
        width: 138px;
        float: right;
        padding: 6px 3px 0 0;
        }

#content .post .left .tags a.tag {
        color: #9c9c9c;
        text-decoration: none;
        padding: 1px 3px;
        margin: 0 0 3px 3px;
        float: right;
        }

#content .post:hover .left .tags a.tag {
        color: #1a1a1a;
        background-color: #e0f1ff;
        }

#content .post:hover .left .tags a.tag:active {
        background-color: #d2eafd;
        }

#content .post .right {
        width: 500px;
        line-height: 1.7em;
        float: left;
        font-size: 0.81em;
        padding: 0 0 0 30px;
        }

#content .post a {
        text-decoration: underline;
        }

#content .post blockquote {
        padding-left: 15px;
        border-left: 2px solid #1d1801;
        }

#content .post .right a.title {
        color: #1d1801;
        font-size: 1em;
        font-weight: bold;
        text-decoration: none;
        }

#content .post .right a.link {
        color: #1d1801;
        font-size: 1em;
        font-weight: bold;
        text-decoration: none;
        border-bottom: 2px solid #1d1801;
        }

/* recipes and excerpts (long bits of quoted material) */
/* My idea for HTML layout for recipes hails from:     */
/* http://www.w3.org/TR/html401/struct/lists.html      */

/* zero out padding and margins to get cross-browser compatibility */
.recipe ul, .recipe ol {
        margin: 1.12em 40px;
        padding: 0;
        list-style-type: none;
        }

.recipe ol li {
        margin: 1.12em 0;
        }

.recipe, .excerpt {
        background-color: #f7f7f7;
        padding: 8px;
        width: 460px;
        }

.recipe h4, .excerpt h4 {
        font-weight: bold;
        margin-left: 40px;
        }

.excerpt ol {
        margin-right: 40px;
        }

/* footer */

#footer {
        width: 800px;
        font-family: Verdana, Arial, sans-serif;
        font-size: 0.69em;
        margin: auto;
        }

#footer #pagination {
        width: 488px;
        height: 21px;
        color: #fff;
        line-height: 1.8em;
        text-align: right;
        background: #1d1801;
        position: relative;
        margin: auto 0 auto 300px;
        padding: 0 6px;
        }

#footer #pagination a {
        color: #fff;
        text-decoration: none;
        }

#footer #credit {
        width: 500px;
        color: #9c9c9c;
        text-align: right;
        margin: 30px 0 auto 300px;
        padding-bottom: 10px;
        }

#footer #credit a {
        color: #9c9c9c;
        }