/* --------------reset-------------- */ /* Written by Eric Myer Source: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* --------------global-------------- */ /* general definitions */ * {margin: 0; padding: 0;} body {background: #422b3d url(../img/bg_gradient.jpg) repeat-x; background-attachment: fixed; font-family: Arial, Verdana; font-size: 0.9em; line-height: 100%; margin-top: 10px; margin-left: 10px;} body.listframe {background: #231620 url(../img/bg_bottombox.gif) repeat-x; padding: 0; margin: 0;} #wrapper {width: 99%; max-width: 1400px; min-width: 950px;} p {font-size: 90%; line-height: 150%;} #smallBar {float: left;} #smallCol .adbox {background: #000; height: 444px; padding-top: 20px;} #smallCol .socialbox {background: #351c2e; padding: 8px 0; height: 27px;} /* headers */ h1, h2, h3 {font-family: Arial Rounded MT Bold, Arial;} h2.header {color: #ffc4ff; font-size: 0.8em;} h2.altheader {color: #81276B; font-size: 0.8em;} .header, .altheader {background: #381D30 url(../img/bg_header.gif) repeat-x 0 0; height: 24px; overflow: hidden; line-height: 22px; margin: 0; padding: 0 10px; font-family: Arial Rounded MT Bold, Arial;} h2.noclick {color: #BBB; font-size: 80%; background: #381D30 url(../img/bg_topheader.gif) repeat-x 0 0;} .editicon {background: transparent url(/img/icons/icon-edit.png) no-repeat 0 0; padding-left: 20px;} .tophr {border-top: 1px solid #ccc; margin-top: 5px; padding-top: 3px;} .bottomhr {border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 3px;} /* dynamic CSS changes */ .hilite {background: #81276B;} #currentstatusbox-loading {display: block; text-align: center; padding: 24px;} #header { min-width: 980px; min-height: 140px; border-bottom: 1px solid #b34d9a; margin-bottom: 5px;} #holderBanner {clear: both; float: right; margin-left: 20px; height: 90px;} #banner_fullsize {width: 468px; height: 60px; margin: 20px 0 0 20px; color: #CCC; text-align: center; font-size: 80%;} #adCompanionBanner {padding: 5px 0; text-align: center;} #sponsorbox {text-align: center; background: pink; } #sponsorbox h3 {color: #381D30; font-size: 0.9em; margin-top: 32px;} #sponsorbox div {border: 3px solid pink; margin: 30px 0;} .logintrigger {font-family: Arial Rounded MT Bold, Arial; font-size: 160%; padding: 40px; color: pink;} .logintrigger a {color: #FFF;} #topbox {clear: both; height: auto;} #topbox #topinfo { padding: 20px 20px 40px 530px; color: pink; font-size: 0.9em; margin: 30px 0; border-bottom: 2px solid #b34d9a; line-height: 160%; } #topbox #memberinfo { padding: 20px 20px 40px 50px; color: pink; font-size: 0.9em; margin: 30px 0; border-bottom: 2px solid #b34d9a; line-height: 160%; float: left; width: } #topbox #membershouts {float: right; width: 180px; padding-top: 18px; color: #FFF; font-size: 0.7em;} #topinfo p { margin: 0.6em 0; } a.closelink {color: #FFF; background: transparent url(/img/buttons/buttons.gif) no-repeat 0 -80px; width: 54px; height: 28px; text-indent: -200px; display: block; overflow: hidden; margin-top: 0px;} a.closelink:hover {background-position: 0 -1px;} a.yeslink {color: #FFF; background: transparent url(/img/buttons/buttons.gif) no-repeat -100px -80px; width: 54px; height: 28px; text-indent: -200px; display: block; overflow: hidden;} a.yeslink:hover {background-position: -100px -1px;} a.nolink {color: #FFF; background: transparent url(/img/buttons/buttons.gif) no-repeat -55px -80px; width: 48px; height: 28px; text-indent: -200px; display: block; overflow: hidden;} a.nolink:hover {background-position: -55px -1px;} #topbox h2 {color: #951b7a;} #sitemap {margin-left: -490px; margin-top: 30px;} #sitemap a { text-decoration: none; font-weight: bold; color: #FFF;} #sitemap .col {margin-right: 25px; float: left; color: pink; font-size: 90%; width: 195px;} #sitemap h1 {color: #ffc4ff;} #tracklistingbox span.error {width: 200px;} #tagcloud, #djcloud {font-family: Arial Rounded MT Bold, Arial; margin: 0; font-size: 75%;} #tagcloud {height: 100px; padding: 30px 0 0 10px; text-align: left; } #djcloud {clear: both; padding: 20px; text-align: center;} #djcloud h2 {margin-top: 20px;} #djcloud h3 {text-align: center; background: #1a1218 url(../img/bg_header.gif) repeat-x; height: 24px; line-height: 22px; margin-top: 20px; padding: 0 10px; font-size: 12px;} #tagcloud a, #djcloud a {margin: 3px; color: #FFF;} #tagcloud a.b, #djcloud a.b { color: #f9c1f4;} #tagcloud a.c, #djcloud a.c { color: #e396db;} #tagcloud a.d, #djcloud a.d { color: #cb7bc3;} #tagcloud a.e, #djcloud a.e { color: #dab8d7;} #tagcloud a:hover, #djcloud a:hover {color: pink; text-decoration: none;} #tagcloud a.active, #djcloud a.active {margin: 2px; color: #F695FF; font-size: 130%;} #tagcloud em, #djcloud em {display: block; color: #fff; font-size: 80%;} #trackform {margin: 14px 0;} /* Top #mainheader {background: #1c131a url(./img/bg_header.gif) repeat-x 0 0; padding-bottom: 3px; border: 1px solid #412237; margin: 3px 0;} #topheader {margin: 3px;} #holderLogo, #holderSelector {height: 66px; margin: 3px; border: 1px solid #412237; color: #47183B; font-size: 80%; line-height: 130%; } #holderLogo {margin: 3px 3px 3px 650px; float: none; background: #000;} #holderSelector {width: 154px; text-align: center; color: #FFF; font-size: 90%; background: #000;} #holderSelector form {margin-top: 10px; } */ #infoTop {color: #47183B; font-size: 80%; line-height: 130%; padding: 0 24px 0 10px; font-size: 90%;} #sharebutton { background: transparent url("/img/forms/submitdark.gif") no-repeat; background-position: 0px 2px; height:20px; margin: 4px 0px 0px 6px; padding-top: 0px; width:80px; text-align: center; font-size: 0.7em; color:pink; cursor: pointer; } #vs_a2s_tag_fullsize {padding: 4px 0 0 4px;} /* links */ a { text-decoration: none; font-weight: bold; color: #e396db;} a.clean:hover, a.bright, a.dark, a.subtile, a.subtile:hover, a.accordeonlink:hover, a.navlink { text-decoration: none;} a:hover, a.bright:hover, a.dark:hover { text-decoration:underline;} a.accordeonlink {display: block; color: #ffc4ff;} a.subtile, a.navlink {color: #C093B6; font-weight: normal;} a.thin {font-weight: normal;} a.navlink {font-size: 0.8em; margin-bottom: 1em;} a.navlink, a.navlink img {line-height: 12px;} /* multipurpose */ .bright {color: #FFF;} .dark {color: #333;} .borderedbox {border: 1px solid #381D30;} .gradientbox {background: #231620 url(../img/bg_bottombox.gif) repeat-x;} .darkgradientbox {background: #231620 url(../img/bg_bottombox.gif) repeat-x;} .blackbox {background: #000; color: #CCC;} .boxcontent { padding: 8px;} .boxcontent p { padding-bottom: 0.8em;} /* Bar on the side for commerce and partners*/ #smallBar {width: 160px; text-align: center; color: #FFF; line-height: 16px; margin-right: 3px;} #smallBar h2 {text-align: left;} #smallBar .hdr {font-size: 75%; margin-top: 5px; font-weight: bold;} #smallBar form {margin-top: 5px;} /* Bar in the middle for playback and media listings */ #litelogo { background-image: url(../img/liteboard.gif); background-repeat: no-repeat; background-position: 6px -3px; overflow: hidden; text-indent: -2000px; width: 478px; display: block;} #logo09 { background-image: url(../img/logo09.gif); background-repeat: no-repeat; overflow: hidden; text-indent: -2000px; width: 290px; height: 50px; display: block; margin: 7px 2px; float: left;} #logo0902 { background-image: url(../img/logo0902.gif); background-repeat: no-repeat; overflow: hidden; text-indent: -2000px; width: 420px; height: 60px; display: block; margin: 10px 0 0 10px; float: left;} #logo0911 { background-image: url(../img/logo0911.gif); background-repeat: no-repeat; overflow: hidden; text-indent: -2000px; width: 325px; height: 55px; display: block; margin: 10px 0 0 10px; float: left;} #logo140, #logo140-2 { background-image: url(../img/logo140.gif); background-repeat: no-repeat; overflow: hidden; text-indent: -2000px; width: 140px; height: 55px; display: block; margin: 40px 0 0 10px; float: left;} #logo140-2 { margin: 15px 0 0 0; float: none; border: 0;} /* #mediaBar {width: 482px; margin: 0 6px 6px 6px; float: right; } */ #mediaBar {width: 482px; margin: 0 0 0 0; float: left; } #infoBar {margin-left: 650px;} #newsBox .container, #whatsnewBox .container, #whatsnewBox .hilitecontainer, #backgroundinfobox .container {cursor: pointer; background: #231620 url(../img/bg_bottombox.gif) repeat-x; margin-top: 1px; height: 59px; margin: 0; padding: 9px 8px; color: #C093B6; font-family: Arial Rounded MT Bold, Arial; text-align: left;} #newsBox .container, #whatsnewBox .container {border: 1px solid transparent; filter: alpha(opacity=70); -moz-opacity:0.7;} #newsBox .hilitecontainer, #whatsnewBox .hilitecontainer {border: 1px solid #47183B; filter: alpha(opacity=100); -moz-opacity:1.0;} #newsBox .boxcontent, #whatsnewBox .boxcontent {padding: 0px;} /* was: contentBox */ #newsBox .boxcontent img, #whatsnewBox .boxcontent img { float: left; width: 80px; height: 55px; margin: 0 14px 0 0; border: 1px solid #47183B;} #newsBox a, #whatsnewBox a { text-decoration: none;} #newsBox .boxlink, #newsBox .hiliteboxlink {background: #381D30 url(../img/bg_header.gif) repeat-x; filter: alpha(opacity=70); -moz-opacity:0.7; border: 1px solid #231620; margin-bottom: 8px; padding: 5px 12px; color: #FFF; font-family: Arial; text-align: left; font-size: 0.8em;} #newsBox .hiliteboxlink {color: #e396db; border: 1px solid #47183B; filter: alpha(opacity=100); -moz-opacity:1.0;} #newsBox .hiliteboxlink a, #newsBox .boxlink a {font-size: 90%; overflow: hidden; line-height: 15px;} #mediaInfoBox {height: 152px; margin: 4px 0; font-size: 1.1em; line-height: 1.5em; overflow: hidden;} #mediaInfoBox .intro {font-size: 0.70em; line-height: 1.3em; padding: 8px 10px; color: #C093B6; } /* Slideshow preview box*/ #slideshow {margin: 0 0 0 0; color: #FFF; font-family: Arial Rounded MT Bold, Arial; height: 140px; overflow: hidden;} /* */ #slideshow a {font-family: Arial; line-height: 14px;} #slideshow img.thumb {float: right; margin: 0 10px 5px 2px; width: 80px; height: 55px; border: 1px solid #47183B;} #ss_nav {float: right; margin-right: 10px; height: 20px; width: 80px; text-align: center; overflow: hidden; } #ss_prev, #ss_next {cursor: pointer; margin: 0 2px; } #ss_prev {float: left;} #ss_next {float: right;} #ss_view {width: 90px; font-size: 70%; margin-left: 5px;} #ss_text {float: left; color: #CCC; width: 350px; height: 110px; padding: 4px 10px; font-size: 85%; line-height: 140%; } #ss_desc {margin: 2px 0 0 0; font-size: 0.75em; line-height: 1.2em;} #ss_text h1 {color: #FFF; margin: 0; padding: 0; font-size: 120%; line-height: 130%;} #ss_text h3 {color: #ffc4ff; margin: 3 0; padding: 0; font-size: 110%;} #ss_text h4 {color: #47183B; font-size: 90%; height: 18px; margin: 0 0 2px 0; padding: 0 0 2px 0; border-bottom: 1px solid #47183B; } /* MediaPlayer */ #flashvid {line-height: 200px; font-size: 130%; color: #FFF; text-align: center; background: #000; height: 318px; overflow: hidden;} .mediaBGplain {background: transparent url(../img/bg_videoplain.gif) 0 -10px no-repeat; } .mediaBGpayoff {background: transparent url(../img/bg_videoplain.gif) 0 -10px no-repeat; } /* Dashboard */ #dashboardBox {background: #652455 url(../img/bg_box.gif) repeat-x;} #userspecsBox {height: 100px; min-width: 148px; margin-bottom: 4px; margin-left: 175px;} .formBox {color: #C093B6; padding-top: 5px; height: 60px; width:165px;} .introlinks {font-size: 80%; line-height: 20px; } #userBox {clear: left; background-color: #000; padding-top: 10px;} #userBox * {float: left;} /* Current Status */ #whatsonstatus, #personalinfo {margin: 4px 10px; color: #CCC; } #personalinfo{line-height: 15px; font-size: 0.75em; } #personalinfo .statusline {line-height: 16px; } #preferencesbox {font-size: 0.9em; min-height: 140px;} #preferencesbox .statustag {clear: left; line-height: 18px; height: 18px; } #whatsonstatus {line-height: 18px; font-size: 0.8em; } #whatsonstatus .statusline {line-height: 20px;} #whatsonstatus h2, #personalinfo h2 {color: #FFF; font-size: 1.4em; margin: 14px 0 8px 0;} .statusline {width: 100%; margin: 4px 0; padding-bottom: 4px; border-bottom: 1px solid #47183B; } .statuslastline {margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;} .statustag, .statustagwide { color: #ffc4ff; float: left; text-align: left;} .statustag { width: 120px;} .statusvalue {margin-left: 130px;} .statusvaluewide {clear: left;} .statusvaluewide .IMicon {margin-top: 2px;} /*Shoutbox*/ #shoutboxformdiv {font-size: 110%; } #shoutboxFeedback {text-align: center; color: pink; font-size: 90%;} #remLen {border:0; background: #6a245a; color:#CCC; text-align: center; padding:0px; width:30px; font-size: 0.8em;} /* Listings (news and announcements, links) */ .listing {margin: 0; padding: 8px; font-size: 90%;} .linklisting {margin: 0; padding: 2px 0px; font-size: 80%;} .listing li, .linklisting li { clear: left; list-style: none;} .linklisting a { color: pink;} .listing .newsdate { width: 100px; float: right; text-align: right; color: #f8abfe;} .listing h3, .linklisting h3 {float: left; margin: 2px 0; color: #FFF; padding-bottom: 3px; font-size: 110%; display: block;} .linklisting h3 {width: 180px; margin: 0;} .listing p {padding: 8px 0px; clear: left;} /*line-height: 160%; */ .listing a {margin-top: 6px; padding-left: 18px;} #newsContent label {font-size: 110%;} #newsContent .boxcontent {margin: 0; padding: 5px; color: #C093B6; font-family: Arial Rounded MT Bold, Arial; font-size: 90%;} #newsContent .boxcontent h2 {color: #FFF; margin: 0.4em 0;} #newsContent .boxcontent h3 {font-size: 120%; line-height: 120%; color: #FFF; margin: 0px; margin-bottom: 5px; } #newsBox .container h2 { color: #fff; font-size: 120%; line-height: 100%; margin: 0;} #newsBox .container h3 { color: #ffc4ff; font-size: 90%; margin:0;} #newsBox .container h4 { color: #47183B; font-size: 80%; margin:0;} #whatsnewBox h1 { color: #ffc4ff; font-size: 170%; line-height: 100%; margin: 0;} #whatsnewBox h2 { color: #FFF; font-size: 90%; margin: 0;} #whatsnewBox h3 { color: #47183B; font-size: 80%; margin:0;} /* detailsbox, profilediv, systemboxdiv */ #detailsbox, #profilediv, #systemboxdiv {color: #CCC; font-size: 90%; line-height: 100%;} #profilediv {clear: both; border-bottom: 1px solid #C8ABC2; padding: 20px 10px; color: #FFF; background: #231620;} /* padding-left: 40px; width: 960px; */ #profilediv #personaldetails div, #profilediv #socialdetails div, #profilediv #maindetails div {color: #FFF; line-height: 20px; margin: 1px 0; clear: left;} #detailsbox h1, #profilediv h1, #systemboxdiv h1 {color: #FFF; font-size: 1.5em; margin: 18px 0 8px 0;} #detailsbox h2, #profilediv h2, #systemboxdiv h2 {color: #ffc4ff; font-size: 1.3em; margin: 8px 0;} #detailsbox h3, #profilediv h3, #systemboxdiv h3 {color: #CCC; font-size: 0.9em; margin: 0;} #detailsbox h4, #profilediv h4 {color: #ffc4ff; font-size: 0.9em; margin: 0;} #detailsbox p, #profilediv p, #systemboxdiv p {margin: 20px 0; color: #FFF;} #personaldetails, #socialdetails, #personal {float: left; margin-right: 3%; width: 30%; line-height: 22px; min-height: 140px;} #personaldetails h3, #socialdetails h3, #personal h3 {border-bottom: 1px solid #C8ABC2; margin-bottom: 1em;} #personaldetails fieldset *, #socialdetails fieldset *, #personal fieldset * {line-height: 1.7em;} /* tracklisting */ #tracklistingbox, #buddybox, #systemboxdiv {line-height: 18px; font-size: 0.9em; } #tracklistingbox .statusline, #buddybox .statusline, #systemboxdiv .statusline {line-height: 20px;} #tracklistingbox h2, #buddybox h2, #systemboxdiv h2, #preferencesbox h2 {color: #FFF; font-size: 1.4em; margin: 14px 0 8px 0;} #tracklistingbox h3 { font-size: 110%;} #tracklistingbox span {color: #FFF; font-size: 90% ;} #tracklistingbox strong {color: #ffc4ff; font-weight: bold;} #tracklistingbox strong span {color: #ffc4ff;} #buddybox .statusline {height: 16px; } #buddybox .statusline img {margin: 2px 8px 0 0; } #shoutboxdiv {; font-size: 90%;} #shoutboxdiv .statusline {line-height: 16px; min-height: 24px; margin-bottom: 0.4em;} #shoutboxdiv .statustag { color: #ffc4ff; float: right; text-align: right} #shoutboxdiv .statusvaluewide { float: none; text-align: left;} /* messages */ activemessage {border-top: 1px solid gray; border-bottom: 1px solid gray; line-height: 18px; overflow: hidden; height: 18px; } img.imgDelete, img.imgReply {float: right; cursor: pointer; border: 0;} img.imgReply {margin: 0 5px;} /* Footer */ #footer {clear: both; color: #CCC; font-size: 0.7em; padding: 4px 8px; min-width: 980px; text-align: right; margin-right: 10px; border-top: 1px solid #f9c1f4; padding-top: -1em; margin-top: 10px; margin-right: 10px; line-height: 20px;} #footer .maillink {width: 160px; text-align: center;} #footer a {color: #f9c1f4;} #sharefooter {float: left; width: 220px;} #sharefooter * {float: left;} /* accordeoon */ .accordion_head {display: block; cursor: pointer;} .accordion_child {margin: 0px auto; padding: 0; color: #FFF; overflow: hidden; } /*font-size: 90%; */ /* accordeon div definitions [heights] */ .scrollframe, .noscrollframe, .scrolldiv, .demiscrolldiv, .medialisting , .smallmedialisting { width: 100%; overflow: auto; overflow-x: hidden; scrollbar-base-color: #231620;} .noscrollframe { width: 100%;} .scrollframe,.noscrollframe,.scrolldiv {border-bottom: 1px solid #381d30;} .scrolldiv {height: 457px;} .shortscrolldiv {height: 434px;} #authplaymode .scrolldiv {height: 434px;} #authplaymode .shortscrolldiv {height: 411px;} #backgroundinfobox {height: 120px;} .noscrollframe, .medialisting {height: 317px;} .smallmedialisting {max-height: 170px;} /* Frame styling */ body.framed {background: #000 url("../img/bg_box.gif") repeat-x; background-attachment: fixed; scrollbar-base-color: #414141;} body.commframed {background: #000 url("../img/bg_commbox.gif") repeat-x; background-attachment: fixed; scrollbar-base-color: #72245D;} /* Sortable Table */ .tablesorter {width: 100%; cursor: pointer; font-size: 0.75em;} .tablesorter th {color: #ccc; background: #381D30 url(../img/bg_topheader.gif) repeat-x; font-weight: bold; text-align: left; padding: 2px 4px; cursor: pointer;} .tablesorter th:active { border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; padding: 3px 4px 1px 6px;} .tablesorter td { padding: 3px 4px; color: #fff; cursor: pointer;} /* Special links and bullets */ a.moreinfo { float: right; line-height: 180px; overflow: hidden; height: 18px; width: 18px; background: url("../img/next.gif") no-repeat 0% 3px;} .drop {background: url(../img/options/drop.png) no-repeat; padding-left: 15px; margin: 0; line-height:0.8em; font-size: 0.8em;} .playnow {background: url(../img/options/playnow.png) no-repeat; padding-left: 15px; margin-top: 3px; width: 45px;} td.playnow {padding-left: 0px; margin-top: 0px; width: 20px; background-position: 50% 50%;} .playnowbutton {background: url(../img/options/playnow.png) no-repeat 0 0; text-indent: -550px; margin-top: 3px; width: 25px; overflow: hidden; } .shout { cursor: pointer; background: transparent url("../img/forms/submitdark.gif") no-repeat; height:20px; padding: 0px; text-align: center; line-height: 15px; border:solid 0 #000; width:80px; font-size: 90%; color: #C8ABC2; } a.shout:hover {text-decoration: none;} #loginbox, #logoffbox {clear: both; border-bottom: 1px solid #C8ABC2; padding: 20px 10px; color: #FFF; background: #231620;} #loginbox {height: 140px; } #loginbox a {color: #FFF; font-size: 90%;} #loginbox a , #signupbox a { margin-top: 2.5em;} #loginbox h2,h3 {line-height: 20px; } #loginbox h3 {color: #dab8d7; } #loginbox .signupbox {margin-left: 560px; } #loginformbox {float: left; width: 460px; margin-left: 30px;} #logoffbox {height: 140px; padding-left: 600px; } #logoffbox div {width:120px; margin-top: 40px;} #loginformbox label.error {padding-left: 100px; width: 300px; color: #FFF;} /* cosmetics */ .navicon, #newsBox .navicon {border: 0px; width: 12px; height:17px;} #newsBox a.navlink img {border: 0px; width: 12px; height:17px;} .topdivider {border-top: 3px solid #ffc4ff; margin-top: 1em; padding-top: 0.5em; width: 100%;} .topline {border-top: 4px dotted #CCC; margin-top: 18px; padding-top: 5px; width: 100%;} .topdots {border-top: 2px dotted #47183B; margin-top: 4px; padding-top: 5px; width: 100%;} .bottomdots {border-bottom: 2px dotted #47183B; margin-bottom: 10px; padding-bottom: 3px;} .doscroll { overflow: auto; scrollbar-base-color: #231620;} .smallerPrint { font-size: 0.7em;} .contentad {text-align: center; padding: 5px; background: #000;} .mcrmeebo { display: block; background:url("http://widget.meebo.com/r.gif") no-repeat top right; } .mcrmeebo:hover { background:url("http://widget.meebo.com/ro.gif") no-repeat top right; } /* specials */ .flag {float: right; margin-left: 10px;} /* media sitemap */ .col {width: 20%; margin-right: 5%; float: left; color: #47183B; font-size: 80%; min-width: 180px;} #topdiv h1 {color: #ffc4ff;} /* cosmetics and clears*/ .clear {clear: both;} .Lclear {clear: left;} .Rclear {clear: right;} .left {float: left;} .right {float: right;} .Tleft {text-align: left;} .Tright {text-align: right;} .Tcenter {text-align: center;} /* special definitons / hacks */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* get rid of those system borders being generated for A tags */ a:active { outline:none;} :focus { -moz-outline-style:none;} /* --------------overlay-------------- */ /* the overlayed element */ .splashsplashboxcontentXX {width: 320px; margin-left: 280px; padding: 0;} .overlayinfo h4 { margin: 0; line-height: 18px; height: 24px;} .splashboxcontent h1 {margin: 0.2em 0; padding: 0; font-size: 140%;} .splashboxcontent h2 {color: #AAA; margin-bottom: 1em; font-size: 110%;} .splashboxcontent h3 {color: #FFF; margin-bottom: 0.1em; font-size: 90%;} .splashboxcontent strong {color: #FFF;} .splashboxcontent p {margin: 0.2em 0; font-size: 90%;} .splashboxcontent p.details {margin-top: 10px;} .splashboxcontent a {color: #CCC;} #playlink {text-align: center; background: #1a1218 url(../img/bg_header.gif) repeat-x; height: 36px; line-height: 34px; padding: 0 10px; font-family: Arial Rounded MT Bold, Arial; font-size: 16px; margin-bottom: 10px;} #playlink a {color: #FFF;} #playlink a:hover {color: #FFF; text-decoration: none;} #playlink span {color: #7c0070;} #playlink a:hover span {color: #cb7bc3;} #tracklistingdiv {font-size: 75%; background: #000; width: 250px; float: left;} .overlayinfo {width: 280px; height: 380px; font-size: 15px; float: left;} .overlayinfo span.action {color: #FFF;} .overlayinfo em {font-size: 0.8em;} a.tracklink {font-size: 100%; margin: 0.5em 0; color: #FFF;} .trackbox { background-color: #000; padding: 0.5em;} .trackrow {height: 1.2em; overflow: hidden; margin-bottom: 1px; line-height: 1.2em;} .trackrow span.order {width: 40px; text-align: right; margin-right: 10px;} .trackrow span.title {width: 200px; overflow: hidden;} /* Overlay element */ div.overlay { /* growing background image */ background-image:url(../img/overlay/bg-overlay.png); color: #f695ff; /* dimensions after the growing animation finishes */ width:600px; height:450px; /* initially overlay is hidden */ display:none; /* some padding to layout nested elements nicely */ padding:55px; } /* default close button positioned on upper right corner */ div.overlay div.close { background-image:url(../img/overlay/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; } div.overlay div.previous { background-image:url(../img/overlay/previous.png); position:absolute; right:620px; top:5px; cursor:pointer; height:35px; width:35px; } div.overlay a.next { background-image:url(../img/overlay/next.png); position:absolute; right:580px; top:5px; cursor:pointer; height:35px; width:35px; } /* black */ div.overlay.black { background:url(../img/overlay/transparent.png) no-repeat !important; color:#fff; } /* petrol */ div.overlay.petrol { background:url(../img/overlay/petrol.png) no-repeat !important; color:#fff; } div.black h2, div.petrol h2 { color:#ddd; } /* --------------splash-------------- */ #splashleftbar {width: 298px; height: 510px; float: left;} #splashintrocontainer {width: 298px; float: left;} #splashintrobox {width: 189px; float: left; margin: 0 5px;} #splashintrotxt, #djintrotxt, #splashblogtxt, #twitterholder {background: #000; border-left: 1px solid #431639; border-right: 1px solid #431639; border-bottom: 1px solid #431639;} #splashintrotxt {margin-bottom: 2px;} #splashblogtxt ul, #twittercontainer ul {margin: 0; color: #9A1B7A;} #splashblogtxt li, #twittercontainer li {margin-bottom: 0.75em; list-style: none;} #splashblogtxt ul a, #twittercontainer ul a {color: #cb7bc3;} #introtxt .holder ,#splashintrotxt .holder ,#splashblogtxt .holder, #twittercontainer .holder, #djintrotxt .holder {padding: 10px ; line-height: 130%; overflow: hidden; color: #FFF;} #splashintrotxt .holder {height:239px; font-size: 0.85em;} #splashblogtxt .holder {height:135px; font-size: 0.75em; } #twittercontainer .holder {height:419px; font-size: 0.75em;} #splashintrotxt img.right {float: right; margin: 0 0 10px 20px; border: 1px solid pink; max-width: 80px; max-height: 220px;} #twittercontainer {width: 140px; height: 466px; float: right; margin-left: 2px;} #twittercontainer a, #twittercontainer strong {color: #FFF; margin: 2px 0;} #twittercontainer a {font-weight: normal;} #djintrocontainer .holder {padding: 15px 160px 15px 10px; font-size: 0.9em; line-height: 140%; color: #FFF;} #djintrocontainer .holder a {color: pink;} #enterlink {text-align: center; background: #1a1218 url(../img/bg_header.gif) repeat-x; height: 48px; line-height: 44px; margin: 2px 0; padding: 0 10px; font-family: Arial Rounded MT Bold, Arial; font-size: 16px; clear: both;} #enterlink a {color: #FFF;} #enterlink a:hover {color: #FFF; text-decoration: none;} #enterlink span {color: #7c0070;} #enterlink a:hover span {color: #cb7bc3;} .thumbscroll, .thumbscrollselection, .thumbscrolldjs {background: #431639; margin-bottom: 1px; } .thumbscroll {height: 130px; overflow: hidden;} .thumbscrolldjs {height: 130px; overflow: hidden;} .thumbscroll .thumbitem , .thumbscrollepisodes .thumbitem , .thumbscrollselection .thumbitem, .thumbscrolldjs .thumbitem {float: left; text-align: center; cursor: pointer; overflow: hidden; height: 118px; } .thumbscroll .thumbitem, .thumbscrollepisodes .thumbitem {margin: 1px 1px 10px 1px; } .thumbscrollselection .thumbitem {margin: 1px 1px 3px 1px; } .thumbitem img {border: 5px solid #5e3554; width: 120px; height: 75px; } .thumbitem h4 {color: #f695ff; font-size: 9px; overflow: hidden; width: 120px;} .thumbitem h4 a {color: #f695ff; font-size: 9px; text-decoration: none;} .thumbitem h4 strong {color: #fff;} #introtxt {background: #000; border-left: 1px solid #431639; border-right: 1px solid #431639; border-bottom: 1px solid #431639;} #introtxt a {color: #cb7bc3;} #thumbscontainer {float: right; } .djleftspaced {margin-left: 500px; } .leftspaced {margin-left: 300px; } .extrainfod {margin-left: 190px; } #pictureviewer {width: 250px; height: 156px; margin: 4px 0;} img.mediathumb {width: 240px; height: 146px; margin: 4px 0; border: 5px solid #5e3554;} /* --------------menu-------------- */ /* Top navigation */ #navbar {min-width: 960px;} #nav {background: transparent url(/img/topmenuoptions.png) -5px 0 no-repeat; height: 34px; padding-left: 36px; float: left; width: 320px;} #nav li, #subnav li {list-style: none; height: 34px; line-height: 80px; background-image: url(/img/topmenuoptions.png); background-repeat: no-repeat; overflow: hidden; float: left;} #nav li a {border-bottom: 1px solid #893674; height: 32px; padding-bottom: 1px; display: block;} #subnav li a {border-bottom: 1px solid #893674; height: 33px; display: block;} #subnav span {color: #ccc;} #subnav {background: transparent; float: right; width: 680px; border-bottom: 1px solid #893674; height: 32px; padding-bottom: 1px; } /* top */ #tvlink, #tvlink_active {width: 175px; } #bloglink, #bloglink_active {width: 61px; } #forumlink, #forumlink_active {width: 61px; } #loginlink, #loginlink_active {width: 98px; } #logofflink, #logofflink_active {width: 57px; float: right;} #preferenceslink, #preferenceslink_active {width: 79px; } #userlink {float: left; font-size: 75%; background-position: -1000px -1000px; line-height: 40px; padding: 0 1.2em; } #userlink a {color: #CCC;} #userlink strong {color: #FFF; font-weight: normal;} #tvlink {background-position: -48px -80px;} #bloglink {background-position: -224px -80px;} #forumlink {background-position: -286px -80px;} #loginlink {background-position: -350px -120px;} #logofflink {background-position: -830px -120px;} #preferenceslink {background-position: -890px -120px;} #tvlink_active {background-position: -48px -120px; border-bottom: 1px solid #FFF; } #bloglink_active {background-position: -224px -120px; border-bottom: 1px solid #FFF; } #forumlink_active {background-position: -286px -120px; border-bottom: 1px solid #FFF; } #loginlink_active {background-position: -350px -120px; border-bottom: 1px solid #FFF; } #logofflink_active {background-position: -830px -120px; border-bottom: 1px solid #FFF; } #preferenceslink_active {background-position: -890px -120px; border-bottom: 1px solid #FFF; } #tvlink:hover {background-position: -48px -40px;} #bloglink:hover {background-position: -224px -40px;} #forumlink:hover {background-position: -286px -40px;} #loginlink:hover {background-position: -350px -120px;} #logofflink:hover {background-position: -830px -120px;} #preferenceslink:hover {background-position: -890px -120px;} /* bottom borders */ #tvlink, #bloglink, #forumlink, #loginlink, {border-bottom: 1px solid #893674;} #nav li:hover { border-bottom: 1px solid #f678d0;} /* sub */ #aboutuslink, #aboutuslink_active {width: 59px;} #termslink, #termslink_active {width: 70px;} #sitemaplink, #sitemaplink_active {width: 63px;} #recommendedlink, #recommendedlink_active {width: 87px;} #inventorylink, #inventorylink_active {width: 68px;} #rsslink, #rsslink_active {width: 58px;} #howtouselink, #howtouselink_active {width: 68px;} #aboutuslink {background-position: -455px -40px;} #termslink {background-position: -514px -40px;} #sitemaplink {background-position: -670px -40px; } #recommendedlink {background-position: -583px -40px; } #inventorylink {background-position: -680px -40px;} #rsslink {background-position: -732px -40px;} #howtouselink {background-position: -970px -40px;} #aboutuslink:hover {background-position: -455px -120px;} #termslink:hover {background-position: -514px -120px;} #sitemaplink:hover {background-position: -670px -120px; } #recommendedlink:hover {background-position: -583px -120px; } #inventorylink:hover {background-position: -680px -120px;} #rsslink:hover {background-position: -732px -120px;} #howtouselink:hover {background-position: -970px -120px;} #aboutuslink:active {background-position: -455px -120px; border-bottom: 1px solid #FFF; } #termslink:active {background-position: -514px -120px; border-bottom: 1px solid #FFF; } #sitemaplink:active {background-position: -670px -120px; border-bottom: 1px solid #FFF; } #recommendedlink:active {background-position: -583px -120px; border-bottom: 1px solid #FFF; } #inventorylink:active {background-position: -680px -120px; border-bottom: 1px solid #FFF; } #rsslink:active {background-position: -732px -120px; border-bottom: 1px solid #FFF; } #howtouselink:active {background-position: -970px -120px; border-bottom: 1px solid #FFF; } /* --------------niceforms-------------- */ /*Defaults Styling*/ input, textarea, select {font:11px/11px Arial, Helvetica, sans-serif; padding:0;} fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;} legend {background:#bfbf30; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;} label {font-size:10px; line-height: 14px; color:#e396db; font-family: Arial Rounded MT Bold, Arial;} label.error {padding-left: 100px; width: 300px; color: #FFF;} label.opt {font-weight:normal;} dl {clear:both;} dt {float:left; text-align:right; width:70px; line-height:25px; margin:0 10px 10px 0;} dd {float:left; width:275px; line-height:25px; margin:0 0 5px 0;} #loginForm div, #socialdetails div, #personal div, #personaldetails div {width: 310px; padding: 5px 0; clear: left;} #personal label, #personaldetails .label, #personaldetails label, #personal .label, #loginForm label, #socialdetails label, #socialdetails .label, #trackform label, #trackform .label {float: left; width: 95px; font-size: 10px; } #prefsForm label.longlabel, #trackform label {width: 140px; } label.shortlabel {width:40px; float: left; margin: 0 10px;} #trackform input, #loginForm input, #profilediv input, #profilediv select, #bio {width:180px; float: left; background: #FFF; border: 1px solid #863578; padding: 2px; color: #000; font-weight: bold;} #userBox #loginForm input, #trackform input {width:140px; } #bio {height:140px; } #loginForm #remember, #trackform input.trackradio {background: transparent; border: 0px; width: 12px; height: 12px; float: left;} #trackform input {margin-left: 80px; } #trackform input.trackradio {margin: 2px 8px;} #trackform input.submitlink {color: #FFF; background: transparent url(/img/buttons/submitbutton.gif) no-repeat 0 -80px; width: 54px; height: 28px; text-indent: -200px; display: block; overflow: hidden; border: 0; cursor: pointer; margin: 10px 0 0 90px;} #trackform input.submitlink:hover {background-position: 0 0;} #loginForm input.loginlink:hover {background-position: -155px -1px;} .fieldholder {height: 260px;} #signupform_div .error {color: #FFF;} #newsletter_row {line-height: 18px; } #personal input.radio {width:14px; } #prefsForm #membertype {width:140px; } #prefsForm .success {border:1px solid #863578; } #prefsForm .selected {border: 1px solid #e396db; } #prefsForm strong {float: right; width: 170px;} .loading { float:right; background:url(/img/ajax-loading.gif) no-repeat 1px; height:28px; width:28px; display:none; } #loginForm input.loginlink {color: #FFF; background: transparent url(/img/buttons/buttons.gif) no-repeat -155px -80px; width: 60px; height: 28px; text-indent: -200px; overflow: hidden; border: 0; cursor: pointer; margin: 10px 0 0 90px;} #loginForm input.loginlink:hover {background-position: -155px -1px;} #loginResult {margin-left: 100px;} #loginoverlay {margin-top: 12px;} #loginoverlay .loginlink {float: left; margin-left: 24px;} select, input, textarea, button {outline:none; resize:none;}