/* ==== START all element style reset ==== */

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, div, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: top;
}

img {
    margin: 0;
	padding: 0;
	border: 0;
	}
	
a.header-logo img {
    display: block;
    }

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* ====  END style reset ==== */

/* ==== GENERAL ELEMENT STYLES ==== */

body {
    padding-bottom: 20px;
    font-family: Verdana, Lucida Grande, sans-serif;
    text-align: center;
    font-size: 62.5%;
    color: #444;
    background-color: #a8a8a8;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin-bottom: .5em;
    }
    
h1 {
    color: #5a4833;
    padding: 10px 10px 10px 15px;
    font-size: 3em;
    background: #eeeada url(images/h1_bg.jpg) no-repeat;
    }

h2 {
    color: #f4e7b0;
    padding: 10px 10px 10px 15px;
    font-size: 2.4em;
    line-height: 1.1em;
    background: #4b4b4b url(images/h2_bg.jpg) no-repeat;
    }

.post h2 {
    margin-bottom: 4px;
    }

h3 {
    color: #5a4833;
    padding: 10px 0;
    font-size: 2em;
    line-height: 1.1em;
    border-top: 1px dotted #bbb;
    border-bottom: 1px dotted #bbb;
    }

h4 {
    color: #5a4833;
    font-size: 1.8em;
    line-height: 1.2em;
    }

h5 {
    color: #5a4833;
    padding: 5px 0 4px 0;
    font-size: 1.8em;
    line-height: 1.2em;
    border-top: 1px dotted #bbb;
    border-bottom: 1px dotted #bbb;
    font-weight: normal;
    }

h6 {
    color: #333;
    padding: 4px 0 3px 0;
    font-size: 1.4em;
    line-height: 1.5em;
    border-top: 1px dotted #bbb;
    border-bottom: 1px dotted #bbb;
    font-weight: normal;
    }

.page-post-nav h6 {
    border-top: 0;
    padding-top: 1px;
    margin-bottom: .3em;
    }

.buffer-headline {
    margin: 20px 0 10px 0;
    background: #f5f3ea;
    padding-left: 10px;
    }

#main-nav-container h6 {
    border-bottom: 0;
    margin-bottom: 0;
    }

p, blockquote, li {
    font-family: Verdana, Lucida Grande, sans-serif;
    color: #444;
    margin-bottom: 1.2em;
    font-size: 1.1em;
    line-height: 1.8em;
    }

#sidebar-content p, #sidebar-content li {
    font-size: 1em;
    line-height: 1.5em;
    }

.post-date {
    font-size: 1em;
    padding: 0 0 4px 15px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #bbb;
    text-transform: uppercase;
    }

.post-comment p {
    line-height: 1.4em;
    margin-bottom: 1em;
    }
    

.comment-date {
    color: #777;
    margin-bottom: .8em;
    line-height: 1em;
    font-size: 1em;
    }

ol, ul {
    margin-bottom: 1.5em;
    }

ol {
    margin-left: 45px;
    list-style: decimal outside;
    }

ul {
    margin-left: 30px;
    list-style: circle outside;
    }

li {
    margin-bottom: 1.1em;
    line-height: 1.4em;
    }

#sidebar-content ol {
    margin-left: 30px;
    }

.top-ten {
    margin: 0 0 25px 15px;
    }

.top-ten li {
    padding: 3px 0;
    margin: 0 0 5px 0;
    font-size: 1.1em;
    line-height: 1.6em;
    }
    

ul#meta-nav {
    margin: 0;
    }

ul#meta-nav li {
    float: left;
    margin: 0 10px 0 0;
    line-height: 1em;
    font-size: 1em;
    }

ul.post-meta {
    margin: 0;
    list-style: none;
    border-top: 1px dotted #bbb;
    background: #fff url(images/post_meta_bg.jpg) no-repeat;
    }

ul.post-meta li {
    margin: 0;
    padding: 5px 10px;
    font-size: 10px;
    border-bottom: 1px dotted #bbb;
    }

ul.main-nav, ul.main-nav li  {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }

ul.main-nav li {
    font-size: 10px;
    margin-bottom: 5px;
    text-transform: lowercase;
    }

#footer-content ul, #footer-content ul li {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
    color: #777;
    }

#footer-content ul li {
    margin-bottom: 2px;
    font-size: 10px;
    line-height: 1.1em;
    }

dl {
    margin-bottom: 15px;
    }

dt {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.4em;
    margin-bottom: 3px;
    }

blockquote {
    color: #5a4833;
    margin: 15px;
    padding: 5px 10px;
    background: #efefef;
    border-top: 1px dotted #bbb;
    border-bottom: 1px dotted #bbb;
    }

em, strong {
    font-weight: bold;
    color: #5a4833;
    }


a:link, 
a:visited,
a:hover,
a:active {
    padding: 0 1px;
    color: #7f4b4b;
    text-decoration: underline;
    }

a:hover,
a:active {
    color: #592b2b;
    }

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active,
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active,
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active, 
h5 a:link, h5 a:visited, h5 a:hover, h5 a:active {
    color: #5a4833;
    text-decoration: none;
}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
    color: #f4e7b0;
    text-decoration: none;
    }
    
h6 a:link, h6 a:visited, h6 a:hover, h6 a:active {
    color: #333;
    text-decoration: none;
    }

h1 a:hover, h1 a:active,
h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active,
h4 a:hover, h4 a:active, 
h5 a:hover, h5 a:active,
h6 a:hover, h6 a:active {
    text-decoration: underline;
    }


#meta-nav a:link,
#meta-nav a:visited,
#meta-nav a:hover,
#meta-nav a:active {
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #959595;
    }

#meta-nav a:hover,
#meta-nav a:active,
#meta-nav a.current {
    color: #ddd;
    background: transparent;
    }

#meta-nav a.current {
    text-decoration: underline;
    }

.main-nav a:link,
.main-nav a:visited,
.main-nav a:hover,
.main-nav a:active {
    padding: 2px 5px;
    width: 135px;
    height: 15px;
    line-height: 15px;
    background: #464646;
    text-decoration: none;
    display: block;
    color: #ccc;
    }

.main-nav a:hover,
.main-nav a:active {
    background: #333;
    color: #eee;
    }

#category-nav.main-nav a:link,
#category-nav.main-nav a:visited,
#category-nav.main-nav a:hover,
#category-nav.main-nav a:active {
    color: #f4e7b0;
    }

.post-feeds a:link,
.post-feeds a:visited,
.post-feeds a:hover,
.post-feeds a:active {
    text-decoration: none;
    color: #777;
    }

.post-feeds a:hover,
.post-feeds a:active {
    color: #333;
    }

#footer-content a:link,
#footer-content a:visited,
#footer-content a:hover,
#footer-content a:active {
    text-decoration: none;
    color: #959595;
    }

#footer-content a:hover,
#footer-content a:active {
    color: #ddd;
    }

.meta-content-link a:link,
.meta-content-link a:visited,
.meta-content-link a:hover,
.meta-content-link a:active {
    padding-left: 15px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center left;
    }

a.comment-link {
    background-image: url(images/comment_icon.gif);
    }

a.email-link {
    background-image: url(images/email_icon.gif);
    }

a.digg-link {
    background-image: url(images/digg_icon.gif);
    }

a.feed-link-bw {
    background-image: url(images/feed_icon_bw.gif);
    }

a.feed-link {
    background-image: url(images/feed_icon.gif);
    }

a.delicious-link {
    background-image: url(images/delicious_icon.gif);
    }

a.bookmark-link-bw {
    background-image: url(images/bookmark_icon.gif);
    }


.left-post-nav a:link, .left-post-nav a:visited, .left-post-nav a:hover, .left-post-nav a:active,
.right-post-nav a:link, .right-post-nav a:visited, .right-post-nav a:hover, .right-post-nav a:active {
    text-decoration: none;
    font-size: 10px;
    color: #777;
    }

.left-post-nav a:hover, .left-post-nav a:active,
.right-post-nav a:hover, .right-post-nav a:active {
    color: #333;
    }

.left-post-nav a:link, .left-post-nav a:visited, .left-post-nav a:hover, .left-post-nav a:active {
    padding-left: 10px;
    background: transparent url(images/post_nav_arrow_left_off.gif) no-repeat left center;
    }

.right-post-nav a:link, .right-post-nav a:visited, .right-post-nav a:hover, .right-post-nav a:active {
    padding-right: 10px;
    background: transparent url(images/post_nav_arrow_right_off.gif) no-repeat right center;
    }

.left-post-nav a:hover, .left-post-nav a:active {
    background-image: url(images/post_nav_arrow_left_over.gif)
    }

.right-post-nav a:hover, .right-post-nav a:active {
    background-image: url(images/post_nav_arrow_right_over.gif)
    }

/* ==== STRUCTURAL DIV STYLES ==== */

#wrapper {
    width: 950px;
    margin: 0 auto;
    text-align: left;
    background: #a9a8a4 url(images/bg_tile.gif) repeat-y;
    }

#site-container {
    width: 950px;
    background: transparent url(images/top_texture.jpg) no-repeat;
    }

#header-container {
    width: 845px;
    margin: 0 40px 15px 65px;
    padding: 5px 0;
    background: #454545;
    }

#header-container .column-1 {

    }
    
#header-container .column-2 {
    width: 332px;
    float: right;
    }
    

#content-container {  
    width: 845px;
    margin: 0 40px 0 65px;
    }

#content-container .column-1-container {
    width: 500px;
    float: left;
    } 

#content-container .column-1 {
    padding: 0 25px;
    }

#sidebar-container {
    width: 345px;
    float: right;
    } 

#sidebar {
    margin: 0 15px;
    }

#main-nav-container {
    width: 315px;
    }

#main-nav-container .column-1 {
    width: 150px;
    margin-bottom: 10px;
    padding: 0;
    float: left;
    position: relative;
    }

#main-nav-container .column-2 {
    width: 150px;
    margin: 0 0 10px 0;
    padding: 0;
    float: right;
    position: relative;
    }

#footer-container {
    width: 845px;
    background: #a8a8a8;
    }

#footer-content {
    width: 845px;
    background: #4b4b4b;
    }

#footer-logo {
    width: 250px;
    float: left;
    }

#footer-content .column-1, #footer-content .column-2, #footer-content .column-3, #footer-content .column-4 {
    width: 135px;
    margin: 15px 0 0 8px;
    padding: 0;
    float: left;
    }
    


/* ==== POST STYLES ==== */

.post {
    margin-bottom: 25px;
    }

.page-post-nav {
    width: 450px;
    margin-bottom: 15px;
    padding: 5px 0;
    border-top: 1px dotted #bbb;
    border-bottom: 1px dotted #bbb;
    }

.left-post-nav {
    float: left;
    }

.right-post-nav {
    float: right;
    }

.post-comment {
    margin-bottom: 15px;
    padding: 10px 15px 5px 15px;
    background: #fff;
    border-top: 1px dotted #bbb;
    border-bottom: 1px dotted #bbb;
    }

.alt {
    background: #efefef;
        }

/*=== MISC Styles ===*/

.drktext {
    color: #111;
    }

.clear {
    clear: both; 
    }

.sidebar-spacer {
    height: 40px;
    clear: both;
    }