html { margin: 0; padding: 0; background-color: #fff; }
body { margin: 0; padding: 0; font-size: 62.5%; /* Resets 1em to 10px */ font-family: Helvetica, Arial, sans-serif; background-color: #fff; }
div.clearing_divider { clear: both; height: 0px; margin: 0; padding: 0; visibility: hidden; overflow: hidden; }
span.hidden { visibility: hidden; }
form { margin: 0; padding: 0; }
img { margin: 0; padding: 0; border: none; }
div { margin: 0; padding: 0; }
.floatright { float: right; }
.floatleft { float: left; }
/* Main Site Containers */
#site-container { width: 800px; margin: 10px auto 0; position: relative; }
#head { width: 800px; height: 332px; background: #fff url(/i/head_bg.gif) top left no-repeat; margin-bottom: 10px; }
#brand { width: 320px; height: 190px; background: transparent; position: relative; top: 0; left: 0; }
#rss { width: 800px; height: 46px; background: #000; margin: 0 0 10px; padding: 0; }
#rss_head { width: 800px; height: 5px; background: transparent url(/i/rsstop_bg.gif) top left no-repeat; overflow: hidden; }
#rss_foot { width: 800px; height: 5px; margin: 0; padding: 0; background: transparent url(/i/rssbottom_bg.gif) top left no-repeat; clear: both; float: left; display: inline; overflow: hidden; }
#main-content { width: 800px; background: transparent url(/i/main_bg.gif) top left repeat-y; margin-bottom: 20px; }
#main-top { width: 800px; height: 7px; margin: 0; padding: 0; background: transparent url(/i/maintop_bg.gif) top left no-repeat; overflow: hidden; }
#main-bottom { width: 800px; height: 7px; background: transparent url(/i/mainbottom_bg.gif) top left no-repeat; clear: both; overflow: hidden; }
#main-body { width: 800px; margin: 0; padding: 0; }
#main-left { width: 369px; margin-left: 7px; padding: 0 10px 10px; float: left; display: inline; }
#main-right { width: 377px; margin-right: 7px; padding: 0 6px; float: right; display: inline; }
#leftcolumn-bottom { width: 390px; height: 2px; background: transparent url(/i/leftcolbottom_frontbg.gif) top left no-repeat; float: left; clear: both; display: inline; margin: 0 0 0 7px; padding: 0; overflow: hidden; }
#footer { width: 800px; height: 96px; padding-bottom: 20px; position: relative; background: transparent url(/i/foot_bg.gif) top left no-repeat; }
#error-body { width: 700px; margin: 50px; }
.showlist-summary { margin-bottom: 20px; }
.comment-contain, .comment-preview { border-top: 1px solid #bbb; margin: 25px 4px 0 10px; padding-top: 25px; }
.comment-preview { padding: 10px; border-top: 0; margin-bottom: 25px; background-color: #eee; }
.archive-contain { border-bottom: 1px solid #bbb; margin: 10px 0 20px; padding-bottom: 10px; }
.linklist-contain { margin: 0 0 15px; padding-bottom: 15px; border-bottom: 1px solid #bbb; }
.last { border: none; }
/* Headlines */
h1 { margin: 0; padding: 0; }
h1 a { text-decoration: none; display: block; width: 320px; height: 190px; }
h1 a span { visibility: hidden; }
h2 { font-family: Helvetica, Arial, sans-serif; font-size: 24px; margin: 0 0 10px 0; padding: 0; }
h3 { font-family: Helvetica, Arial, sans-serif; font-size: 18px; margin: 0 0 1px; padding: 0; }
h3 span { font-size: 12px; }
h3 span.date { color: #bbb; font-size: 16px; }
h5 { font-size: 12px; font-weight: bold; margin: 0 0 6px; }
h5 span.date { color: #bbb; }
/* Navigation */
ul#navigation-main { margin: 0; padding: 0; width: 257px; height: 108px; list-style-type: none; position: absolute; top: 206px; left: 13px; }
ul#navigation-main li { width: 257px; height: 27px; margin: 0; padding: 0; }
ul#navigation-main li a { display: block; width: 257px; height: 27px; margin: 0; padding: 0; text-decoration: none; }
ul#navigation-main li a span { visibility: hidden; }
ul#navigation-main li a#archives { background: transparent url(/i/navigation_shows.gif) 0 0 no-repeat; }
ul#navigation-main li a#news { background: transparent url(/i/navigation_news.gif) 0 0 no-repeat; }
ul#navigation-main li a#contact { background: transparent url(/i/navigation_contact.gif) 0 0 no-repeat; }
ul#navigation-main li a#about { background: transparent url(/i/navigation_about.gif) 0 0 no-repeat; }
ul#navigation-main li a#archives:hover { background-position: -257px 0; }
ul#navigation-main li a#news:hover { background-position: -257px 0; }
ul#navigation-main li a#contact:hover { background-position: -257px 0; }
ul#navigation-main li a#about:hover { background-position: -257px 0; }
ul#navigation-redundant { margin: 0; padding: 0; position: absolute; top: 67px; left: 50px; padding: 0; width: 750px; list-style-type: none; }
ul#navigation-redundant li { float: left; height: 12px; margin-right: 15px; padding: 0; }
ul#navigation-redundant li a { text-transform: uppercase; color: #000; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }
ul#navigation-redundant li a:hover { color: #bbb; }
/* Paragraphs */
p { color: #000; font-family: Helvetica, Arial, sans-serif; font-size: 12px; margin: 0; padding: 0; }
#error-body p { margin-bottom: 15px; }
#main-body p { line-height: 19px; margin: 0 0 12px; }
#main-body .comment-preview p { margin-bottom: 0; }
#main-body p.show-rundown, #main-body p.social-bookmarks { margin-bottom: 4px; }
#rss p { color: #fff; font-weight: bold; line-height: 16px; margin-top: 2px; float: left; display: inline; }
#footer p { color: #bbb; font-size: 11px; position: absolute; top: 84px; left: 50px; width: 750px; }
#footer span#copyright { float: right; }
#footer span#design-credit { float: left; }
#main-body .showlist-summary p { margin-bottom: 0; line-height: 17px; }
#complete-show-listing { color: #bbb; }
#newer_older { padding-bottom: 15px; }
#main-body p#preview_help { margin-left: 86px; padding-top: 15px; color: #999; font-size: 10px; line-height: 12px; }
#main-body p#comments-help { margin-left: 86px; color: #999; font-size: 10px; line-height: 12px; }
#main-body .linklist-contain p { font-size: 11px; line-height: 13px; margin-bottom: 5px; }
#main-body p#comments_closed { font-size: 12px; font-weight: bold; line-height: 16px; background-color: #eee; color: #000; text-transform: uppercase; margin: 6px 0 0 6px; padding: 2px; }
#main-body p.title_head { margin-bottom: 0px; font-weight: bold; }
/* Lists */
div#show-rundown-list ul { color: #000; font-family: Helvetica, Arial, sans-serif; font-size: 12px; margin: 0 0 15px 0; padding: 0; list-style-type: none; }
div#show-rundown-list ul li { margin-bottom: 6px; padding-left: 20px; background: transparent url(/i/bullet_shownotes.gif) top left no-repeat; }
ul#social-bookmark-links { color: #000; font-family: Helvetica, Arial, sans-serif; font-size: 12px; margin: 0 0 6px 0; padding: 0; list-style-type: none; }
ul#social-bookmark-links li { margin: 0 10px 0 0; padding: 0; float: left; }
/* Links */
a { font-weight: bold; color: #000; text-decoration: none; }
a:hover { color: #bbb; }
#rss a { text-decoration: none; }
#footer p a { color: #bbb; font-weight: normal; }
#footer p a:hover { color: #5e5e5e; }
h3 span a { color: #000; font-weight: normal; text-decoration: underline; }
h3 span a:hover { color: #bbb; }
/* Forms */
#search-form { width: 293px; height: 25px; border: 1px solid #fff; background-color: #000; margin: 3px 13px 3px 0; padding: 2px; float: right; display: inline; }
#search-form fieldset, #search-form label { margin: 0; padding: 0; border: none; }
#search-form label br { display: none; }
input#livesearch { padding: 6px 5px; margin: 0; width: 283px; height: 13px; color: #8e8e8e; font-family: Helvetica, Arial, sans-serif; font-size: 13px; border: 0; }
.comments-wrapper { margin: 20px 0 0; padding: 0; }
.comments-wrapper p #comment-submit, .comments-wrapper p #comment-preview { text-align: right; padding-right: 4px; }
.comments-wrapper p #comment-preview, .comments-wrapper p #comments-help { margin-left: 86px; }
.comments-wrapper p #comment-submit { float: right; }
.comments-wrapper p #comment-preview { float: left; }
.comments-wrapper p #comment-submit input, .comments-wrapper p #comment-preview input { background-color: #eee; text-transform: uppercase; font-weight: bold; height: 21px; width: 138px; font-size: 11px; color: #000; }
.comments-wrapper p #comment-submit input:hover, .comments-wrapper p #comment-preview input:hover { cursor: pointer; background-color: #ccc; }
.comments-wrapper p #comment-submit input:active, .comments-wrapper p #comment-preview input:active { color: #888; }
.comments-wrapper p label { float: left; text-transform: uppercase; color: #fff; background: transparent url(/i/formlabel_bg.gif) top left no-repeat; width: 86px; height: 21px; line-height: 21px; font-size: 11px; font-weight: bold; margin: 0; padding: 0; }
.comments-wrapper input, .comments-wrapper textarea { margin: 0; padding: 0; width: 292px; height: 19px; border: 1px solid #000; }
.comments-wrapper textarea { height: 100px; }
#txpCommentInputForm { margin: 0; padding: 0; }
p#txpCommentInputForm { margin: 10px; }
.zemContactForm { margin: 20px 0 0; padding: 0; }
.zemContactForm p#comment-submit { text-align: right; padding-right: 4px; }
.zemContactForm p#comment-submit input { background-color: #eee; text-transform: uppercase; font-weight: bold; height: 21px; width: 293px; font-size: 11px; color: #000; }
.zemContactForm p#comment-submit input:hover { cursor: pointer; background-color: #ccc; }
.zemContactForm p#comment-submit input:active { color: #888; }
.zemContactForm p label { float: left; text-transform: uppercase; color: #fff; background: transparent url(/i/formlabel_bg.gif) top left no-repeat; width: 86px; height: 21px; line-height: 21px; font-size: 11px; font-weight: bold; }
.zemContactForm input, .zemContactForm textarea { margin: 0; padding: 0 3px; width: 285px; height: 19px; border: 1px solid #000; }
.zemContactForm textarea { height: 100px; }
.zemContactForm fieldset { margin: 0; padding: 0; border: 0; }
.zemContactForm legend { display: none; }
.zemContactForm br { display: none; }
/* Images */
#rss img { float: left; display: inline; margin-left: 13px; margin-right: 5px; }
.archive-contain img { margin: 0 0 15px; padding: 0; border: 1px solid #000; }
.archive-contain #social-bookmark-links li img { border: 0; margin-bottom: 0; }
/* Live Search Styles */
#LSResult { position: absolute; background-color: #fff; width: 293px; }
#LSShadow { border: 5px solid #eee; background-color: #fff; }
#LSRes { background-color: #fff; padding: 5px 0 2px; }
.LSRow { padding: 0 5px; }
#LSHeader { margin: 0; padding: 0 0 5px; background-color: #eee; }
#LSHeader { color: #eee; }
.lsDate { display: block; color: #555; }
.LSWrap { background-color: #fff; }
.LSWrap h6 { font-size: 12px; color: #000; margin: 0; background-color: transparent; padding: 5px 0; }
.LSWrap h6 strong { color: #000; }
.LSWrap h6 span { color: #bbb; }
#rss #search-form .LSWrap p { color: #999; font-weight: normal; font-size: 10px; line-height: 12px; margin: 0 0 8px 0; }
#search-form div.clearing_divider { visibility: visible; margin: 0 0 5px 0; padding: 0; height: 1px; background-color: #eee; overflow: hidden; }
/* Page Specific Styles * /
/* Front Page */
body#default #main-left { padding-top: 88px; background: transparent url(/i/leftcol_frontbg.gif) top left no-repeat; }
body#default #main-body { background: transparent url(/i/rightcol_tower.gif) bottom right no-repeat; }
body#default #main-right { background: transparent url(/i/rightcol_topbg.gif) top left no-repeat; width: 288px; padding: 30px 10px 10px 91px; }
/* Show Notes Page */
body#podcast_single ul#navigation-main li a#archives { background-position: -257px 0; }
body#podcast_single #main-left { padding-top: 68px; background: transparent url(/i/leftcol_shownotesbg.gif) top left no-repeat; }
body#podcast_single #main-body { background: transparent url(/i/rightcol_bottombg.gif) bottom right no-repeat; }
body#podcast_single #main-right { background: transparent url(/i/rightcol_archivestopbg.gif) top left no-repeat; width: 383px; margin-right: 7px; padding: 0 6px 0 0; float: right; display: inline; }
/* About Page */
body#about ul#navigation-main li a#about { background-position: -257px 0; }
body#about #main-left { padding-top: 68px; background: transparent url(/i/leftcol_aboutbg.gif) top left no-repeat; }
body#about #main-body { background: transparent url(/i/rightcol_bottombg.gif) bottom right no-repeat; }
body#about #main-right { background: transparent url(/i/rightcol_archivestopbg.gif) top left no-repeat; padding-top: 3px; }
body#about #main-right h4 { font-size: 12px; line-height: 16px; background-color: #eee; color: #000; text-transform: uppercase; margin: 6px 0 10px; padding: 2px; }
/* Show Archives Page */
body#podcast ul#navigation-main li a#archives { background-position: -257px 0; }
body#podcast #main-left { padding-top: 68px; background: transparent url(/i/leftcol_archivesbg.gif) top left no-repeat; }
body#podcast #main-body { background: transparent url(/i/rightcol_bottombg.gif) bottom right no-repeat; }
body#podcast #main-right { background: transparent url(/i/rightcol_archivestopbg.gif) top left no-repeat; }
body#podcast #main-right h4 { font-size: 12px; line-height: 16px; background-color: #eee; color: #000; text-transform: uppercase; margin: 6px 0 10px; padding: 2px; }
/* News Page */
body#news ul#navigation-main li a#news { background-position: -257px 0; }
body#news #main-left { padding-top: 68px; background: transparent url(/i/leftcol_newsbg.gif) top left no-repeat; }
body#news #main-body { background: transparent url(/i/rightcol_bottombg.gif) bottom right no-repeat; }
body#news #main-right { background: transparent url(/i/rightcol_archivestopbg.gif) top left no-repeat; }
body#news #main-right h4 { font-size: 12px; line-height: 16px; background-color: #eee; color: #000; text-transform: uppercase; margin: 6px 0 10px; padding: 2px; }
/* News Item Page */
body#news_single ul#navigation-main li a#news { background-position: -257px 0; }
body#news_single #main-left { padding-top: 68px; background: transparent url(/i/leftcol_newsbg.gif) top left no-repeat; }
body#news_single #main-body { background: transparent url(/i/rightcol_bottombg.gif) bottom right no-repeat; }
body#news_single #main-body #main-right { background: transparent url(/i/rightcol_archivestopbg.gif) top left no-repeat; width: 383px; margin-right: 7px; padding: 0 6px 0 0; float: right; display: inline; }
/* Show Contact Page */
body#contact ul#navigation-main li a#contact { background-position: -257px 0; }
body#contact #main-left { padding-top: 68px; background: transparent url(/i/leftcol_contactbg.gif) top left no-repeat; }
body#contact #main-body { background: transparent url(/i/rightcol_bottombg.gif) bottom right no-repeat; }
body#contact #main-right { background: transparent url(/i/rightcol_archivestopbg.gif) top left no-repeat; width: 383px; margin-right: 7px; padding: 10px 6px 0 0; float: right; display: inline; }
body#contact #main-right p, body#contact #main-right h2 { margin-left: 6px; }
body#contact #main-right .zemContactForm p { margin-left: 0; }
/* Search Page */
body#search #main-left { padding-top: 68px; background: transparent url(/i/leftcol_searchbg.gif) top left no-repeat; }
body#search #main-body { background: transparent url(/i/rightcol_bottombg.gif) bottom right no-repeat; }
body#search #main-right { background: transparent url(/i/rightcol_archivestopbg.gif) top left no-repeat; }
body#search #main-right h4 { font-size: 12px; line-height: 16px; background-color: #eee; color: #000; text-transform: uppercase; margin: 6px 0 10px; padding: 2px; }
/* Placeholder Page */
body#placeholder #head { background: #fff url(/i/placeholder.jpg) top left no-repeat; }
/* sIFR Styles */
/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { font-family: Helvetica, Arial, sans-serif; font-size: 24px; margin: 0 0 10px 0; padding: 0; position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h2 { visibility: hidden; font-size: 30px; margin-bottom: 0; }