/* Reset.css by Eric Meyer: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0;
font-size: 100%; vertical-align: baseline;
background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
ins { text-decoration: none; }
del {text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
.clearfix {display: block;}
* html .clearfix {height: 1%;}
/* end hide from IE-mac */

body {
    background-color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px; 
    text-align: center;
}

#wrapper {
    width: 600px;
    text-align: left;
    margin: auto;
}

#header {
    margin: 40px 0 50px 0;
}

    #header_body {
        display: inline;
    }

    #header h1 {
        font-family: "Baskerville", "Palatino", "Georgia", serif;
        font-weight: normal;
        font-size: 40px;
        line-height: 36px;
        margin-top: 10px; 
        color: #9b9080;
        display: inline;
    }
    
    #header p {
        font-weight: normal;
        font-size: 20px;
        line-height: 26px;
        margin-top: 10px; 
        color: #9b9080;
        display: inline;
    }
    
    #header h1 a, #header p a {
        color: #5e2f0c;
        text-decoration: none;
    }
    
        #header h1 a:hover, #header p a:hover {
            color: #fff;
            background-color: #5e2f0c;
        }

#attribution {
    margin: 30px 0 30px 0;
}

    #attribution p {
        color: #a5a5a5;
        font-style: normal;
        font-size: 14px;
        line-height: 18px;
    }
    
#footer {
    margin: 30px 0 30px 0;
}

    #footer p {
        color: #a5a5a5;
        font-style: normal;
        font-size: 14px;
        line-height: 18px;
    }

    #footer a {
        color: #3c2808;
        text-decoration: none;
    }
        
        #footer a:hover {
            background-color: #3c2808;
            color: #fff;
        }


#content {
    text-align: left;
     color: #333;
}

    #content h1 {
        font-size: 26px;
        line-height: 32px;
        margin-top: 35px;
        font-weight: bold;
    }
    
        #content h1.title, #content h1.post_title {
            margin: 0 0 -5px 0;
            font-weight: normal;
        }
            
            #content h1.title small, #content h1.post_title small {
                margin-left: 15px;
                font-size: 18px;
                color: #a5a5a5;
            }
            
            #content h1.title small a {
                font-weight: normal;
            }

    #content h2 {
        font-size: 22px;
        line-height: 26px;
        margin-top: 20px; 
        font-weight: normal;
    }

    #content h3 {
        font-size: 18px;
        line-height: 22px;
        margin-top: 10px;
        font-weight: bold;
    }

    #content p {
        font-size: 16px; 
        line-height: 24px; 
        margin-top: 20px; 
    }

        #content .chat p {
            margin-top: 5px;
        }

            #content .chat p .label {
                float: left; display: inline;
                text-align: right;
                margin-right: 15px;
                width: 150px;
            }

            #content .chat p .text {
                float: left; display: inline;
                width: 350px;
            }

        #content p.source {
            text-align: center;
            margin-top: 10px;
            margin-right: 150px;
            margin-bottom: 20px;
            font-size: 14px;
        }
    
    #content a {
        color: #3c2808;
        text-decoration: none;
        font-weight: bold;
    }
    
        #content a:hover {
            background-color: #3c2808;
            color: #fff;
        }

    #content blockquote {
        font-size: 16px; 
        line-height: 24px 
        display: block;
        margin: 20px;
        margin-bottom: 0;
        padding: 10px;
        background-color: #f8f5ef;
    }
    
    #content img {
        
    }
    
        #content img.image {
        
        }
        
            #content img.image_left {
                display: block;
                margin-left: -200px;
            }
    
    #content ul {
        font-size: 16px;
        line-height: 24px;
        margin-top: 20px;
        margin-left: 30px;
        list-style-type: disc;
    }
    
        #content ul li {
            
        }

.post {
    margin: 20px 0 80px 0;
}

.post_comment {
    margin: 20px 0 10px 0;
}

.date {
    display: block;
    margin: 10px 0 20px 0;
}

#disqus_thread {
    margin-top: -60px;
}

#pagination {
    margin: 20px 0 20px 0;
    font-size: 20px;
    line-height: 26px;
}

    #pagination a {
        color: #3c2808;
        text-decoration: none;
    }

        #pagination a:hover {
            color: #fff;
            background-color: #3c2808;
        }

/* images */
.right {
    float: right;
    margin: 5px 0 5px 10px;
}

.left {
    float: left;
    margin: 5px 10px 5px 0;
}

.wayright {
    float: right;
    margin: 5px -200px 5px 20px;
}

.wayleft {
    float: left;
    margin: 5px 20px 5px -200px;
}