.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/*
// globals & misc styles
*/
body { background: #FAF8FD url(bg.jpg) repeat; margin: 0px; padding: 0px; }
body, div, p, li { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; font-size-adjust: 0.53; }
.strng { font-size: 12px; color: #000; font-weight: bold; }
.black { color: #000; }
a, a:visited { color: #C00; }
a:hover { text-decoration: none; }
/*
// actual design container
*/
#main { background: #FFF; border-left: 4px solid #900; border-right: 4px solid #900; width: 752px; margin: auto; }
/*
// header layout
*/
#hdr { position: relative; background: #FFF; height: 378px; }
#sub_hdr { position: relative; background: #FFF; height: 252px; }
#hdr1 { position: absolute; top: 0px; left: 0px; }
#hdr2 { position: absolute; top: 0px; left: 377px; }
#hdr3 { position: absolute; top: 0px; left: 562px; }
#hdr4 { position: absolute; top: 126px; left: 0px; }
#hdr5 { position: absolute; top: 126px; left: 189px; }
#hdr6 { position: absolute; top: 126px; left: 377px; }
#hdr7 { position: absolute; top: 126px; left: 562px; }
/*
// content container
*/
#content { background: #FFF url(hdr_btm.jpg) no-repeat top center; padding-top: 26px; }
/*
// big, colored links
*/
.bglnks { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #000; }
.linkspad { padding-bottom: 40px; }
div.bglnks a, div.bglnks a:visited { text-decoration: underline; font-weight: bold; }
div.bglnks a.bglnks1, div.bglnks1 a:visited { color: #C00; }
div.bglnks a.bglnks2, div.bglnks2 a:visited { color: #F60; }
div.bglnks a.bglnks3, div.bglnks3 a:visited { color: #06F; }
div.bglnks a.bglnks4, div.bglnks4 a:visited { color: #090; }
div.bglnks a:hover { text-decoration: none; }
/*
// nice, dotted text boxes
*/
.tween_pad { padding: 30px 0px; }
.tweentxt, .tagbox { background: #FFF; border: 1px dotted #999; text-align: justify; width: 700px; }
div.tweentxt div { padding: 15px; }
div.tweentxt div span.red { color: #C00; font-weight: bold; }
/*
// "jump to" page styles
*/
#jumplist { color: #C00; line-height: 30px; text-indent: 140px; margin-top: -10px; padding-bottom: 10px; }
#jumplist ul { white-space: nowrap; }
#jumplist li { display: inline; list-style-type: none; }
#jumplist li.active { background: #300; border: 1px dotted #FFF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; font-weight: bold; line-height: 30px; text-decoration: none; margin-right: 3px; }
#jumplist a, #jumplist li.active { padding: 3px 10px; }
#jumplist a:link, #jumplist a:visited { background: #C00; border: 1px dotted #FFF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; font-weight: bold; line-height: 30px; text-decoration: none; margin-right: 3px; }
#jumplist a:hover { color: #FFF; background-color: #600; text-decoration: none; }
#jumplist li.last a, #jumplist li.last a:visited { background: none; border: none; font-size: 11px; color: #C00; text-decoration: underline; padding: 0px; }
div#jumplist span a, div#jumplist span a:visited { color: #C00; font-weight: bold; }
div#jumplist a:hover { color: #000; text-decoration: none; }
#jumplist li.last a:hover { text-decoration: none; }
/*
// episode-specific styles
// top row of episode
*/
#epi_rw1 { position: relative; width: 720px; height: 66px; margin: auto; }
#epi_logo { position: absolute; top: 0px; left: 0px; }
#epi_hdr { position: absolute; top: 0px; left: 227px; background: url(epi_nameplate_bg.gif) no-repeat; font-size: 20px; color: #FFF; font-weight: bold; text-align: center; line-height: 72px; width: 270px; height: 66px; }
div#epi_hdr span { font-size: 14px; color: #FF0; }
#epi_topbtns { position: absolute; top: 0px; left: 497px; background: url(epi_top_btns_bg.gif) no-repeat; width: 210px; height: 66px; }
.epi_topbtn1 { position: absolute; top: 10px; left: 6px; color: #C00; font-size: 12px; font-weight: bold; text-align: center; line-height: 25px; width: 194px; height: 25px; }
.epi_topbtn2 { position: absolute; top: 36px; left: 6px; color: #C00; font-size: 12px; font-weight: bold; text-align: center; line-height: 25px; width: 194px; height: 25px; }
div.epi_topbtn1 a, div.epi_topbtn1 a:visited, div.epi_topbtn2 a, div.epi_topbtn2 a:visited { display: block; color: #000; text-decoration: none; width: 194px; height: 25px; }
div.epi_topbtn2 a span, div.epi_topbtn2 a:visited span { color: #C00; }
div.epi_topbtn2 a:hover span { color: #000; }
div.epi_topbtn1 a:hover, div.epi_topbtn2 a:hover { color: #C00; text-decoration: underline; }
.topbtn_icon { position: absolute; top: -10px; left: -6px; }
#epi_tr { position: absolute; top: 0px; left: 707px; }
/*
// episode pic block
*/
#epi_rw2 { position: relative; background: #600 url(epi_topbar.gif) no-repeat top center; width: 720px; height: 333px; margin: auto; }
.epi_pad { padding: 5px; padding-bottom: 0px; }
.epi_pic1 { position: absolute; top: 5px; left: 5px; }
.epi_pic2 { position: absolute; top: 5px; right: 5px; }
.epi_pic3 { position: absolute; top: 171px; right: 5px; }
.img { border: 4px solid #FFF; }
/*
// episode text
*/
#epi_rw3 { background: #600; width: 720px; margin: auto; }
.epi_text { background: #E9E9E9; border: 1px dotted #600; }
div.epi_text div { text-align: justify; line-height: 1.3em; padding: 10px 15px 12px 15px; }
div.epi_text div span { color: #900; font-weight: bold; }
/*
// episode meta block
*/
#epi_rw4 { position: relative; background: #600; width: 720px; margin: auto; }
#epi_meta { position: relative; background: url(epi_meta_bg.gif) no-repeat; width: 348px; height: 100px; }
div#epi_meta div.border { background: #600; width: 338px; height: 64px; }
div#epi_meta .name { position: absolute; top: 6px; left: 6px; background: #760000; }
div#epi_meta .time { position: absolute; top: 27px; left: 6px; background: #9F0000; }
div#epi_meta .photos { position: absolute; top: 48px; left: 6px; background: #760000; }
div#epi_meta .name, div#epi_meta .time, div#epi_meta .photos { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FF0; line-height: 20px;text-indent: 10px; width: 336px; height: 20px; }
div#epi_meta .name span, div#epi_meta .time span, div#epi_meta .photos span { color: #FFF; font-weight: bold; }
.format_tag { background: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; text-align: center; line-height: 21px; width: 338px; height: 21px; }
.format1 { position: absolute; top: 2px; left: 355px; }
.format2 { position: absolute; top: 2px; left: 536px; }
.format3 { position: absolute; top: 53px; left: 355px; }
.format4 { position: absolute; top: 53px; left: 536px; }
.format1, .format2, .format3, .format4 { background: url(format_bg.gif) no-repeat; width: 179px; height: 49px; }
.format_icon { float: left; }
.format_table { position: absolute; top: 0px; right: 0px; color: #D1D1D1; width: 110px; height: 49px; margin-top: 5px; }
.vfkey { color: #FFF; font-weight: bold; }
td.vfvalue a, td.vfvalue a:visited { color: #FF0; }
td.vfvalue a:hover { text-decoration: none; }
/*
// episode footer links
*/
#epi_rw5 { background: #600; width: 720px; padding-top: 2px; margin: auto; }
#epi_footer { position: relative; background: url(epi_ftr_bg.gif) no-repeat; font-size: 18px; font-weight: bold; line-height: 50px; width: 720px; height: 52px; }
div#epi_footer a, div#epi_footer a:visited { color: #FFF; text-decoration: underline; }
div#epi_footer a:hover { text-decoration: none; }
div#epi_footer a span, div#epi_footer a:visited span { color: #FF0; text-decoration: none; }
/*
// tag texts with calls to action
*/
.tagpad { padding: 14px; }
div.tagpad div { font-size: 14px; font-weight: bold; }
div.tagpad div a, div.tagpad div a:visited { font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #C00; }
div.tagpad div a:hover { text-decoration: none; }
/*
// big text buttons at bottom of page
*/
#footer_links { background: url(footer_logo.jpg) no-repeat center; width: 100%; height: 140px; }
/*
// footer
*/
#footer { background: #E9E9E9; border-top: 1px solid #D9D9D9; margin-top: 20px; text-align: center; padding: 5px; }

#common_footer { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; margin-top: 15px; }
#common_footer p { margin: 0; padding-bottom: 15px; }
#common_footer p.common_copyright { }
#common_footer p.comfortable { color: #000;font-size: 12px;font-weight: bold;font-family: Verdana, Geneva, sans-serif; }
#common_footer a { color: #c00; text-decoration: underline;font-weight:normal; }
#common_footer a:hover { color: #000; text-decoration: none; }