/* global ----------------------------------------------- */
    body
    {
	margin: 0;
	padding: 0;
/*        text-align: center; */	min-width: 760px;
	background: #FFFFFF;
	font-family: helvetica, arial, verdana, "trebuchet ms" , sans-serif;
	color: #634320;
}
    blockquote
    {
        margin: 0;
        padding: 0 10px 0 10px;
        border-left: 6px solid #f7e8d8;
        border-right: 6px solid #f7e8d8;
        color: #ba8247;
    }
    code
    {
        color: #ba9b7f;
    }
    hr
    {
        display: none;
    }
    /* layout ----------------------------------------------- */
    @media all
    {
        #wrapper
        {
            padding-top: 20px;
            margin: 0 auto;
            width: 90%;
            text-align: left;
        }
        #blog-header
        {
            padding-bottom: 15px;
}
        #blog-header div
        {
	background: #DAD0AD;
}
        #main-wrapper
        {
            position: relative;
            width: 100%;
            background: #f7f0e9;
}
        #main-content
        {
            display: inline; /* fixes a strange ie margin bug */
            float: left;
            margin: 0 0 0 3px;
            padding: 0;
            width: 719px;
        }
        #content-wrapper
        {
            padding: 22px 0 0 0;
}
        #sidebar-wrapper
        {
            display: inline; /* fixes a strange ie margin bug */
            float: right;
            margin: 0 3px 0 0;
            width: 269px;
            color: #764c1c;
            background: #DAD0AD;
}
        #sidebar
        {
            padding: 7px 11px 0 14px;
}
        #blog-footer
        {
            padding-top: 15px;
}
        #blog-footer div
        {
            background: #DAD0AD;
}
    }
    @media handheld
    {
        #wrapper
        {
            width: 90%;
        }
        #blog-header
        {
            background: none;
        }
        #blog-header div
        {
            background: #DAD0AD;
        }
        #main-wrapper
        {
            width: 100%;
            background: #f7f0e9;
        }
        #main-content
        {
            float: none;
            width: 100%;
        }
        #content-wrapper
        {
            background: none;
        }
        #sidebar-wrapper
        {
            float: none;
            width: 100%;
            background: none;
        }
        #sidebar
        {
            background: none;
        }
        #blog-footer
        {
            background: none;
        }
        #blog-footer div
        {
            background: #DAD0AD;
        }
    }
    .post
    {
        margin: 0 16px 14px 29px;
        padding: 0;
        border-bottom: 3px solid #f7e8d8;
    }
    #comments
    {
        margin: 0 16px 14px 29px;
        padding: 10px;
        border: 1px solid #f0e0ce;
        background-color: #f5ede4;
    }
    #profile-container
    {
        margin-bottom: 20px;
    }
    #blog-footer
    {
        padding-top: 15px;
}
    #blog-footer div
    {
        background: #DAD0AD;
}
    /* headings ----------------------------------------------- */
    #blog-header h1
    {
        margin: 0;
        padding: 26px 0 0 84px;
        color: #764c1c; /*#fef6ee;*/
        font-size: 30px;
        line-height: 25px;
        background: url('http://www.harr.us/markblog/images/icon_header.gif') no-repeat 16px 26px;
}
    h2.date-header
    {
        margin: 0;
        padding: 0 0 0 29px;
        font-size: 10px;
        text-transform: uppercase;
        color: #c8ab8f;
        background: url('http://www.harr.us/markblog/images/icon_date.gif') no-repeat 13px 0;
}
    .date-header span
    {
        margin: 0 0 0 5px;
        padding: 0 25px 0 25px;
        background: url('http://www.harr.us/markblog/images/bg_date.gif') no-repeat 0 0;
}
    h2.sidebar-title
    {
        padding: 1px 0 0 36px;
        font-size: 14px;
        color: #bd9e80;
        background: url('http://www.harr.us/markblog/images/icon_sidebar_heading.gif') no-repeat 0 45%;
}
    #profile-container h2.sidebar-title
    {
        color: #957252;
        background: url('http://www.harr.us/markblog/images/icon_sidebar_profileheading.gif') no-repeat 0 45%;
}
    .post h3.post-title
    {
        margin: 13px 0 0 0;
        padding: 0;
        font-size: 18px;
        color: #ba8247;
    }
    #comments h4
    {
        margin-top: 0;
        font-size: 16px;
    }
    /* text ----------------------------------------------- */
    #blog-header p
    {
        margin: 0;
        padding: 7px 16px 0 84px;
        color: #764c1c; /*#fef6ee;*/
        font-size: 10px;
        font-weight: bold;
        line-height: 14px;
    }
    .post-body div
    {
        font-size: 13px;
        line-height: 18px;
        margin: 0;
        height: 1%;
        overflow: visible;
    }
    .post-body blockquote
    {
        margin: 10px 0px;
    }
    p.post-footer
    {
        font-size: 11px;
        color: #bd9e80;
        text-align: right;
    }
    p.post-footer em
    {
        display: block;
        float: left;
        text-align: left;
        font-style: normal;
    }
    p.comment-data
    {
        font-size: 12px;
    }
    .deleted-comment
    {
        font-style: italic;
        color: gray;
    }
    .comment-body p
    {
        font-size: 12px;
        line-height: 17px;
    }
    #sidebar p
    {
        font-size: 12px;
        line-height: 17px;
        margin-bottom: 20px;
    }
    #sidebar p.profile-textblock
    {
        clear: both;
        margin-bottom: 10px;
    }
    .profile-link
    {
        padding: 0 0 0 17px;
        background: url('http://www.harr.us/markblog/images/icon_profile.gif') no-repeat 0 0;
}
    p#powered-by
    {
        margin: 0;
        padding: 0;
    }
    #blog-footer p
    {
        margin: 0;
        padding: 0 0 15px 55px;
        color: #fef6ee;
        font-size: 10px;
        line-height: 14px;
        background: url('http://www.harr.us/markblog/images/icon_footer.gif') no-repeat 16px 0;
}
    /* lists ----------------------------------------------- */
    .profile-data
    {
        font-size: 13px;
        line-height: 17px;
    }
    .post ul
    {
        padding-left: 32px;
        list-style-type: none;
        font-size: 13px;
        line-height: 18px;
    }
    .post li
    {
        padding: 0 0 4px 17px;
        background: url('http://www.harr.us/markblog/images/icon_list_item.gif') no-repeat 0 3px;
}
    #comments ul
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    #comments li
    {
        padding: 0 0 1px 17px;
        background: url('http://www.harr.us/markblog/images/icon_comment.gif') no-repeat 0 3px;
}
    #sidebar ul
    {
        margin: 0 0 20px 0;
        padding: 0;
        list-style-type: none;
        font-size: 12px;
        line-height: 14px;
    }
    #sidebar li
    {
        padding: 0 0 4px 17px;
        background: url('http://www.harr.us/markblog/images/icon_list_item.gif') no-repeat 0 3px;
}
    /* links ----------------------------------------------- */
    a
    {
        color: #bf4e27;
        font-weight: bold;
    }
    a:hover
    {
        color: #8f3213;
        text-transform: uppercase;
    }
    a.comment-link
    {
        /* ie5.0/win doesn't apply padding to inline elements,
        so we hide these two declarations from it */
        background: /* */ /**/ url('http://www.harr.us/markblog/images/icon_comment.gif') no-repeat 0 45%;
        padding-left: 14px;
    }
    html > body a.comment-link
    {
        /* respecified, for ie5/mac's benefit */
        background: url('http://www.harr.us/markblog/images/icon_comment.gif') no-repeat 0 45%;
        padding-left: 14px;
    }
    #sidebar ul a
    {
        color: #ba742a;
    }
    #sidebar ul a:hover
    {
	color: #8F3213;
	text-transform: uppercase;
}
    #powered-by a img
    {
        border: none;
    }
    #blog-header h1 a
    {
        color: #764c1c;
        text-decoration: none;
    }
    #blog-header h1 a:hover
    {
        color: #d9c6b4;
        text-transform: uppercase;
    }
    h3.post-title a
    {
        color: #ba8247;
        text-decoration: none;
    }
    h3.post-title a:hover
    {
        color: #955e25;
        text-transform: uppercase;
    }
    /* miscellaneous ----------------------------------------------- */
    .post-photo
    {
        padding: 3px;
        border: 1px solid #ebd4bd;
    }
    .profile-img
    {
        display: inline;
    }
    .profile-img img
    {
        float: left;
        margin: 0 10px 5px 0;
        padding: 3px;
        border: 1px solid #ebd4bd;
    }
    .profile-data strong
    {
        display: block;
    }
    .clear
    {
        clear: both;
        line-height: 0;
        height: 0;
    }
    /* Feeds ----------------------------------------------- */
    #blogfeeds
    {
        font-size: 14px;
    }
    #postfeeds
    {
        font-size: 12px;
    }