/* CSS Reset By Eric Meyer */
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,
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-size: 100%;
font-family: inherit;
vertical-align: baseline;
text-decoration: none;
color: inherit;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
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: "" "";
}
/* ------------------------------------------ */

strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
#container #strip_section    a:hover,
#container .main_content_box a:hover,
#container #sidebar          a:hover { color: #F44; }

body {
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
color: #000;
background: #B9963F url(/images/bg-corkboard.jpg) repeat;
}

#accessibility {
position: absolute;
top: -10000px;
}

#container {
width: 950px;
}

#header {
position: relative;
width: 326px;
height: 149px;
background: url(/images/logotype.png) no-repeat;
text-indent: -1000px;
}
#header a {
display: block;
position: absolute;
}
#site_name     a { top:45px; left:70px; height:45px; width:185px; }
#author_banner a { top:110px; left:234px; height:30px; width:80px; }

#header b { display: block; }

#nav {
position: absolute;
top: 0px;
left: 326px;
height: 149px;
width: 582px;
background: url(/images/bg-gray.png) repeat;
}

#nav ul {
position: absolute;
top: 20px;
left: 0px;
height: 16px;
width: 387px;
background: url(/images/nav.png) 0px -16px no-repeat;
}
#nav ul li {
display: block;
position: absolute;
top: 0px;
height: 16px;
}
#nav-home    { width: 58px; left: 0px;   }
#nav-archive { width: 87px; left: 86px;  }
#nav-about   { width: 66px; left: 202px; }
#nav-contact { width: 91px; left: 296px; }

#nav ul li a {
display: block;
text-indent: -1000px;
overflow: hidden;
}
#nav ul li a:hover {
background-image: url(/images/nav.png);
}
#nav-home    a:hover { background-position: 0px 0px; }
#nav-archive a:hover { background-position: -86px 0px; }
#nav-about   a:hover { background-position: -202px 0px; }
#nav-contact a:hover { background-position: -296px 0px; }

/* -------------- STRIP SECTION --------------- */

#strip_section {
position: relative;
width: 950px;
background: url(/images/bg-strip.jpg) 63px 0px no-repeat;
}

#strip_section h1 {
position: absolute;
top: 0px;
left: 125px;
line-height: 25px;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
}
#strip_section h1 a { color: #000; }

#strip_section #date {
position: absolute;
top: -149px;
left: 808px;
height: 250px;
width: 117px;
background: url(/images/bg-upper-right.png) no-repeat;
overflow: hidden;
text-indent: -1000px;
}

#date #dmonth {
position: absolute;
left: 44px;
top: 104px;
width: 56px;
height: 25px;
}
#date .mo-01 { background: url(/images/mo-jan.png) no-repeat; }
#date .mo-02 { background: url(/images/mo-feb.png) no-repeat; }
#date .mo-03 { background: url(/images/mo-mar.png) no-repeat; }
#date .mo-04 { background: url(/images/mo-apr.png) no-repeat; }
#date .mo-05 { background: url(/images/mo-may.png) no-repeat; }
#date .mo-06 { background: url(/images/mo-jun.png) no-repeat; }
#date .mo-07 { background: url(/images/mo-jul.png) no-repeat; }
#date .mo-08 { background: url(/images/mo-aug.png) no-repeat; }
#date .mo-09 { background: url(/images/mo-sep.png) no-repeat; }
#date .mo-10 { background: url(/images/mo-oct.png) no-repeat; }
#date .mo-11 { background: url(/images/mo-nov.png) no-repeat; }
#date .mo-12 { background: url(/images/mo-dec.png) no-repeat; }

#date #ddate {
position: absolute;
left: 44px;
top: 129px;
width: 56px;
height: 37px;
}
#date .date-01 { background: url(/images/date-01.png) no-repeat; }
#date .date-02 { background: url(/images/date-02.png) no-repeat; }
#date .date-03 { background: url(/images/date-03.png) no-repeat; }
#date .date-04 { background: url(/images/date-04.png) no-repeat; }
#date .date-05 { background: url(/images/date-05.png) no-repeat; }
#date .date-06 { background: url(/images/date-06.png) no-repeat; }
#date .date-07 { background: url(/images/date-07.png) no-repeat; }
#date .date-08 { background: url(/images/date-08.png) no-repeat; }
#date .date-09 { background: url(/images/date-09.png) no-repeat; }
#date .date-10 { background: url(/images/date-10.png) no-repeat; }
#date .date-11 { background: url(/images/date-11.png) no-repeat; }
#date .date-12 { background: url(/images/date-12.png) no-repeat; }
#date .date-13 { background: url(/images/date-13.png) no-repeat; }
#date .date-14 { background: url(/images/date-14.png) no-repeat; }
#date .date-15 { background: url(/images/date-15.png) no-repeat; }
#date .date-16 { background: url(/images/date-16.png) no-repeat; }
#date .date-17 { background: url(/images/date-17.png) no-repeat; }
#date .date-18 { background: url(/images/date-18.png) no-repeat; }
#date .date-19 { background: url(/images/date-19.png) no-repeat; }
#date .date-20 { background: url(/images/date-20.png) no-repeat; }
#date .date-21 { background: url(/images/date-21.png) no-repeat; }
#date .date-22 { background: url(/images/date-22.png) no-repeat; }
#date .date-23 { background: url(/images/date-23.png) no-repeat; }
#date .date-24 { background: url(/images/date-24.png) no-repeat; }
#date .date-25 { background: url(/images/date-25.png) no-repeat; }
#date .date-26 { background: url(/images/date-26.png) no-repeat; }
#date .date-27 { background: url(/images/date-27.png) no-repeat; }
#date .date-28 { background: url(/images/date-28.png) no-repeat; }
#date .date-29 { background: url(/images/date-29.png) no-repeat; }
#date .date-30 { background: url(/images/date-30.png) no-repeat; }
#date .date-31 { background: url(/images/date-31.png) no-repeat; }

#date #dyear {
position: absolute;
left: 44px;
top: 166px;
width: 56px;
height: 24px;
}
#date .yr-2007 { background: url(/images/yr-2007.png) no-repeat; }
#date .yr-2008 { background: url(/images/yr-2008.png) no-repeat; }
#date .yr-2009 { background: url(/images/yr-2009.png) no-repeat; }
#date .yr-2010 { background: url(/images/yr-2010.png) no-repeat; }

#strip_section #strip {
margin-left: 125px;
height: 270px;
}
#strip img {
position: relative;
top: 23px;
}

#strip_tags {
position: absolute;
top: 227px;
left: 125px;
line-height: 15px;
font-size: 11px;
color: #666;
}
#strip_tags a { color: #666; }

#strip_comment_invite {
position: absolute;
top: 227px;
left: 475px;
width: 350px;
line-height: 15px;
text-align: right;
font-size: 11px;
color: #666;
}
#strip_comment_invite a { color: #666; }

#strip_nav {
position: absolute;
left: 835px;
top: 100px;
}
#strip_nav li { position: absolute; }
#strip_nav a {
display: block;
width: 100px;
height: 20px;
text-indent: -1000px;
overflow: hidden;
background: url(/images/strip_nav.png) no-repeat;
}
#strip_earliest { top: 0px; }
#strip_previous { top: 20px; }
#strip_next     { top: 40px; }
#strip_earliest a { background-position: 0px 0px; }
#strip_previous a { background-position: 0px -20px; }
#strip_next     a { background-position: 0px -40px; }
#strip_earliest a:hover { background-position: -100px 0px; }
#strip_previous a:hover { background-position: -100px -20px; }
#strip_next     a:hover { background-position: -100px -40px; }

/* -------------- MAIN CONTENT --------------- */

.main_content_box {
margin-left: 145px;
padding: 1px 0px 10px 0px;
width: 560px;
background: url(/images/bg-content.png) repeat-y;
}
.main_content_box_primary { min-height: 50em; }
* html .main_content_box_primary { height: 55em; }

.main_content_box del { color: #888; }
#container .main_content_box a {
border-bottom: 1px dotted #999;
color: #777;
font-weight: bold;
}

.main_content_box p {
margin: 0.75em 35px 0.75em 25px;
font-size: 12px;
line-height: 16px;
}

.main_content_box .level_1_header {
margin: 20px 35px 10px 25px;
padding-bottom: 5px;
border-bottom: 2px solid #998;
background-repeat: no-repeat;
text-indent: -1000px;
overflow: hidden;
}

#transcript .level_1_header {
background-image: url(/images/header_transcript.png); }
#comments   .level_1_header {
background-image: url(/images/header_comments.png); }
#about_header {
background-image: url(/images/header_about.png); }
#contact_header {
background-image: url(/images/header_contact.png);}
#archive_header {
background-image: url(/images/header_archive.png); }
#tags_header {
background-image: url(/images/header_tags.png); }
#tag_search_header {
background-image: url(/images/header_tag_search.png); }

.main_content_box .level_2_header, #transcript .frame {
clear: left;
margin: 1em 35px 0.5em 25px;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
color: #888;
}

.main_content_box .banner_ad {
margin-left: 25px;
width: 504px;
height: 128px;
background: url(/images/bg-ad-1.png) no-repeat;
}
.main_content_box .banner_ad iframe {
margin: 36px 0px 0px 17px;
}

#transcript { margin-bottom: 30px; }
#transcript p {
margin: 0.3em 70px 0.3em 60px;
font-size: 12px;
line-height: 1.4;
}
#transcript .scene {
margin: 0.75em 35px 0.75em 25px; /* same as default p */
}
#transcript .d_head {
margin: 1.25em 135px 0.3em 125px;
text-transform: uppercase;
font-weight: bold;
}
#transcript .d_qual {
font-weight: normal;
}
#transcript .d_paren {
display: block;
margin: 0.3em 25px;
font-size: 10px;
font-style: italic;
}

#comments .level_2_header {
padding-top: 5px;
border-top: 2px solid #AA9;
}
#cpreview .level_2_header {
margin: 2em 36px 5px 24px;
}

#comments .comment_entry {
clear: left;
margin: 5px 36px 5px 24px;
padding-top: 5px;
border-top: 1px solid #BBA;
font-size: 11px;
}
#comments .comment_entry .comment_meta {
float: left;
margin-bottom: 8px;
width: 100px;
overflow: hidden;
font-size: 10px;
line-height: 1.2;
color: #666;
}
#comments .comment_entry .comment_meta a {
border: none;
font-weight: normal;
color: #666;
}
#comments .comment_entry .comment_meta .comment_name {
margin: 0px;
font-size: 12px;
font-weight: bold;
}
#comments .comment_entry .comment_meta .comment_name a {
font-weight: bold;
color: #666;
}
#comments .comment_entry .comment_body {
margin-left: 118px;
line-height: 1.4;
font-size: 11px;
}
#comments .comment_entry .comment_body p {
margin: 0px 0px 0.3em 0px;
line-height: 1.4;
font-size: 11px;
}

p#txpCommentInputForm {
margin: 10px 36px 2em 24px;
padding: 5px;
border: 1px solid #AAA;
background: #FED;
font-size: 12px;
}
#comments form, form.zemContactForm {
margin: 0px 0px 2em 0px;
font-size: 11px;
} 

#comments .error, .zemError {
display: block;
margin: 10px 35px 10px 25px;
padding: 5px;
border: 1px solid #FBB;
background: #FDD;
color: #822;
}

form p {
border-top: 1px solid #BBA;
margin: 5px 35px 5px 25px;
padding-top: 5px;
position: relative;
}
.form_tuple label {
display: block;
position: absolute;
top: 5px;
left: 0px;
width: 100px;
font-size: 11px;
}
.form_tuple input, .form_tuple textarea {
display: block;
width: 350px;
margin-left: 118px;
font-size: 12px;
}
.form_tuple textarea {
height: 200px;
}
.form_normal {
margin: 5px 35px 5px 25px;
padding-left: 118px;
}

#tag_cloud_main {
margin: 20px 36px 30px 24px;
font-size: 25px;
color: #666;
}
#content #tag_cloud_main a {
font-weight: normal;
border: none;
}

#tag_search_results {
margin: 1em 0px 30px 0px;
}
#tag_search_results .tag_search_result {
margin: 5px 36px 5px 24px;
font-size: 11px;
text-transform: uppercase;
}
#tag_search_results .tag_search_result strong {
font-size: 14px;
text-transform: none;
}


/* -------------- SIDEBAR --------------- */

#sidebar {
position: absolute;
top: 419px;
left: 695px;
width: 243px;
background: url(/images/bg-sidebar.jpg) repeat-y;
}

#sidebar h1 { display: none; }

#sidebar h2 {
margin: 25px 40px 5px 12px;
padding-bottom: 3px;
border-bottom: 1px solid #789;
height: 14px;
background: url(/images/sidebar-subheaders.png) no-repeat;
text-indent: -1000px;
overflow: hidden;
}
#sidebar #about     h2 {background-position: 0px 0px;   }
#sidebar #subscribe h2 {background-position: 0px -20px; }
#sidebar #tags      h2 {background-position: 0px -40px; }
#sidebar #ideas     h2 {background-position: 0px -60px; }

#sidebar p {
margin: 5px 40px 10px 12px;
font-size: 11px;
line-height: 14px;
color: #888;
}
#sidebar a {
color: #AAA;
border-bottom:
1px dotted #888;
}

#subscribe input {
display: block;
background: #AAA;
margin: 5px 0px;
}

#sidebar #tags p {
font-size: 9px;
line-height: 12px;
}
#sidebar #tags p a { color: #888; border: none; }

#ad3 {
margin-top: 20px;
height: 180px;
background: url(/images/bg-sidebar-bottom.jpg) 0px 127px no-repeat;
}
#ad3 iframe {
margin-left: 44px;
}

/* -------------- BOTTOMBAR --------------- */

#bottombar {
margin-left: 145px;
padding: 1px 0px 10px 0px;
width: 560px;
background: url(/images/bg-content.png) repeat-y;
}

#recent_strips, #recent_comments, #blogroll {
margin: 0em 10px 0em 0px;
padding: 10px;
background: #888;
}


/* -------------- FOOTER --------------- */

#footer {
height: 40px;
background: #333;
color: #999;
font-size: 9px;
line-height: 12px;
}
#footer a       { color: #CCC; }
#footer a:hover { color: #F88; }

#footer #footer_logo {
float: left;
margin-left: 142px;
margin-right: 5px;
text-indent: -1000px;
overflow: hidden;
width: 138px;
height: 40px;
background: url(/images/logotype-footer.png) no-repeat;
}
#footer #footer_logo a {
display: block;
width: 138px;
height: 40px;
}

#footer #footer-copy {
padding-top: 8px;
}