html, body {margin: 0; padding: 0; height: 100%; background: #000000;}
body {background: #000000;}
body, td, th {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

/*---Fixes for Apple devices (Thanks MJL!)---*/
* {-webkit-text-size-adjust: none;}					/* Prevents font sizes from messing up on iPhone/iPod Touch */
textarea {resize: none;}							/* Prevents resizing of text areas in Safari */
/*-------------------------------------------*/

a {font-weight: bold; color: #ffffff;}
a:hover {text-decoration: none; color: #565656; background: #ffffff;}
#about_img {background: url(images/about_img.png) no-repeat; height: 142px; width: 240px; position: absolute; margin: -15px 0 0 10px;}
blockquote {background: url(images/blockquotebg.jpg) bottom; margin: 14px 0 6px 0; padding: 8px 10px; color: #564722;}
blockquote p {margin: 0; padding: 6px 0;}
blockquote strong {color: #000000;}
#epbar {background: url(images/episodebarbg.jpg) repeat-x bottom #000000; padding: 5px 0;}
#episodebar {background: url(images/episodebarlogo.jpg) left center no-repeat; font-family: "Courier New", Courier, monospace; width: 775px; margin: 0 auto; padding: 2px 0 2px 135px; font-size: 18px; font-weight: bold; letter-spacing: -1px; color: #ffffff;}
#episodebar a {color: #dd0000; text-decoration: none;}
#episodebar a:hover {color: #777777; background: none;}
.clear {clear: both; height: 0px;}
#content {padding: 10px; line-height: 130%;}
.content {padding: 10px 10px 15px 10px; line-height: 130%;}
.contentdetail {padding: 3px 0 0 0; font-size: 14px; color: #dddddd;}
#contenttitle {font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; text-transform: uppercase; color: #ffffff; padding: 0px 8px 0 0; line-height: 96%;}
#credits {margin-top: 15px;}
#credits td {padding-bottom: 4px;}
.dltitle {font-size: 14px; font-weight: bold; color: #333333; padding: 10px 0 4px 0;}
.dllinks {padding-top: 4px;}
form {margin: 0; padding: 0;}
h3 {font-size: 14px; color: #555555; margin: 22px 0 -4px 0;}
input, textarea {font-size: 13px;}
.formpadding-top {padding: 2px 0 0 0; font-weight: bold;}
.formpadding-bottom {padding: 0 0 4px 0;}
#galtitle {padding: 10px 10px 0 10px; font-size: 16px; color: #dddddd; font-family: Century Gothic, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase;}
#galimg {width: 450px; height: 275px; margin: 0; padding: 0; background-repeat: no-repeat;}
#galbrowse {background: #880000; color: #ffbbbb; padding: 5px 0; text-align: center;}
#galbrowse #prevlink {float: left; text-align: left; padding-left: 10px;}
#galbrowse #nextlink {float: right; text-align: right; padding-right: 10px;}
#galbrowse a:hover {color: #aa0000;}
#galdesc {font-size: 14px; padding: 15px 0 5px 0;}
#galthumbs {margin-top: 8px;}
#galthumbs #current {border: 2px solid #ffffff;}
input#Link, input#Embed {width: 90px; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
.item {border-bottom: 1px solid #565656; padding: 15px 10px;}
.itemend {padding: 15px 10px;}
.itemtop {border-top: 1px solid #565656; padding: 15px 10px;}
.item h3, .itemend h3, .itemtop h3 {margin: 0; color: #dddddd;}
.itemtitle {padding: 4px 0 6px 0; font-size: 14px; color: #dddddd;}
.itemtitle a {font-weight: normal; color: #dddddd; background: none; text-decoration: none;}
li {padding-bottom: 3px;}
#latestvid {background: url(images/whitebg.jpg); padding: 10px 10px 12px 10px;}
#latestvid #preview {float: left; margin-right: 10px;}
#latestvid #details {float: right; width: 300px;}
#latestvid #title {background: url(images/stripbgred.jpg); float: left; padding: 2px 4px; color: #ffffff; font-weight: bold;}
#latestvid #vidtitle {clear: both; font-size: 14px; font-weight: bold; color: #555555; padding: 9px 4px 3px 4px;}
#latestvid #vidtitle a {color: #555555; background: none; text-decoration: none;}
#latestvid #viddesc {padding: 4px; font-size: 11px;}
#latestvid #vidlinks {padding: 4px 4px 0 4px;}
#latestvid #vidlinks a {color: #cc0000;}
#latestvid #vidlinks a:hover {color: #ffffff; background: #cc0000;}
.linkbox {padding: 2px 3px; margin: 0 0 0 -3px; float: left; background: url(images/stripbg.jpg);}
.linkbox a {color: #565656;}
.linkbox a:hover {color: #ffffff; background: #565656;}
.linkboxalt {border-top: 1px solid #565656; padding: 4px 10px 2px 0; margin: 5px 0 0 0; color: #565656; text-align: right;}
table.margin {margin: 10px 0;}
.morelinks {float: left; padding: 2px 3px; margin: 10px 0 0 -2px; background: url(images/stripbgred.jpg); color: #ffffff; position: relative; clear: both;}
ol {margin: 0; padding: 5px 0 2px 20px;}
p {margin: 0; padding: 10px 0 2px 0;}
#page {padding: 0 10px 10px 10px; line-height: 130%;}
#pagebg {background: url(images/bg.jpg) center top no-repeat #000000; width: 100%; display: table;}
#pagetitle {font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; text-transform: uppercase; color: #dddddd; padding: 10px 10px 0 10px;}
#pagination {background: url(images/paginationbg.png); padding: 4px 0; text-align: center; color: #777777; font-weight: bold;}
#pagination a {padding: 4px 6px; background: none; color: #777777; text-decoration: none;}
#pagination a:hover {padding: 4px 6px; background: #ffffff; color: #777777;}
#pagination .current {padding: 4px 6px; background: #777777; color: #ffffff;}
#pagination .inactive {padding: 4px 6px; color: #999999;}
#pagpad {padding: 10px 10px 14px 10px;}
.related {background: url(images/blockquotebg.jpg) bottom; margin: 18px 0 6px 0; padding: 6px 7px; color: #564722; clear: both;}
.related strong {color: #000000;}
.related a {color: #a3221e;}
.related a:hover {color: #ffffff; background: #a3221e;}
.related ul {padding-top: 6px; margin-top: 2px; clear: both;}
.related li {padding-bottom: 1px;}
.relatedtitle {float: left; padding: 2px 3px; background: url(images/stripbgred.jpg); color: #ffffff; font-weight: bold; clear: both;}
.right {float: right; margin-right: 20px;}
img.right {float: right; margin: 0 0 0 18px;}
.small {font-size: 10px;}
.spoilertitle {background: #333333; padding: 4px 6px; margin-top: 12px;}
.spoilertitle a {text-decoration: none;}
.spoilertitle a:hover {color: #cc0000; background: none;}
.spoiler {padding: 10px; border: solid #333333; border-width: 0 1px 1px 1px; margin-bottom: 2px; display: none;}
#starratings {background: #777777; font-weight: bold; color: #ffffff; padding: 6px 10px; margin: 0 0 24px 0;}
ul {margin: 0; padding: 10px 0 2px 16px;}
.viditemtitle {padding: 0 0 6px 0; font-size: 14px; color: #dddddd;}
.viditemtitle a {color: #dddddd; background: none; text-decoration: none;}
#vidheading {padding: 10px; font-size: 16px; color: #dddddd; font-family: Century Gothic, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase;}
#video {padding: 0 15px 10px 10px;}
#video #catlink {width: 290px; float: left; padding-top: 10px;}
#video #catlink a:hover {color: #cc0000;}
#video #details {padding: 0 0 0 15px; float: right; width: 140px;}
#video #details table.share {font-weight: bold; padding-top: 12px;}
#video #details td.share {padding-top: 6px;}
#video #details #title {font-size: 14px; color: #ffffff; padding-bottom: 8px; font-weight: bold;}
.warning {color: #880000; padding-top: 10px; font-weight: bold;}
#wrap {background: url(images/footerbg.jpg) center bottom no-repeat; width: 100%; display: table;}

/* Header Menu Backgrounds */
#headerbg {background: url(images/menu/bg.jpg) center bottom no-repeat;}
#headerbg_about {background: url(images/menu/bg_about.jpg) center bottom no-repeat;}
#headerbg_all {background: url(images/menu/bg_all.jpg) center bottom no-repeat;}
#headerbg_characters {background: url(images/menu/bg_characters.jpg) center bottom no-repeat;}
#headerbg_downloads {background: url(images/menu/bg_downloads.jpg) center bottom no-repeat;}
#headerbg_episodes {background: url(images/menu/bg_episodes.jpg) center bottom no-repeat;}
#headerbg_gallery {background: url(images/menu/bg_gallery.jpg) center bottom no-repeat;}
#headerbg_home {background: url(images/menu/bg_home.jpg) center bottom no-repeat;}
#headerbg_news {background: url(images/menu/bg_news.jpg) center bottom no-repeat;}
#headerbg_videos {background: url(images/menu/bg_videos.jpg) center bottom no-repeat;}

/* Submenu */
#submenu {width: 175px; background: url(images/submenubg.png) bottom; padding: 30px 0 30px 0;}
#submenu ul {list-style-type: none; margin: 0; padding: 0;}
#submenu li a {display: block; background: transparent url(media/arrowgreen.gif) 100% 0; padding: 4px 0 4px 10px; font-size: 14px;}	
#submenu li a:link, #submenu li a:visited {color: #aa0000; text-decoration: none;}
#submenu li a:hover {color: #660000; text-decoration: underline;}
#submenu li#selected {margin: 2px 0;}
#submenu li#selected a {background: url(images/smselectedbg.jpg); color: #ffffff;}

/* Section Title */
#about_title {background: url(images/title_about.png) no-repeat; height: 230px; width: 350px; position: absolute; margin: -4px 0 0 -8px;}
#about_title_alt {background: url(images/about_title_alt.png) no-repeat; height: 60px; width: 191px; position: absolute; margin: -22px 0 0 -16px;}
#characters_title {background: url(images/title_characters.png) no-repeat; height: 60px; width: 191px; position: absolute; margin: -22px 0 0 -16px;}
#downloads_title {background: url(images/title_downloads.png) no-repeat; height: 36px; width: 183px; position: absolute; margin: 0 0 0 -8px;}
#episodes_title {background: url(images/title_episodes.png) no-repeat; height: 60px; width: 191px; position: absolute; margin: -22px 0 0 -16px;}
#gallery_title {background: url(images/title_gallery.png) no-repeat; height: 60px; width: 191px; position: absolute; margin: -22px 0 0 -16px;}
#news_title {background: url(images/title_news.png) no-repeat; height: 42px; width: 100px; position: absolute; margin: -12px 0 0 -8px;}
#videos_title {background: url(images/title_videos.png) no-repeat; height: 53px; width: 191px; position: absolute; margin: -22px 0 0 -16px;}

/* Main */
#characters {height: 93px; padding: 10px 0 0 0;}
#main {background: url(images/contentbg.jpg) repeat-y left bottom; width: 520px;}
#main_top {background: url(images/contenttopbg.png) no-repeat left bottom; height: 22px; margin: -10px 10px 0 0;}
#main_top2 {background: url(images/contenttopbg.png) no-repeat left bottom; height: 22px; margin: -10px 0 0 0;}
#main_footer {background: url(images/contentfooterbg.png) no-repeat left top; height: 30px; margin-right: 10px;}
#main_footer2 {background: url(images/contentfooterbg.png) no-repeat left top; height: 30px;}
#main2 {background: url(images/contentbg.jpg) repeat-y left bottom; width: 470px;}
#main3 {background: url(images/contentbg.jpg) repeat-y left top; width: 660px;}
#episodes {margin: 14px 5px 0 0; background: url(images/episodesbg.png) center bottom no-repeat; padding: 6px 12px 32px 12px;}
#episodestitle {font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-transform: uppercase; color: #ffffff; margin: 0 0 5px -4px; padding: 4px 6px;}
#episodes strong {color: #aa0000;}
#downloads {margin: 13px 4px 0 10px; background: url(images/downloadsbg.png) left bottom no-repeat; padding: 140px 15px 26px 9px; color: #ffffff; text-align: right;}
#interview {background: url(images/brookerquote.png) 0 12px no-repeat; color: #ffffff; text-align: right; padding: 110px 10px 0 0;}

/* Character Profiles */
#profileimg_alex {background: url(images/characters/alex_profile.png); width: 203px; height: 155px; float: right; margin: -23px 0 8px 14px;}
#profileimg_angel {background: url(images/characters/angel_profile.png); width: 203px; height: 155px; float: right; margin: -18px 0 8px 14px;}
#profileimg_grayson {background: url(images/characters/grayson_profile.png); width: 203px; height: 155px; float: right; margin: -20px 0 4px 10px;}
#profileimg_joplin {background: url(images/characters/joplin_profile.png); width: 203px; height: 155px; float: right; margin: -23px 0 8px 10px;}
#profileimg_kelly {background: url(images/characters/kelly_profile.png); width: 203px; height: 155px; float: right; margin: -23px 0 8px 14px;}
#profileimg_marky {background: url(images/characters/marky_profile.png); width: 203px; height: 155px; float: right; margin: -18px 0 8px 14px;}
#profileimg_patrick {background: url(images/characters/patrick_profile.png); width: 203px; height: 155px; float: right; margin: -20px 0 8px 14px;}
#profileimg_pippa {background: url(images/characters/pippa_profile.png); width: 203px; height: 155px; float: right; margin: -20px 0 6px 14px;}
#profileimg_riq {background: url(images/characters/riq_profile.png); width: 203px; height: 155px; float: right; margin: -18px 0 8px 14px;}
#profileimg_space {background: url(images/characters/space_profile.png); width: 203px; height: 155px; float: right; margin: -23px 0 8px 14px;}
#profileimg_veronica {background: url(images/characters/veronica_profile.png); width: 203px; height: 155px; float: right; margin: -18px 0 6px 14px;}
.profile {padding: 5px 0;}
#profilename {font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; text-transform: uppercase; color: #ffffff; padding: 0px 8px 0 0; line-height: 96%;}
.profiledetail {padding: 3px 0 0 0; font-size: 14px; color: #dddddd; font-weight: bold;}
.profile-title {background: url(images/stripbg.jpg); float: left; font-size: 14px; font-weight: bold; color: #873b00; margin: 15px 0 0 -4px; padding: 3px 5px 2px 5px; letter-spacing: -1px;}

/* Comments */
.comments-title {background: url(images/stripbg.jpg); float: left; font-size: 16px; font-weight: bold; color: #873b00; margin: 0 0 0 10px; padding: 3px 5px 2px 5px; letter-spacing: -1px;}
.comments-title-right {padding: 5px 5px 0px 5px; font-size: 16px; color: #dddddd; float: right; margin: 0 10px 0 0;}
#comments {padding: 15px 10px 24px 10px;}
#commentform {padding: 15px 10px;}
.comment {background: url(images/commentbg.jpg); font-family: "Courier New", Courier, monospace; padding: 6px 9px; margin-bottom: 15px;}
.comment_title {padding: 2px 10px 0 10px; border-bottom: 1px solid #000000;}
.comment_author {font-size: 18px; font-weight: bold; letter-spacing: -1px; color: #000000; margin-right: 3px;}
.comment_date {float: right; color: #888888; margin-top: 4px;}
.comment_content {padding: 7px 10px;}

/* News */
.shortstory {border-bottom: 1px solid #565656; padding: 20px 10px;}
.shortstory .extract {padding: 6px 0 9px 12px; line-height: 130%;}
.shortstory-title {font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; text-transform: uppercase; color: #ffffff; padding: 0 4px 0 12px;}
.shortstory-title a {text-decoration: none; background: none; color: #ffffff;}
.shortstory .links {margin-left: 9px;}
.fullstory {padding: 10px 0 0 0;}
.fullstory #title {font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; text-transform: uppercase; color: #ffffff; padding: 5px 4px 0 12px; line-height: 96%;}
.fullstory #subtitle {padding: 3px 0 0 0; font-size: 16px; color: #dddddd;}
.fullstory #avatar {padding: 9px 12px 6px 10px; float: left;}
.fullstory #article {padding: 0 12px 14px 12px; line-height: 130%;}
#info {background: #9e0b0f; font-weight: bold; color: #ffffff; padding: 6px 10px;}
#facebook {background: url(http://www.bbspy.co.uk/pre-bb/images/facebook-logo.jpg) no-repeat 10px 6px #3b5998; font-weight: bold; color: #ffffff; padding: 6px 10px 6px 85px; margin: 0 0 24px 0;}
#facebook a {color: #ffffff; text-decoration: none;}
#facebook a:hover {background: none; text-decoration: underline;}
#topstory {padding: 5px 10px 10px 10px;}
#topstory .extract {padding: 2px 0 7px 10px; line-height: 130%;}
#topstoryheading {padding: 2px 3px; margin: 0 0 0 -3px; float: left; background: url(images/stripbg.jpg); color: #565656; font-weight: bold;}
#topstorytitle {clear: both; font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; text-transform: uppercase; color: #ffffff; margin: 0 0 5px -4px; padding: 6px 4px 2px 3px;}
#topstorytitle a {text-decoration: none; background: none; color: #ffffff;}
.links {float: left; padding: 2px 3px; margin: 0 0 0 7px; background: url(images/stripbgred.jpg); color: #ffffff;}
#newsinfo {background: url(images/news_info.png) no-repeat; padding: 20px 10px;}
#newsinfo .links {margin: 0;}
#newsinfo h3 {font-size: 16px; margin: 0 0 5px 0; letter-spacing: -1px;}
#newsinfo .passworddiv {margin: 16px 0 0 0; background: #e9e9e9; padding: 5px 10px;}
#newsinfo #rememberme {background: #dddddd; padding: 3px 5px; margin: 0 0 16px 0;}

/* Table Styles */
.tblhead {background: #ffffff; border-right: 1px solid #999999; padding: 4px;}
.tblhead2 {background: #ffffff; padding: 4px;}
.tblheadalt {background: #eeeeee; border-right: 1px solid #999999; padding: 4px;}
.tblcontent {border-right: 1px solid #6c6c6c; padding: 10px 0;}
.tblhead a, .tblhead2 a, .tblheadalt a {color: #6c6c6c; text-decoration: none;}
.tblhead a:hover, .tblhead2 a:hover, .tblheadalt a:hover {color: #333333; background: none;} 

/* Sidebar */
#about {background: url(images/aboutbg.png) no-repeat; height: 135px; margin: 0 0 0 10px; padding: 90px 6px 0 26px; color: #eeeeee;}
#abouttitle {float: left; font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #ffffff;  background: url(images/stripbgred.jpg); margin: 0 0 5px -4px; padding: 2px 4px;}
#about_title_div {width: 100%;}
#about_desc {clear: both; padding: 2px 0 8px 0;}
#featured_video {background: url(images/featuredvideo_bg.png) bottom no-repeat; margin: 0 0 0 10px; padding: 17px 15px 0 15px; height: 345px;}
#featured_video a {color: #565656;}
#featured_video a:hover {color: #ffffff; background: #565656;}
#featured_video .linkbox {margin: 9px 0 0 12px;}
#featured_video_heading {background: url(images/featuredvideo_title.png) no-repeat; width: 370px; position: absolute; margin: 0 0 0 0; height: 80px;}
#featured_video_title {font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; text-transform: uppercase; color: #cc0000; margin: 0 0 3px -4px; padding: 8px 6px 4px 16px;}
#featured_video_details {padding: 0 6px 4px 14px;}
#featured_video_spacer {height: 10px;}

#deadset_ad {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; background: url(images/adbg_235.jpg) no-repeat #000000; color: #eeeeee; padding: 5px 10px 10px 10px; margin: 5px 0 15px 15px; border: 1px solid #555555;}
#deadset_ad #intro {font-size: 9px; color: #666666; margin: 0 0 125px 0;}
#deadset_ad #disclaimer {font-size: 9px; font-style: italic; color: #dddddd; margin: 5px 0 0 0;}
#deadset_ad a {color: #aaaaaa;}
#deadset_ad a:hover {color: #ffffff; background: #555555;}
#gallery_alt {background: url(images/gallerybg_salt.png) right no-repeat; padding: 190px 20px 10px 30px; margin: 0 0 10px 12px; height: 101px;}
#latest_alt {background: url(images/lateststorybg_salt.jpg) no-repeat; margin: 0 0 15px 15px; padding: 35px 10px 10px 10px; height: 78px;}
#latest_alt #newstitle {font-size: 14px; color: #aa0000; font-weight: bold; padding-bottom: 8px;}
#latest_alt #padding {padding-bottom: 4px;}
#latest_alt a {color: #555555;}
#latest_alt a:hover {color: #ffffff; background: #555555;}
#downloads_alt {margin: 0 0 8px 15px; background: url(images/downloadsbg_salt.png) left no-repeat; padding: 130px 10px 21px 5px; color: #ffffff; text-align: right;}

/* Footer */
#footer {padding: 10px 0 14px 14px; color: #666666; font-size: 11px;}
#footer a {color: #666666;}
#footer a:hover {color: #ffffff; background: #666666;}
#footer #e4logo {background: url(images/e4logo.png) no-repeat; height: 69px; width: 70px; float: left; margin: 0 12px 0 0;}
#footer #e4logo a:hover {background: none;}
#footer_heading {color: #555555; padding: 7px 0; font-size: 12px;}
#footer_heading strong {font-size: 14px; letter-spacing: -1px; color: #444444;}