body {padding: 0px; margin: 0px; background-color: #000; font-family: arial; font-size: 11px; color: #ccc;}
#wrapper {width: 1000px; margin-right: auto; margin-left: auto; position: relative; background: url(/pix/main_background.gif) no-repeat;}
#topnav {position: absolute; top: 45px; left: 148px; width: 684px; height: 30px;}
#topsearch {position: absolute; top: 80px; left: 148px; width: 702px; height: 30px;}
#topsearch_label {position: absolute; top: 8px; left: 470px; color: #9c9a9b; font-size: 10px;}
#topsearch_input {position: absolute; top: 5px; left: 520px;}
#topsearch_go {position: absolute; top: 12px; left: 667px;}
#logo {position: absolute; top: 0px; left: 0px; width: 158px; height: 149px;}
#content {min-height: 600px; _height:600px; position: relative; float: left; margin-top: 120px; left: 10px; width: 682px;}
#narrowcontent {width: 480px;}
#lhs {width: 138px; height: 300px; float: left; position: relative; top: 165px; left: 10px;}
#sky {width: 160px; height: 600px;  float: right; position: relative; margin-top: 120px;}
#sig {clear: left; position: relative; height: 40px; top: 10px;}
#sig_inner {position: relative; margin-left: 148px; height: 18px; line-height: 18px; width: 682px; background-color: #262626; color: #656565;}
.closeandclear {clear: both; position: relative; height: 1px;}
#rhs_mpu {width: 336px; float: left; text-align: center;}
#rhs_mpu_epg {width: 300px; float: left; text-align: center;}

/* topnav */
.topnav_item {float: left; margin-right: 4px;}
.topnav_lastitem {float: left;}
/* font stuff */
a {color: #ef1d1c; text-decoration: none; font-weight: bold;}
a.white {color: #fff;}
a.epgover {font-size: 11px; font-weight: bold; position:relative; z-index:24; padding: 5px;}
a.epgover:hover {z-index:25; position:relative;}
a.leftnav {color: #999; font-size: 14px;}
a.leftnav_over {color: #ef1d1c; font-size: 14px;}
a.leftnav:hover {color: #ef1d1c;}
ul.leftnav {padding: 0; margin: 0;}
ul.leftnav li {list-style: none; margin-bottom: 5px;}
span.small {font-size: 10px; color: #404040;}
span.grey {color: #999;}
span.orange {color: #ef1d1c;}
h1.epg {padding: 0px; margin: 0px; font-size: 14px; width: 100%; color: #999;}
h1 {padding: 0px; margin: 20px 0 10px 0; font-size: 16px; color: #999;}
h2 {padding: 0px; margin: 0px 0 10px 0; font-size: 14px; color: #999;}
p {padding: 0px; margin: 0 0 8px 0;}

#forum_latest {position: absolute; left: 490px; top: 57px; width: 190px;  background: #424242; background: url(/pix/forum_panel_bg.jpg) no-repeat;}

/* homepage */
#home_content {height: 924px;}
#home_flash_intro {position: absolute; width: 372px; height: 272px; background: url(/pix/home_flashpanel.jpg) no-repeat; background-color: #222;}
#home_flash_intro_inner {position: relative; left: 8px;}
#home_news {position: absolute; left: 382px; width: 300px; height: 272px; background: url(/pix/home_news.jpg);}
#home_news_copy {position: absolute; top: 37px; left: 22px; width: 278px;}
.home_news_copy_item {border-bottom: 1px solid #404040; margin: 2px 0 3px 0; height: 45px; overflow: hidden; width: 273px;}
#home_news_go {position: absolute; top: 252px; left: 22px;}
#home_flash_series {position: absolute; top: 282px; width: 682px; height: 70px; background-color: #222;}
#home_forum {position: absolute; top: 362px; width: 372px; height: 250px; background: url(/pix/home_forum.jpg);}
#home_forum_copy {position: absolute; top: 37px; left: 22px; width: 330px; color: #777;}
#home_forum_copy a {color: #bbb; font-weight: normal;}
#home_forum_copy a.hp {color: #ddd; font-weight: bold; text-transform: uppercase;}
#home_forum_go {position: absolute; top: 230px; left: 22px;}
#home_users {position: absolute; top: 622px; width: 372px; height: 304px; background: url(/pix/home_members.jpg);}
#home_users_featured {position: absolute; top: 37px; left: 22px; width: 340px; height: 100px; overflow: hidden;}
#home_users_latest {position: absolute; top: 180px; left: 22px; width: 340px; height: 100px;}
.home_users {float: left; margin-right: 6px; margin-bottom: 6px;}
#home_comp1 {position: absolute; top: 622px; left: 382px; width: 300px; height: 148px;}
#home_comp2 {position: absolute; top: 778px; left: 382px; width: 300px; height: 148px;}
#home_mpu  {position: absolute; top: 362px; left: 382px; width: 300px; height: 250px;}

/* forms */
input.topsearch {border: 1px solid #9c9a9b; font-size: 11px; width: 140px; height: 13px; background-color: #000; color: #fff;}

/* generic lists */
.list_container {position: relative; width: 682px; margin-top: 10px;}
.list_narrowcontainer {position: relative; width: 336px; margin-top: 10px; float: left;}
.list_item {width: 332px; min-height: 60px; _height: 60px; border-bottom: 1px solid #333; margin: 0 7px 10px 0; float: left;}

/* news */
.news_puff {width: 336px; height: 107px; background: url(/pix/puff_news.jpg); float: left; margin: 0 5px 5px 0; position: relative;}
.news_puff_thumb {position: absolute; top: 10px; left: 10px; width: 90px; height: 80px; overflow: hidden;}
.news_puff_copy {position: absolute; top: 10px; left: 106px; width: 220px; height: 72px; overflow: hidden;}
.news_puff_go {position: absolute; top: 86px; left: 313px;}

/* reviews */
.review_puff {width: 335px; height: 110px; background: url(/pix/puff_review.jpg); float: left; margin: 0 5px 5px 0; position: relative;}
.review_puff_thumb {position: absolute; top: 30px; left: 10px; width: 90px; height: 70px; overflow: hidden;}
.review_puff_copy {position: absolute; top: 30px; left: 106px; width: 220px; height: 72px; overflow: hidden;}
.review_puff_go {position: absolute; top: 92px; left: 313px;}
.review_puff_type {position: absolute; top: 5px; left: 10px; font-size: 15px; font-weight: bold; color: #555; padding-right: 6px; background: url(/pix/puff_review_typebg.jpg);}

/* competitions */
hr {color: #404040; background-color: #404040; height: 1px; border: 0;}
p.compo {color: #ef1d1c; font-size: 13px; font-weight: bold;}
.compo_option {height: 30px; line-height: 30px; width: 100%;}
.compo_chk {width: 30px; height: 30px; float: left;}
.compo_q {height: 30px; line-height: 30px; float: left; color: #ef1d1c; font-size: 13px; font-weight: bold;}
input.compchk {width: 16px; height: 16px;}
label.compo {width: 90px; height: 30px; line-height: 25px; float: left;}
input.compo {width: 200px; height: 16px; background: #404040; border: 2px solid #404040; float: left; color: #fff;}
#terms_kit {display: none; position: absolute; width: 400px; height: 380px; top: 100px; left: 100px; background: url(/pix/terms_bg.jpg);}

/* epg */
#epg {width: 370px; position: relative; float: left;}
.epg_row1 {height: 50px; position: relative;}
.epg_row2 {height: 50px; position: relative;}
.epg_time {font-weight: bold; width: 42px; height: 45px; float: left; padding-left: 5px; padding-top: 5px;}
.epg_copy {width: 305px; height: 45px; float: left; left: 49px; padding: 5px 5px 0 5px; margin-left: 5px;}
.epg_row1 .epg_time {background: url(/pix/epgrow_bg.jpg);}
.epg_row1 .epg_copy {background: url(/pix/epgrow_bg.jpg);}
.epg_more {position: absolute; left: 310px; top: 5px;}
.epg_more_over {position: absolute; left: 304px; top: 2px; padding: 3px; width:60px; height: 60px; display: none; background: #312f30;}
a.epgover span.info {display: none;}
a.epgover:hover span.info {display:block; z-index: 1; color: #ccc; font-weight: normal; font-size: 10px; position: relative; left: -260px; height: 45px; top: 19px; width:308px; background: url(/pix/epgintro_bg.jpg); padding: 5px;}
/*  */
#epg_rhs {width: 300px; position: relative; float: right;}
#epgtitle {width: 682px; height: 30px; background: url(/pix/epg_h1_bg.gif);}
/* need bg image to make effect! */
#epgtitle_words {float: left; padding-right: 10px; background: url(/pix/epg_h1_bg2.gif);}


/* series pages */
#seriesarea {}
#series_mpu {margin-left: 310px;}
img.seriesheader_home {float: left; margin-right: 10px; margin-bottom: 10px;}
img.seriesheader {margin-bottom: 10px;}
div.dyn_header {width: 100%; height: 30px; margin-bottom: 10px; background: url(/pix/header_dyn_bg.jpg);}
div.dyn_header_text {height: 30px; line-height: 28px; padding: 0 10px 0 10px; font-size: 15px; font-weight: bold; color: #555; background: url(/pix/header_dyn_bg2.jpg); float: left;}
div.still_thumb {width: 88px; height: 66px; overflow: hidden; margin: 0 10px 10px 0; float: left;}
div.vid_thumb {width: 138px; height: 120px; overflow: hidden; margin: 0 10px 10px 0; float: left;}
div.download_thumb {width: 116px; height: 105px; overflow: hidden; margin: 0 10px 10px 0; float: left;}
div.epg_s_episode {color: #7e7e7e; font-weight: bold; width: 68px; float: left; padding-left: 10px; margin-right: 4px; height: 50px; line-height: 27px; background: url(/pix/epgrow_bg.jpg);}
div.epg_s_title {font-weight: bold; width: 193px; float: left; padding-left: 10px; margin-right: 4px; height: 50px; line-height: 27px; background: url(/pix/epgrow_bg.jpg);}
div.epg_s_date {font-weight: bold; color: #ef1d1c; width: 51px; float: left; padding-left: 10px; margin-right: 4px; height: 50px; line-height: 27px; background: url(/pix/epgrow_bg.jpg);}
div.epg_s_times {font-weight: bold; color: #ef1d1c; width: 110px; float: left; padding-left: 10px; height: 50px; line-height: 27px; background: url(/pix/epgrow_bg.jpg);}

/* styles for their content */
img.copy_left {border: 1px solid #404040; margin: 0 10px 0 5px;}
img.copy_right {border: 1px solid #404040; margin: 0 10px 5px 0;}

/* lightbox */
#lightbox {background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666;}
#lightboxDetails {font-size: 0.8em; padding-top: 0.4em;}	
#lightboxCaption {float: left; color: #333;}
#keyboardMsg {float: right; color: #333;}
#closeButton {top: 5px; right: 5px; }
#lightbox img {border: none; clear: both;} 
#overlay img {border: none;}
#overlay {background-image: url(/pix/overlay.png);}
* html #overlay {background-color: #333; back\ground-color: transparent; background-image: url(/pix/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/pix/overlay.png", sizingMethod="scale");}