/* bbspy (C)2006-2009 bbspy.co.uk. All rights reserved. */

html, body {height: 100%;}
body, td, th {font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

/* Backgrounds */
body {background: url(../../images/layout/bg.jpg) repeat-x #9b99c9; margin: 0;}
#wrap {background: url(../../images/layout/wrap_bg.jpg) center top no-repeat; width: 100%;}
#mainbg {background: #fff;}

/* HTML */
a:link, a:visited, a:active {color: #ff00c8; text-decoration: underline; font-weight: bold;}
a:hover {background: #ab00c1; color: #fff; text-decoration: none; font-weight: bold;}
blockquote {background: url(../../images/layout/blockquote_bg.jpg) repeat-y #ffe0f8; margin: 2px 0; display: block; padding: 0 8px; border-top: 1px dotted #0602a1; border-bottom: 1px dotted #fc00c7; color: #04028a;}
blockquote p {margin: 8px 0;}
form {margin: 0;}
li {margin: 0 0 1px 0;}
ol {padding: 0 0 0 24px; margin: 12px 0;}
p {margin: 12px 0;}
h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
sub, sup {font-weight: bold; font-size: 8px;}
sub a, sup a {color: #999 !important; text-decoration: none !important;}
sub a:hover, sup a:hover {background: none;}
ul {padding: 0 0 0 18px; margin: 10px 0 12px 0;}

/* HTML Classes */
h3 {font-size: 14px; margin: 20px 0 -7px 0; color: #00aeef;}
#author, #comment, #email, #message, #name, #otherspecify, #subject, #url, #verif_box {background: #fff; border: 1px solid #ccc;}
.bottompad {padding: 0 0 8px 0; color: #aaa; font-size: 11px; font-style: italic; font-family: Arial, Helvetica, sans-serif;}
blockquote.quote {background: url(../../images/layout/quote_bg.gif) 0 3px no-repeat; border: none; margin: 4px 0 16px 0; padding: 1px 12px 0 34px; color: #666;}
blockquote.quote p {margin: 4px 0 12px 0;}
.clear {clear: both;}
#contact {margin: 15px 0; background: #f0f0f0; border: 1px solid #ccc; padding: 9px;}
a#editlink {display: block; background: #555; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #fff; padding: 0 3px; outline: none;}
a#editlink:hover {color: #ccc;}
.editbox {background: url(../../images/layout/edit_bg.jpg) repeat-x #ff99ea; position: absolute; width: 288px; margin: 14px 0 0 0; padding: 6px; border-top: 3px solid #555;}
.editbox textarea {background: url(../../images/layout/edit_bg_light.jpg) repeat-x #ffccf5; border: 1px solid #ffebfb; margin: 0 0 3px 0; height: 73px;}
.editdetails input {font-family: Arial, Helvetica, sans-serif; font-size: 12px; float: right;}
.editdetails span {display: block; font-size: 12px; width: 230px; float: left; font-weight: bold; color: #fff; padding: 4px 0 0 0;}
.infobox {background: #ededed; width: 200px; float: right; margin: 12px 0 0 20px;}
.infotitle {background: #aaa; font-size: 12px; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 1px 3px 0 3px; margin: 4px 4px 3px 4px; color: #fff; float: left; line-height: 16px;}
.infocontent {padding: 2px 7px 2px 7px;}
.infocell1, .infocell3 {font-weight: bold; color: #555;}
.infocell1, .infocell2 {border-bottom: 1px dotted #c6c6c6; padding: 3px 0;}
.infocell3, .infocell4 {padding: 3px 0;}
.infodisc {font-style: italic; font-size: 10px; color: #777; padding: 3px 0;}
#interview {color: #555; padding: 0 0 0 5px; margin: 0 0 14px 0; }
#interview strong {color: #ff0096; display: block; padding: 3px 0; margin: 0 0 0 -5px; font-size: 12px;}
#interview br {display: none;}
#interview p {display: block; margin: 0 0 17px 0;}
.left {float: left;}
ul#Live {list-style: none; padding: 0; border-top: 1px dotted #bbb; margin: 17px 0; clear: both;}
ul#Live li {padding: 5px 0; display: block; border-bottom: 1px dotted #bbb; color: #333;}
ul#Live strong {background: #ff80b6; font-weight: bold; color: #fff; padding: 0 2px; margin: 0 3px 0 0;}
ul#Live li.break strong {background: #4cceff;}
.newsdisc {font-style: italic; color: #888;}
.newsdisc a {color: #777; background: none;}
.nomsnumber {font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background: #eaeaea; padding: 0 3px;}
.nomsnumber strong.blue {color: #00aeef;}
#notes {border-top: 1px dotted #ffb2d3; padding: 10px 4px 4px 4px; margin: 16px 0 0 0;}
#notes h3 {margin-top: 0;}
#notes ol {list-style: none; padding: 0; margin: 12px 0 0 0;}
#notes li {padding: 2px 0 8px 0;}
#notes strong {color: #00aeef;}
.pageitem {border-bottom: 1px dotted #ff00c8; padding: 0 4px 8px 4px; margin: 0 0 12px 0; line-height: normal;}
.pageitem#last {border: 0; margin: 0;}
.pageitem .imgcell {padding: 0 12px 0 0;}
.pageitem .imgcell a {width: 0px; height: 0px; margin: none; padding: none;}
.pageitem .itemtitle, .pageitem .itemtitlesm {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #0800a0; letter-spacing: -1px;}
.pageitem .itemtitle {font-size: 23px; padding: 2px 0 5px 0;}
.pageitem .itemdetails span, .morelinks span {background: #e9e9e9; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0 3px; font-size: 12px; line-height: 20px;}
.pageitem .itemdetails span, #musicside .morelinks span {text-transform: uppercase;}
.pageitem .itemdetails span a, #musicside .morelinks a {color: #555;}
.pageitem .itemdetails span a:hover, #musicside .morelinks a:hover {background: none;}
.pageitem .itemdetails strong, .morelinks strong {color: #00aeef;}
.pageitem .itemsection {border-top: 1px dotted #ffb2ee; margin: 10px 0 -2px 0; padding: -2px 0 0 0;}
.pageitem .itemsection .title {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -1px; font-size: 16px; line-height: 16px; padding: 8px 0 0 0; margin: 0 0 -2px 0; color: #ff00c8;}
.pageitem ul {display: block; margin: 5px 0 0 0; list-style: none; padding: 0;}
.pageitem ul li {display: block; background: url(../../images/layout/blt_blue.gif) no-repeat 2px 3px; padding: 0 0 0 15px; margin: 0 0 6px 0;}
.purple {background: none; padding: none; margin: 0; color: #bf55bd;}
.right {float: right;}
.section {border-top: 1px dotted #ccc; padding: 4px; line-height: normal;}
.small {font-size: 9px;}
.showtitle {background: #ddd; float: left; width: 567px; font-size: 12px; padding: 1px 3px; font-weight: bold; color: #777;}
#stats h3 {margin: 0 0 12px 0; color: #bf55bd; display: block; font-size: 16px; letter-spacing: -1px; border-bottom: 1px dotted #ccc; padding: 0 0 2px 4px;}
#stats td.left {padding: 0 20px 0 0; float: none;}
.stat {margin: 0 4px 20px 4px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.stat_right {margin-left: 78px;}
.stat_title {background: #e9e9e9; color: #00aeef; font-size: 15px; font-weight: bold; letter-spacing: -0.2px; padding: 0 4px;}
.stat_content {padding: 0 0 2px 0; margin: 0 0 4px 0;}
.stat_content span {background: #e9e9e9; padding: 0 4px 2px 4px; font-size: 24px;}
.stat_extra {color: #aaa; font-size: 12px; padding: 0 4px; text-transform: uppercase;}
.stat_image {float: left; border: 4px solid #e9e9e9;}
#tagcloud {border-top: 1px dotted #ccc; padding: 10px 4px; line-height: normal; text-align: center;}
#tagcloud a {margin: 0 2px;}
.toppad {padding: 3px 0 0 0;}
ul#twitter_update_list {margin: 0; padding: 0; list-style: none;}
ul#twitter_update_list li {display: block; background: url(../../images/layout/posts_blt.gif) 0 3px no-repeat; border-bottom: 1px dotted #7ec7ff; padding: 0 2px 5px 12px; margin: 0 0 5px 0;}
ul#twitter_update_list a {color: #888; text-decoration: none;}
ul#twitter_update_list a:hover {background: none; color: #656565;}
#watnwrap {padding: 14px 0 0 0; margin: 0 0 12px 0; border: dotted #ccc; border-width: 1px 0;}
#watn td {padding-bottom: 14px; color: #444;}
#watn strong {color: #00aeef; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 12px; margin: 0 1px 0 0;}
img#wpstats {display: none;}

/* Header */
#headerbg {background: url(../../images/layout/header/winner_sophie.jpg) no-repeat; padding: 0 0 3px 0;}
#header {height: 100px;}
#housemates {height: 50px; padding: 3px 0;}

/* Menu */
#menu {background: url(../../images/layout/menu_bg.jpg) center repeat-x #cfcfcf; font-size: 14px;}
#menu ul {float: left; margin: 0; padding: 0 10px; list-style: none;}
#menu ul li {float: left; margin: 0;}
#menu ul li a {text-decoration: none; display: block; color: #609cee; padding: 5px 9px; letter-spacing: -1px;}
#menu ul li a:hover {color: #dc00c0; background: #fff;}
#menu ul li#current a {background: #7e7e7e; color: #fff;}

/* Submenu */
#sidemenu {width: 154px; padding: 0 4px 12px 10px; background: url(../../images/layout/submenu_bg.jpg) top left no-repeat;}
#submenu {width: 154px; padding: 12px 0 0 0;}
#subm_title span {padding: 1px 4px; font-size: 12px; color: #fff; font-weight: bold; background: #0600a0;}
#submenu ul {list-style: none; margin: 5px 0 0 0; padding: 0;}
#submenu li {display: block; padding: 1px 0;}
#submenu li a {background: none; padding: 1px 4px; font-size: 13px; color: #ff00c8; text-decoration: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}	
#submenu li a:hover {color: #ab00c0; text-decoration: underline;}
#submenu li#scurrent {margin: 2px 0;}
#submenu li#scurrent a {display: block; background: #a9a9a9; color: #fff; text-decoration: none;}

/* Page Styles */
#main {padding: 12px;}
#title, #sm_title {margin: 0 0 4px 0; padding: 0 0 6px 0; overflow: auto; border-bottom: 1px dotted #ffb2d3;}
#title span, #sm_title span {background: #ff56ba; font-weight: bold; color: #fff; display: block; float: left; letter-spacing: -1px; padding: 1px 4px;}
#title span {font-size: 18px;}
#sm_title span {font-size: 15px;}
#page {padding: 0 4px 2px 4px;}

/* Homepage */
#homebox {background: url(../../images/layout/homebox_bg.jpg); margin: 10px 0 0 0;}

.home_title {overflow: auto; padding: 5px 10px 6px 0; margin: 10px 0 0 0;}
.home_title .section {display: block; float: left; background: #9b99d9; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 1px 20% 1px 16px; border: none;}
.home_title#opinion .section {background: #dd99e6;}
.section_link {background: #ddd; display: block; float: right; font-size: 12px; margin: 3px 0 0 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.section_link a:link, .section_link a:visited, .section_link a:active {color: #888; text-decoration: none; padding: 0 4px;}
.section_link a:hover {color: #fff; background: #aaa;}

#home_news {margin: 10px 16px 0 16px;}
#home_opinion {margin: 7px 16px 24px 16px;}

/* Archive Pages */
#archive {padding: 10px 4px 0 4px;}

/* Top Story Display */
#ts_avatar {float: left;}
#ts_item {overflow: auto; position: absolute; margin: 0 0 0 190px; width: 410px;}
#ts_item #date {overflow: auto; background: none; margin-top: 0; padding: 0;}
#ts_item #date span {font-size: 12px; color: #fff; font-weight: bold; padding: 1px 3px; margin: 0; background: #0600a0; float: left;}
#ts_item #title {display: block; float: left; background: #ff00c8; color: #fff; font-size: 23px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -1px; margin: 0; padding: 1px 5px; border: none;}
#ts_item a {color: #fff; text-decoration: none;}
#ts_item a:hover {color: #eee; background: none;}
#ts_details {float: right; width: 378px; margin: 48px 0 0 0; padding: 0 6px;}
#ts_details #desc {padding: 5px 3px; font-size: 12px; color: #555; border-bottom: 1px dotted #b4b2e2;}
#ts_details #more {overflow: auto; padding: 4px 3px;}
#ts_details #more a {color: #888; margin: 0 6px 0 0;}
#ts_details #more a:hover {background: #aaa; color: #fff;}

/* Short Story Display */
.item {margin-bottom: 20px;}
.details .title {padding: 0; background: none; font-size: 16px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px;}
.details .title a:link, .details .title a:visited, .details .title a:active {padding: 0; color: #3833b3; text-decoration: none;}
.details .title a:hover {color: #050078; background: none;}
.details .desc {padding: 3px 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px dotted #b4b2e2;}

.vw_details {padding: 5px 3px;}
.vw_title {padding: 0px; background: none; font-size: 16px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px; line-height: 18px;}
.vw_title a:link, .vw_title a:visited, .vw_title a:active {padding: 0; color: #ab00c1; text-decoration: none;}
.vw_title a:hover {color: #860097; background: none;}
.details .vw_title {line-height: normal;}
.vw_details .vw_desc {padding: 5px 0 7px 0; margin: 0 0 5px 0; border-bottom: 1px dotted #b4b2e2;}

.details .more, .vw_details .more {overflow: auto;}
.details .more .links, .vw_details .more .links {float: left;}
.details .more a, .vw_details .more a {color: #888; margin: 0 6px 0 0;}
.details .more a:hover, .vw_details .more a:hover {background: #aaa; color: #fff;}
.details .more .date, .vw_details .more .date {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; float: right; color: #6dcff6;}

/* News Pagination */
#pages {overflow: auto;}
#pagination {padding: 2px 3px; background: #ccc; color: #777777; font-weight: bold; margin: 0 0 20px 0; float: left;}
#pagination a {padding: 2px 4px; background: none; color: #777777; text-decoration: none; margin: 0 2px;}
#pagination a:hover {padding: 2px 4px; background: #ffffff; color: #777777;}
#pagination .current {padding: 2px 4px; background: #777777; color: #ffffff; margin: 0 2px;}
#pagination .inactive {padding: 2px 4px; color: #999999;}

/* Single Post */
#item_full {margin: 4px 4px 0 4px;}
#item_full #title {border: none; margin: 0; padding: 2px 0 0 0; font-family: Trebuchet MS; font-size: 23px; font-weight: bold; letter-spacing: -1px; color: #3833b3;}
#item_full #title.vw {color: #ab00c1;}
#item_full #subtitle {font-size: 14px; font-weight: bold; letter-spacing: -1px; color: #1ab5ef;}
#item_full #subtitle.vw {color: #ff4db6;}
#avatar {float: left; margin: 13px 12px 0 0;}
#story {padding: 0 0 6px 0;}

#item_details {background: #e6e6e6; padding: 4px;}
.author {display: block; background: url(../../images/icons/author.gif) no-repeat; padding: 1px 0 1px 20px;}
#date {display: block; background: url(../../images/icons/date.gif) no-repeat; padding: 1px 0 1px 20px; margin: 2px 0 0;}
#share {float: left; background: #f6f6f6; padding: 3px 1px 0 1px;}
#share, #permalink {margin: 1px 0 0 0;}
#permalink {background: #fff; border: 1px solid #ccc; padding: 2px 1px;}
.sociable ul {margin: 0; padding: 0; list-style: none;}
.sociable ul li {float: left; margin: 0 3px;}
.sociable ul li a {background: none;}
.sociable ul li img {border: 0;}

#browse {padding: 5px 0 14px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#browse .left, #browse .right {width: 49%;}
#browse .right {text-align: right;}
#browse .left a {background: url(../../images/layout/larrow_orange.gif) 0 5px no-repeat; color: #ff8a00; padding: 0 0 0 12px;}
#browse .right a {background: url(../../images/layout/rarrow_orange.gif) right 5px no-repeat; color: #ff8a00; padding: 0 12px 0 0;}

/* Comments */
.comments_title {padding: 12px 0px; font-size: 16px; color: #56d1ff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-top: 1px dotted #aaa;}
.comments_title strong {letter-spacing: -1px;}

#comments_list {margin: 0 4px; padding: 0 0 8px 0;}
.comment {margin: 0 0 12px 0;}
.wrap {background: #dff6ff; border: solid #9de2ff; border-width: 1px 1px 0 1px;}
.comment .info { padding: 5px; overflow: auto;}
.name {display: block; float: left; padding: 2px 4px; background: #6cd7ff; color: #fff;}
.name strong {font-size: 14px; letter-spacing: -1px; margin: 0 2px 0 0;}
.comment .details {display: block; float: right; font-size: 11px; color: #aaa; padding: 2px 4px 0 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase;}
.comment .details a {color: #888; margin: 0 0 0 4px;}
.comment .details a:hover {color: #fff; background: #888;}
.message {padding: 5px 9px 1px 9px;}
.message p {margin: 0 0 10px 0;}
.end {height: 18px; background: url(../../images/layout/comment_end.gif) top left no-repeat;}

.staff .wrap {background: #ffdcf0; border-color: #ff71c5;}
.staff .name {background: #ff71c5;}
.staff .details {color: #999;}
.staff .end {background-image: url(../../images/layout/commentst_end.gif);}

#comment_form {background: #f0f0f0; border: 1px solid #ccc; padding: 9px; margin: 0 0 10px 0;}
#comment {width: 400px;}
#rules {overflow: auto; padding: 10px 0 0 0;}
#rules span {display: block; float: left; background: #ccc; padding: 2px 4px; font-size: 10px; color: #fff; font-weight: bold; font-style: italic;}
#rules a {color: #fff; background: none;}

.moderation {background: #ffdddd; padding: 5px; margin: 0 0 12px 0;}
.moderation strong {font-size: 14px; color: #ff0000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight: bold;}

/* Sidebar */
#sidebar {padding: 10px 10px 10px 4px; width: 300px;}

.widget {background: url(../../images/layout/widget_bg.jpg) repeat-x #e2efff; padding: 4px 6px 8px 0; margin: 0 0 10px 0;}
.widget_title {overflow: auto;}
.widget_title .title {background: #609cee; font-size: 14px; padding: 2px 15% 2px 10px; font-weight: bold; color: #fff; letter-spacing: -1px; display: block; float: left;}
.widget_content {padding: 8px 4px 0 4px; margin: 0 0 0 6px; color: #000;}
.widget_link {display: block; padding: 2px 5px; text-align: right; margin: 8px 0 0 0; overflow: auto;}
.widget_link a {float: right; display: block; background: url(../../images/layout/bgarrow_blue.gif) top right no-repeat #f4f4ff; padding: 1px 20px 1px 5px; text-decoration: none; color: #00aeef;}
.widget_link a:hover {background: url(../../images/layout/bgarrow_blue.gif) top right no-repeat #00aeef; color: #f4f4ff;}

.widget.pink {background: url(../../images/layout/widget_pbg.jpg) repeat-x #ffe5f0;}
.widget.pink .widget_title .title {background: #ce749b;}
.widget.pink .widget_link a {background: url(../../images/layout/bgarrow_pink.gif) top right no-repeat #fff1f6; color: #bc6289;}
.widget.pink .widget_link a:hover {background: url(../../images/layout/bgarrow_pink.gif) top right no-repeat #bc6289; color: #fff1f6;}

div#stats {padding: 0; background: url(../../images/layout/stats_bg.jpg); margin: 0;}
#stats_title, .stat {overflow: auto;}
#stats_title {padding: 2px 0 0 0;}
#stats_title span {background: #0600a0; color: #fff; font-size: 12px; font-weight: bold; letter-spacing: normal; padding: 1px 4px;}
.stats_inner { overflow: auto; padding: 0 0 4px 0; margin: 0;}
.stats_inner span {background: #ddd; display: block; color: #777; font-size: 14px; letter-spacing: -1px; padding: 1px 5px 1px 5px; float: left; clear: both;}
.stats_inner span.alt {margin: 1px 0;}
.stats_inner span#days {background: #ff00c8; font-size: 18px; color: #fff; margin: 0 0 4px 0; padding: 0 5px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#homestats {padding: 0 10px; width: 300px;}
#sidebar #stats {margin: 0 0 10px 0;}

#poll_title {font-size: 13px; font-weight: bold; color: #0076a3; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0 0 4px 0; margin: 0 0 4px 0; line-height: 15px; border-bottom: 1px dotted #7ec7ff;} /* Poll widget */
.poll_option {vertical-align: middle; padding: 3px 0;}
.poll_option input {vertical-align: bottom; margin: 0 2px 0 0; padding: 0;}
.poll_result {padding: 3px 0 4px 0;}
.poll_percent {background: #aaa; font-weight: bold; color: #fff; font-size: 10px; padding: 0 1px; margin: 0 0 0 2px;}
.pollbar {margin: 1px; font-size: 6px; line-height: 8px; height: 12px; background-image: url(../../images/layout/pollbar.jpg);}
.pollbar#hl {background-image: url(../../images/layout/pollbar_hl.jpg);}
#poll_footer {border-top: 1px dotted #7ec7ff; margin: 4px 0 0; padding: 6px 0 0;}
#poll_footer input {font-size: 13px; padding: 0 3px; cursor: pointer;}
.wp-polls ul {padding: 0; margin: 0;}

ul#posts-nav {display: block; background: #ce749b; font-size: 14px; padding: 0 10px 0 10px; list-style: none; overflow: auto; letter-spacing: -1px; float: left; margin: 0;} /* Posts widget */
ul#posts-nav li {display: inline; float: left; margin: 0 3px 0 0;}
ul#posts-nav li a {display: block; text-decoration: none; color: #ffdeec; padding: 2px 5px;}
ul#posts-nav li a:hover {background: none; color: #fff;}
ul#posts-nav li a:active {background: #ef95bc;}
ul#posts-nav li.activeli a {background: #ef95bc; color: #fff;}

.tab {clear: both; padding: 1px 0 0 4px; margin: 0 0 0 6px; color: #000; overflow: hidden;}
.tab ul {margin: 0; padding: 0; list-style: none;}
.tab ul li {display: block;  background: url(../../images/layout/posts_blt.gif) 0 3px no-repeat; padding: 0 0 0 12px; margin: 5px 0 0 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 14px; }
.tab ul#latest_comments li {background-image: url(../../images/layout/posts_cmt.gif); padding: 0 0 0 16px; margin: 6px 0 0 0; text-transform: uppercase;}
.tab ul#forum_topics li {background-image: url(../../images/layout/posts_forum.gif); padding: 0 0 0 18px; font-size: 12px; margin: 7px 0 0 0; }
.tab ul li a:link, .tab ul li a:visited, .tab ul li a:active {color: #de0083;}
.tab ul li a:hover {background: #de0083; color: #fff;}

#tvhl {padding: 4px 4px 0 4px;} /* TV listings widget */
.c4hl, .e4hl {background: center left no-repeat; padding: 3px 0 3px 38px; font-size: 12px; margin: 5px 0;}
.c4hl {background-image: url(../../images/layout/c4hl.gif); color: #1f7b9c;}
.e4hl {background-image: url(../../images/layout/e4hl.gif); color: #742689;}
.c4hl span, .e4hl span {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; font-size: 11px; text-transform: uppercase;}

#tags {line-height: normal;} /* Tags widget */
#tags a {color: #888; margin: 0 3px 0 0;}
#tags a:hover {background: #aaa; color: #fff;}

/* Footer */
#footer {background: url(../../images/layout/footer_bg.jpg) center left no-repeat #000; padding: 10px 10px 8px 60px; color: #ffcefd; overflow: auto;}
#ft_title {color: #89dbfc; font-size: 12px; font-weight: bold;}
#ft_info {width: 600px; float: left;}
#ft_disc {padding: 0 2px 6px 2px;}
#ft_links {float: left; background: url(../../images/layout/footer_linksbg.jpg); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0 0 0 3px; text-transform: uppercase; margin: 1px 0 0; clear: both;}
#ft_links a {text-decoration: none; color: #fff; margin: 0 3px 0 0; padding: 0 2px;}
#ft_links a:hover {color: #fff; background: #555;}
#ft_logos {width: 146px; height: 42px; background: url(../../images/layout/footer_logos.jpg) no-repeat; float: right;}

/* Fixes for Apple devices (Thanks MJL!) */
textarea {resize: none;} /* Prevents resizing of text areas in Safari */

/* Music */
#music {padding: 6px 0 10px 0;}
#musicmain {width: 640px; float: left;}
#musicmain a:hover {color: #ab00c1; background: none;}
#musictable th {text-align: left; padding: 4px; background: #b2eaff;}
#musictable td {padding: 5px 4px; border-bottom: 1px dotted #c6c6c6; color: #333;}
#musictable td.bestbits {font-weight: bold; color: #ff0000;}
#musictable td.intro {font-weight: bold; color: #0B0;}
#musictable td.othervt {font-weight: bold; color: #009cd7;}
#musicside {width: 234px; float: right;}
#musicside .itemtitlesm {padding: 0 4px;}
#musicside .itemsection {margin: 2px 0 0 0; padding: 9px 4px 0 4px;}
#musicside .morelinks {padding: 7px 4px 0 4px; margin: 12px 0 0 0; border-top: 1px dotted #ffb2ee;}
#musicside .morelinks span {line-height: 22px !important;}
#musicside .morelinks .right {width: 50%;}

/* Quizzes */
#quiz {border-top: 1px dotted #ccc; padding: 12px 4px 44px 4px; line-height: normal;}
#correct, #wrong {font-size: 14px; font-weight: bold; letter-spacing: -1px; color: #fff; padding: 1px 3px; margin: 0 0 8px 0;}
#correct {background: #8d3;}
#wrong {background: #f00;}
#counter {font-weight: bold; color: #0600a0;}
#question, #result {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #00aeef; border-bottom: 1px dotted #ccc; padding: 2px 0 8px; margin: 0 0 9px 0;}
#question {font-size: 16px; line-height: 20px; font-weight: bold;}
#result {font-size: 28px; letter-spacing: -1px; line-height: 26px;}
.option {vertical-align: middle; margin: 0 0 5px 0; font-size: 12px;}
.option input {vertical-align: bottom; margin: 0 6px 0 0; padding: 0;}
#quizmessage {font-size: 15px; color: #777; margin: 0 0 5px 0;}
#quizfooter {overflow: auto; padding: 8px 0 16px 0;}
#quizfooter a, #quizfooter input {font-size: 14px; letter-spacing: -1px; background: url(../../images/layout/quiz_arrow.gif) no-repeat center right #ffd9f7; color: #ff00c8; padding: 1px 26px 1px 5px;}
#quizfooter a {text-decoration: none; margin: 0 10px 0 0; display: block; float: left;}
#quizfooter a:hover, #quizfooter input:hover {background: url(../../images/layout/quiz_arrow.gif) no-repeat center right #ff00c8; color: #ffd9f7;}
#quizfooter input {font-family: Arial, Helvetica, sans-serif; font-weight: bold; border: none; margin: 0; width: auto; cursor: pointer;}
#quizfooter input::-moz-focus-inner {padding: 0; margin: 0; border: none;}
.quizpreview {padding-right: 12px;}
.quizlink {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; letter-spacing: -1px; padding: 4px 0 12px 0;}