@font-face {
    font-family: 'ErasDemiITCRegular';
    src: url('../font/erasdemi-webfont.eot');
    src: url('../font/erasdemi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/erasdemi-webfont.woff') format('woff'),
         url('../font/erasdemi-webfont.ttf') format('truetype'),
         url('../font/erasdemi-webfont.svg#ErasDemiITCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { margin:0; padding:0; background: #2d2d2d url('../image/background.png') repeat-x; color:#999; font-family: Verdana, Arial; }
h1 { font-family: 'ErasDemiITCRegular', Helvetica, Arial; font-size:17px; color:#e5e5e5; text-transform:uppercase; }
h1 a { color:#e5e5e5;  }
h2 { font-family: 'ErasDemiITCRegular', Helvetica, Arial; font-size:17px;  }
form { margin:0; }
a { color:#ccc; }
a img {  border: none; }
.clear { clear:both; }


img { border-width:5px; }

.page { width:988px; margin:0 auto;  }
.header { height:125px; }
.logo { float:left; }
.slogan { float:right; margin-right:60px; }
.slideshow-top {  width:992px; height:12px; background: url('../image/slideshow-top.png') no-repeat; }
.slideshow-middle { width:992px; height:393px; background: url('../image/slideshow-background.png') repeat-y;}
.slideshow-bottom {  width:992px; height:51px; background: url('../image/slideshow-bottom.png') no-repeat; }
.slideshow { width:972px; height:393px; margin-left:10px;  overflow:hidden;}
.slideshow .slide { width:972px; height:393px;}

.home-nav { float:left;  margin-left:9px;}
.home-nav ul { margin:0; padding:0; height:41px; }
.home-nav ul li { margin:0; float:left; list-style:none; display:inline; overflow:hidden; background: url('../image/home-nav-background.png') repeat-x; }
.home-nav ul li.left {  background: url('../image/home-nav-left.png') no-repeat;  width:5px; height:41px; z-index:1219; display:block; }
.home-nav ul li.right { background: url('../image/home-nav-right.png') no-repeat; width:5px; height:41px; z-index:1219; display:block; }
.home-nav ul li a { display:block; height:31px; padding:0 30px; padding-top:10px; border-left:1px solid #000; text-decoration:none; color:#c2c2c2; font-size:14px; float:left; }
.home-nav ul li a.first { border-left-width:0; }
.home-nav ul li a:hover { background: url('../image/home-nav-hover.png') repeat-x; color:a2a2a2; }


.top-nav-wrap { height:44px; }
.top-nav-left { z-index:1219; background: url('../image/top-nav-left.png') no-repeat; width:7px; height:44px; float:left;}
.top-nav { float:left; width:974px; height:44px; background: url('../image/top-nav-background.png') repeat-x;  }
.top-nav-right { z-index:1219; background: url('../image/top-nav-right.png') no-repeat;  width:7px; height:44px; float:right; }
.top-nav ul { margin:0; padding:0; height:44px; }
.top-nav ul li { margin:0; float:left; list-style:none; display:inline; }
.top-nav ul li a { display:block; height:30px; padding:0 30px; padding-top:12px; border-left:1px solid #000; text-decoration:none; color:#c2c2c2; font-size:14px; float:left; }
.top-nav ul li a.first { border-left-width:0; }
.top-nav ul li a:hover { background: url('../image/top-nav-hover.png') repeat-x; color:a2a2a2; }
.top-nav .social-media-nav { float:right; width:160px; margin-top:9px;}
.top-nav .social-media-nav img { margin-right:8px; }


.main { margin-top:20px; }
.content { clear:both; margin:20px 5px; font-size:14px;  }
.signup { text-align:center; margin:20px 0; }
.signup-button { display:block; width:102px; height:32px; background:url('../image/signup.png') no-repeat; padding-top:5px; text-decoration:none;}
.signup-button:hover { background-image:url('../image/signup-hover.png'); }
.signup .signup-button { margin:0 auto; }

.login { width:300px; height:170px; margin:0 auto; text-align:center;}
.login h2 { color:#80b33c; font-size:20px; text-transform:uppercase; }
.standard-form td { vertical-align:middle; font-size:12px;}
.standard-form th { vertical-align:top;  padding-top:7px; padding-right:8px; }
.standard-form th.required { background:url(../image/required.png) no-repeat right 7px;}
.standard-form th { font-size:12px; padding-right:10px; text-align:right; font-weight:normal;  }
.standard-form td input, .standard-form td textarea { background-color:#1a1a1a; border:1px solid #333; padding:3px;  color:#999; }
.standard-form .button { border-width:0; background:none; }
.button-nav { margin-top:10px; }
.button-nav .button { font-size:15px; padding:5px; margin-left:118px; cursor:pointer; background-color:#777;}


.podcast { width:248px; float:left; }
.podcast-top { height:12px; background: url('../image/podcast-top.png') no-repeat; width:248px; height:6px; z-index:1219;}
.podcast-middle { background:url('../image/podcast-background.png') repeat-y; }
.podcast-bottom { height:6px; background: url('../image/podcast-bottom.png') no-repeat; width:248px; z-index:1219; }
.podcast-middle ul { margin:0; padding:0; }
.podcast-middle ul li { list-style:none; margin-top:10px; padding:0 5px; margin-top:0;  font-size:11px; }
.podcast-middle ul li img { float:left; margin:0 5px; }
.podcast-middle ul li.header { height:58px; margin-top:-10px; background-color:transparent; margin:0; padding:0; }
.podcast-middle ul li.header:hover { background:none; }
.podcast-middle ul li a { text-decoration:none; color:#000; display:block; background-color:#ccc; overflow:auto; margin-top:5px;}
.podcast-middle ul li a:hover { background-color:#bbb; }

.social-media { width:205px; float:right;  }
.social-media-top { height:12px; background: url('../image/sm-top.png') no-repeat; width:206px; height:6px; z-index:1219;}
.social-media-bottom { height:51px; background: url('../image/sm-bottom.png') no-repeat; width:206px; height:6px; z-index:1219; margin-top:-5px;}
.social-media ul { background-color:#1a1a1a; margin:0; padding:7px; padding-top:10px; padding-bottom:5px;}
.social-media ul li { list-style:none; height:34px; width:191px;  background-color:#333333; margin-bottom:5px;  clear:both; }
.social-media ul li:hover { background-color:#191919;  }
.social-media ul li a { display:block; padding-top:8px; padding-left:40px; text-decoration:none; font-size:14px; height:34px; cursor:pointer; }
.social-media ul li a:hover { text-decoration:underline;  }

.intro { width:485px; float:left; font-size:14px; margin:0 20px; }
.intro p { margin-top:3px; margin-bottom:13px;  }


.footer { clear:both; background: url('../image/footer.png') no-repeat; height:38px; font-size:11px; color:#7d7d7d; margin-top:20px; }
.footer .copyright { float:left; margin-top:12px; margin-left:20px;}
.footer .bottom-nav { float:right; margin:0; margin-top:12px; padding:0; margin-right:15px; }
.footer .bottom-nav li { display:inline; }
.footer .bottom-nav li a { color:#7d7d7d; text-decoration:none;  font-size:11px; }
.footer .bottom-nav li a:hover { text-decoration:underline; }
.footer .bottom-nav li span { margin:0 5px; }


.broadcaster-login { background: url('../image/broadcaster-login.png') 5px 4px no-repeat; }
.facebook { background: url('../image/facebook.png') 5px 4px no-repeat; }
.twitter { background: url('../image/twitter.png') 5px 4px no-repeat; }
.subscribe { background: url('../image/rss.png') 5px 4px no-repeat; }
.headphones { float:left; margin-left:10px; }
.logo-small { float:right; margin-right:10px; margin-top:5px;}


.grid { font-size: 12px; width:100%; }
.grid tr.alternate { background: #444; }
.grid tr:hover { background: #555; }
.grid th, .grid td { padding: 5px 7px; }
.grid td { color:#fff; }
.grid th {   background-color: #555; text-align: left; color:#fff; }
.grid a, .grid th a:visited {   color: white; }
.grid a {   text-decoration:none; }
.grid a:hover {   text-decoration:underline; }
.grid tfoot { font-size: 16px; }
.grid tfoot a { padding: 5px; }
.grid .date { width: 100px; }

.error-box { color:#a00; font-size:12px; }