@charset "utf-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: default.css
* Version: 3.0 (2009-10-27) YYYY-MM-DD
* Website: http://www.toolateshow.com/
* Author: MWB Interactive http://www.mwb.com
* Description: Handles the site layout & makes it pretty!

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CSS 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, font, img, ins, kbd, q, s, samp,
small, strike, 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; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

a { outline: none; }
a:active { outline: none; }
:focus { -moz-outline-style: none; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== GENERAL: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
html, body, #container { height: 100%; }
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; }
body { background-color: #000; background-position:top center; background-repeat:no-repeat; background-image: url(images/bkgnd.jpg); margin: 0px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== STRUCTURE: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
body > #container { height: auto; min-height: 100%; }
#container { width:950px; margin:0px auto; position:relative; }
#feature { width:950px;  position:relative; text-align:center; }
#feature-flash { border:#222 1px solid; width:915px; height:400px; display:block; margin:0 0 0 18px; padding:3px; }
#wrap { width:950px; clear:both; margin:0 0 30px 0; }
#content { width:526px; float:left; margin:12px 0 0 18px; }

#sidebar { width:343px; float:left; margin:12px 0 15px 45px; background-color:#111111; border:#161616 1px solid; }
#sidebar-inner { }
#sidebar ol li { list-style-type:none; position:relative; margin:0; padding:0; }

.logo { width:276; float:left; }
.search { float:right; margin:30px 20px 0 0; }
.feature-left { width:258px; height:362px; float:left; margin:0 0 0 18px; padding:3px 0 0 0; background-image: url(images/bg-feature-left.png); background-repeat: no-repeat; }
.feature-right { width:640px; float:left; margin:0 0 0 16px; }

#footer { width:950px; background-color:#141414; margin:30px auto 0 auto; height:94px; clear:both; margin-top: -94px; }
#footer p { color:#fff; font-size:10px; padding:20px; text-align:center; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== NAVIGATION: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#navigation { height:51px; width:950px; clear:both; }
#navigation ul { margin:0; padding:0; width:950px; z-index:10; }
#navigation ul li { float:left; list-style-type:none; position:relative; }
#navigation li a { background-image:url(images/nav-matrix.jpg); display:block; }
#navigation li span{ display:none; }

#navigation ul #item1{ top:0; left:0; }
#navigation #item1 a{ width:94px; height:51px; background-position:0 0; }
#navigation #item1 a:hover, #navigation #item1 a.current{ background-position:0 -51px;}

#navigation ul #item2{ top:0; left:0px; }
#navigation #item2 a{ width:111px; height:51px; background-position:-94px 0; }
#navigation #item2 a:hover, #navigation #item2 a.current{ background-position:-94px -51px; }

#navigation ul #item3{ top:0; left:0px; }
#navigation #item3 a{ width:183px; height:51px; background-position:-206px 0; }
#navigation #item3 a:hover, #navigation #item3 a.current{ background-position:-206px -51px; }

#navigation ul #item4{ top:0; left:0px; }
#navigation #item4 a{ width:168px; height:51px; background-position:-390px 0; }
#navigation #item4 a:hover, #navigation #item4 a.current{ background-position:-390px -51px; }

#navigation ul #item5{ top:0; left:0px; }
#navigation #item5 a{ width:229px; height:51px; background-position:-558px 0; }
#navigation #item5 a:hover, #navigation #item5 a.current{ background-position:-558px -51px; }

#navigation ul #item6{ top:0; left:0px; }
#navigation #item6 a{ width:165px; height:51px; background-position:-786px 0; }
#navigation #item6 a:hover, #navigation #item6 a.current{ background-position:-786px -51px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== SHARE: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#share { height:28px; width:525px; margin:28px 0 0 0; clear:both; }
#share ul { margin:0; padding:0; width:525px; z-index:10; }
#share ul li { float:left; list-style-type:none; position:relative; }
#share li a { background-image:url(images/button-matrix.png); display:block; }
#share li span{ display:none; }

#share ul #item1{ top:0; left:0; }
#share #item1 a{ width:114px; height:28px; background-position:0 0; }
#share #item1 a:hover, #share #item1 a.current{ background-position:0 -28px;}

#share ul #item2{ top:0; left:0px; margin:0 0 0 9px; }
#share #item2 a{ width:93px; height:28px; background-position:-123px 0; }
#share #item2 a:hover, #share #item2 a.current{ background-position:-123px -28px; }

#share ul #item3{ top:0; left:0px; margin:0 0 0 170px; }
#share #item3 a{ width:135px; height:28px; background-position:-391px 0; }
#share #item3 a:hover, #share #item3 a.current{ background-position:-391px -28px; }

#share ul #item4{ top:0; left:0px; }
#share #item4 a{ width:139px; height:28px; background-position:-170px 0; }
#share #item4 a:hover, #share #item4 a.current{ background-position:-170px -29px; }

#share ul #item5{ top:0; left:0px; }
#share #item5 a{ width:72px; height:28px; background-position:-97px 0; }
#share #item5 a:hover, #share #item5 a.current{ background-position:-97px -29px; }

#share ul #item6{ top:0; left:0px; margin:0 0 0 9px; }
#share #item6 a{ width:141px; height:28px; background-position:-432px 0; }
#share #item6 a:hover, #share #item6 a.current{ background-position:-432px -29px; }

#share ul #item7{ top:0; left:0px; margin:0 0 0 9px; }
#share #item7 a{ width:117px; height:28px; background-position:-574px 0; }
#share #item7 a:hover, #share #item7 a.current{ background-position:-574px -29px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== SOCIAL NETWORKING: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#social { height:45px; width:312px; clear:both; margin:0 0 10px 9px; padding:6px; background-color:#202020; }
#social ul { margin:0; padding:0; z-index:10; }
#social ul li { float:left; list-style-type:none; position:relative; }
#social li a { background-image:url(images/banner-social-matrix.jpg); display:block; }
#social li span{ display:none; }

#social ul #item1{ top:0; left:0; }
#social #item1 a{ width:40px; height:45px; background-position:0 0; }
#social #item1 a:hover, #social #item1 a.current{ background-position:0 -45px;}

#social ul #item2{ top:0; left:0px; }
#social #item2 a{ width:38px; height:45px; background-position:-40px 0; }
#social #item2 a:hover, #social #item2 a.current{ background-position:-40px -45px; }

#social ul #item3{ top:0; left:0px; }
#social #item3 a{ width:37px; height:45px; background-position:-77px 0; }
#social #item3 a:hover, #social #item3 a.current{ background-position:-77px -45px; }

#social ul #item4{ top:0; left:0px; }
#social #item4 a{ width:37px; height:45px; background-position:-114px 0; }
#social #item4 a:hover, #social #item4 a.current{ background-position:-114px -45px; }

#social ul #item5{ top:0; left:0px; }
#social #item5 a{ width:36px; height:45px; background-position:-151px 0; }
#social #item5 a:hover, #social #item4 a.current{ background-position:-151px -45px; }

#social ul #item6{ top:0; left:0px; }
#social #item6 a{ width:38px; height:45px; background-position:-188px 0; }
#social #item6 a:hover, #social #item4 a.current{ background-position:-188px -45px; }

#social ul #item7{ top:0; left:0px; }
#social #item7 a{ width:38px; height:45px; background-position:-225px 0; }
#social #item7 a:hover, #social #item4 a.current{ background-position:-225px -45px; }

#social ul #item8{ top:0; left:0px; }
#social #item8 a{ width:48px; height:45px; background-position:-264px 0; }
#social #item8 a:hover, #social #item4 a.current{ background-position:-264px -45px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CONTENT: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#content h1 { font-size:20px; font-weight:bold; display:block; border-bottom:#2b2b2b dashed 1px; text-transform:uppercase; }
#content h2 { font-size:18px; font-weight:normal; color:#7d94c8; text-transform:uppercase; padding:6px 0 0 0; }
#content h2 a { color:#7d94c8; text-transform:uppercase; text-decoration:none; }
#content h2 a:hover { text-decoration:underline; }
#content h3 { color:#666666; font-size:16px; }
#content h4 {}
#content p { line-height:18px; padding:6px 0 10px 0; }
#content a { color:#7d94c8; text-decoration:none; }
#content a:hover { text-decoration:underline; }
#content ul {}
#content ul li {}
#content ol li { list-style-type:none; position:relative; margin:0; padding:0; }

#search-page h3 { color:#666666; font-size:16px; padding:6px 0 0 0; }
#search-page p { display:block; line-height:18px; padding:0 0 3px 0; border-bottom:#222 dotted 1px; margin:0 0 10px 0; }

#featured-letter { padding:10px 20px 15px 15px; background-color:#202020; margin:10px 0 10px 0; border:#161616 solid 8px; }
#featured-letter h2 { margin:0 0 3px 0; text-transform:none; }
#featured-letter h3 { font-size:11px; margin:0 0 8px 0; text-transform:none; font-style:italic; }
#featured-letter h4 { border-bottom:#414141 dashed 1px;margin:8px 0 0 0; padding:13px 0 5px 0;  }
#featured-letter h5 { font-size:18px; font-weight:normal; color:#444; text-transform:uppercase; padding:0 0 0 0; margin:0; }
#featured-letter p { font-size:11px; line-height:15px; }

#watch-wrap { margin:10px 0 0 10px; padding:0 0 0 0; clear:both; }

#dead-letter { margin:0; padding:0; }
#dead-letter h2 { margin:0 0 3px 0; text-transform:none; }
#dead-letter h3 { font-size:11px; margin:0 0 8px 0; text-transform:none; font-style:italic; }
#dead-letter h4 { border-bottom:#414141 dashed 1px; margin:8px 0 0 0; padding:13px 0 5px 0;  }

#sidebar h1 { font-size:16px; font-weight:bold; display:block; width:320px; border-bottom:#2b2b2b dashed 1px; color:#999; text-transform:uppercase; margin:9px 9px 0 9px; }
#sidebar p { font-size:11px; display:block; width:312px; color:#ccc; margin:9px 9px 0 9px; padding:6px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CLASSES: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.block { margin:7px 0 0 8px; padding:6px 6px 0 6px; width:312px; display:block; background-color:#202020; clear:both; }
.banner-ad { margin:7px 0 0 30px; display:block; width:312px; background-color:#202020; }
.video-clip { margin:0 0 11px 11px; padding:0; width:195px; height:170px; display:block; background-color:#202020; float:left; border:#161616 7px solid; }
#video-clip h2 { font-size:13px; font-weight:bold; display:block; width:195px; border-bottom:#737373 dotted 1px; margin:0 0 6px 0; padding:0; color:#7d94c8; }
#video-clip img {  }
#video-clip p { font-size:11px; margin:0; padding:6px 0 0 0; width:195px; display:block; }
/*
.video-desc { position:absolute; z-index:10; width:640px; height:72px; top:288px; background-image:url(images/bg-video-desc.png); background-repeat:no-repeat; }
.video-desc h1 { color:#7d94c8; font-size:20px; text-transform:uppercase; padding:15px 0 0 15px; }
.video-desc p {  padding:0 0 0 15px; }
*/
.time { color:#737373; font-weight:normal; margin:0 0 0 6px; }
.date { font-size:12px; color:#84878e; }
.about p { font-size:13px; color:#777; }
#clearme { clear:both; }
#video-clip li { margin:0 0 11px 11px; padding:0; width:207px; height:182px; display:block; background-color:#202020; float:left; border:#161616 7px solid; list-style-type:none;  }
#video-clip li.item{ display:block;height:182px;padding:0; }
#video-clip li.item a{ display:block;width:195px;height:170px; padding:6px; color:#ccc; text-decoration:none;cursor:pointer; }
#video-clip li.item a:hover{ background:#333; }
#video-clip li.active a{ background:#222; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CONTACT FORM: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.loader { width: 31px; position:absolute; z-index:1 }
ol.formy { margin:0; padding:0; }
ol.formy li { background:none!important; margin:0!important; padding:0; list-style:none!important; text-align:left; line-height:1.3em; background-image:none; }
li.formy { background-image:none; }
.formy label { width:290px; margin:0px 10px 0 0; text-align:left; font-size: 11px; display:block; color:#ccc; padding:2px; }
.formy input,  .formy textarea,  .formy select { margin:0; vertical-align:top; background-color:#161616; padding:8px; border:#202020 solid 1px;  }
.formy input:hover,  .formy textarea:hover,  .formy select:hover { background:#000; }
.formy input:focus,  .formy textarea:focus,  .formy select:focus { background:#161616; }
.formy textarea,  .formy input { width:290px; color:#ccc; }
.formy select { width:290px; /* attempt to have equal length */ }
.formy select.cfselectmulti { height:6.5em; }
.formy textarea { font-family: arial; font-size: 0.9em; height: 10em; overflow:auto; }
.formy input.cf_date { width:290px; }

span.reqtxt,  span.emailreqtxt { display:block; /*for mozilla*/ width:300px; font-size:9px; vertical-align:top; color:#888888; text-align:right; margin:0; height:13px; line-height:13px; }

#button { display:block; width:117px; height: 28px; margin:8px 0 0 0; }
#button input { background-image:url(images/button-matrix.png); background-position:-575px 0; background-repeat:no-repeat; }
#button input:hover { background-image:url(images/button-matrix.png); background-position:-575px -29px; background-repeat:no-repeat; }


.search input,  .search textarea,  .search select { margin:0; vertical-align:top; background-color:#000; padding:8px 8px 6px 8px; border:#232a38 solid 1px; color:#7d94c8; font-weight:lighter; }
.search input:hover,  .search textarea:hover,  .search select:hover { background:#111318; }
.search input:focus,  .search textarea:focus,  .search select:focus { background:#000; }

.button-search { width:94px; height: 34px; margin:0; }
.button-search input { background-image:url(images/search-matrix.png); background-position:0 0; background-repeat:no-repeat; border:none; }
.button-search input:hover { background-image:url(images/search-matrix.png); background-position:0 -34px; background-repeat:no-repeat; border:none; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
== CLEAR FIX: ==============================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */