* { margin: 0; padding: 0; border-collapse: collapse; list-style: none }
img, table, td { border: 0; }
html, body { background: #f5f1f0; font-family: Tahoma; font-size: 12px }
body { background: url('images/smallbg.gif') top left #f5f1f0 }
a { color: red; }


#main { float: left; width: 100%; background: url('images/bigbg.jpg') repeat-x top left; padding-top: 36px }
#main .wrap { width: 880px; margin: 0 auto; }
#main .wrap2 { width: 100%; float: left; background: white }

.topbanner { height: 106px; background: black; width: 100%; float: left; border-bottom: 1px solid #888 }
.logowrap { height: 134px; width: 100%; float: left }
.logo { position: relative; width: 100%; height: 110px; top: 5px; left: 0; text-align: center }
.subscribe { position: relative; width: 300px; top: 10px; left: 580px; text-align: right; color: #a1a3a4; text-transform: uppercase; font: normal 12px Arial }
.subscribe a { color: #434343; text-decoration: none }
.subscribe a:hover { color: #606060}
.menu { height: 29px; width: 100%; float: left }
.menu table {  width: 100%; height: 29px }
.menu table td { border-left: 3px solid #f7f9fa }
.menu table td:first-child { border: 0 }
.menu table a { padding: 9px 0 0 0; height: 20px; display: block; color: white; text-transform: uppercase; text-shadow: black 1px 1px 1px; font: normal 12px Arial; text-align: center; line-height: 11px; background: url('images/menu.jpg') repeat-x top #555; text-decoration: none }
.menu table a:hover { background: url('images/menu_a.jpg') repeat-x top #444 }

.blockleft { width: 200px; padding-top: 10px; float: left }
.blockleft .block { margin-top: 10px; background: url('images/left_mid.jpg') repeat-y top right }
.blockleft .blockw { background: url('images/left_top.jpg') no-repeat top right }
.blockleft .blockw2 { padding: 0 20px 20px 15px; background: url('images/left_bot.jpg') no-repeat bottom right }
.shows .title a { text-align: center; display: block; font: normal 12px Tahoma; text-decoration: none; color: #333 }
.shows .title a:hover { color: #555 }

.whatshot { float: left; width: 155px; background: url('images/whatshot_bg.jpg') repeat-x top left #F24B45; padding: 5px;  }
.whatshot img.left { padding-right: 4px; }
.whatshot .info { overflow: hidden; font: normal 11px Tahoma; line-height: 12px }
.whatshot .info .title { margin-bottom: 2px }
.whatshot .info .title a { color: white; text-decoration: none }
.whatshot .sample { height: 15px; }

.blockcenter { padding: 10px 10px 0 0; width: 483px; float: left }

.blockright { width: 187px; float: left }
.blockright .block { margin-top: 10px; background: url('images/right_mid.jpg') repeat-y top right }
.blockright .blockw { background: url('images/right_top.jpg') no-repeat top right }
.blockright .blockw2 { padding: 10px 10px 20px 4px; background: url('images/right_bot.jpg') no-repeat bottom right }
.blockright .blockw2 img { max-width:170px; max-height: 300px}
.blockright { font: normal 11px Tahoma; }
.blockright a { color: #333; text-decoration: none }
.blockright a.title { text-align: center; display: block; font-size: 12px; color: red; margin: 0 0 2px 0 }
.blockright a:hover { color: #555; text-decoration: underline }

.blockleft .ad img { width: 160px; margin: 4px 0  }
.blockright .ad img { width: 120px; margin: 4px 0 }

.search { width: 100%; height: 22px; margin-top: 10px }
.search .text { float: left; width: 150px; height: 17px; padding: 3px 1px 0 2px; border: 1px solid #231f20; background: #e7e7e8; font: normal 11px Arial; }
.search .submit { float: left; width: 21px; height: 22px; }

.page h1 { background: red; color: white; text-align: center; font: normal 42px Arial; text-transform: uppercase }
.post h1 { background: red; color: white; padding: 10px 0; text-align: center; font: normal 20px Arial }
.post h1 p { display: inline }
.post .content, .page .content { overflow: hidden; font: normal 11px Tahoma }
.post .content img, .page .content img { max-width: 483px }
.post .content p, .page .content p { padding-bottom: 10px }
.post .content a, .page .content a { color: red }

.minipost { margin-bottom: 6px; width: 100%; float: left; font: normal 11px Tahoma; background: #f8a4a7 }
.minipost a.title { display: block; padding: 1px 0 4px 2px }
.minipost .content { padding: 0 0 0 3px }
.minipost p { padding: 0px 2px 10px 0 }
.minipost img.left { padding-right: 6px }
.minipost .more { background: #ed1c24; color: white; float: right }
.minipost .more a { display: block; color: white; text-decoration: none; background: url('images/button_more.gif') no-repeat right center; padding: 4px 15px 4px 7px; font: normal 11px Tahoma; text-transform: uppercase } 

.theshow { height: 240px; border: 1px solid #999; overflow: hidden }
.theshow .slide { height: 240px }
.theshow .slideleft { float: left; width: 200px; height: 220px }
.theshow .slideleft .image { width: 200px }
.theshow .slideleft img { width: 100% }
.theshow .slideright { float: left; padding: 15px 5px 0 10px; width: 265px; height: 205px }
.theshow .slideright p { font: normal 11px Tahoma }
.theshow .slideright .title { margin-bottom: 10px; padding: 0 2px 3px 3px; background: #eee; }
.theshow .slideright .title a { color: red; font: normal 12px Tahoma; font-weight: bold; padding: 1px 0 2px 0 }
.theshow .category { background: red; color: white; padding: 5px 0 5px 10px }
.theshow .category a {color: white; font: normal 12px Tahoma }
.theshow .image { border-bottom: 1px solid #999 }
.theshow .meta { clear: both; text-align: right; height: 10px; padding: 2px 3px 3px 5px; color: #999 }

#commentform textarea { width: 470px; margin: 2px 0; border: 1px solid #ccc; padding: 5px }
#commentform { margin: 5px 0 }
.comment { margin: 8px 0 15px 0; padding: 5px; border: 1px solid #d5d5d5; background: #f3f3f3 }

#footer { clear: both; background: #ed1c24; height: 17px; padding-top: 3px; color: white; text-align: center; font: normal 11px Tahoma }
#footer a { color: white }
#footer a:hover { color: #dbdbdb }

.onethird { width: 33% }
.half { width: 50% }
.left { float: left }
.right { float: right }
.center { text-align: center }
.clear { clear: both }


.nifty_play { background: url('images/player-play.png') no-repeat top left; width: 22px; height: 22px; float: left; background-position: 0 -44px; }
.nifty_play:hover { background-position: 0 -66px; }
.nifty_stop { background: url('images/player-stop.png') no-repeat top left; width: 22px; height: 22px; float: left; }
.nifty_stop:hover { background-position: 0 -22px; }
.nifty_pause { background: url('images/player-play.png') no-repeat top left; background-position: 0 -22px; width: 22px; height: 22px; float: left; }
.nifty_pause:hover { background-position: 0 0px; }
.nifty_forward { background: url('images/player-forward.png') no-repeat top left; background-position: 0 0px; width: 22px; height: 22px; float: left; }
.nifty_forward:hover { background-position: 0 -22px; }
#nifty_title { width: 160px; height: 16px; color: black; font: normal 12px Tahoma; text-align: center }

#popUp {
background-color:#FFF;
opacity: 0.85;
filter:alpha(opacity=65);
position:fixed;
z-index: 9001;
top:10px;
left:20%;
width:600px;
text-align:center;
font: normal 18px Tahoma;

}