/* ---------------- GENERAL ---------------- */ body {margin: 5px 0 0 0; background: #ccc url(/images/default/stripe.gif); font-family: Arial; font-size: 12px; color: #333; line-height: 17px} p {margin: 0 0 1.5em 0} a {color: #000099; text-decoration: none} a:hover {color: #990000} h1 {margin: 0px 0px 0.5em 0px; font-size: 23px; line-height: 23px; font-family: Trebuchet, "Trebuchet MS"; font-weight: normal} h2 {margin: 0px 0px 0.5em 0px; font-size: 17px; line-height: 17px; font-family: Trebuchet, "Trebuchet MS"; font-weight: normal} h3 {color: #fff; font-weight: bold; text-transform: uppercase; text-align: center; font-size: 11px; margin: 0px; font-family: Tahoma; padding: 0} h4 {margin: 0px 0px 1.5em 0px; font-size: 15px; font-weight: normal; margin: 0} a img {border: 0} ul {padding: 0; margin: 0} .clear {float: none; clear: both} .chrome {background: #666 url(/images/default/chrome.jpg); height: 17px; width: 100%; line-height: 17px} .chrome a {color: #fff} .chrome a:hover {color: #fff} .alignright {text-align: right} .alignleft {text-align: left} hr {background: #ccc; border: 0px; height: 1px; border-bottom: 1px solid #999; margin: 0 auto 18px auto} /* MAIN DIV'S */ #container {width: 990px; margin: 0 auto 0 auto} #shadow {background: url(/images/default/shadow.png); float: left; width: 990px} #main {width: 890px; margin-left: 50px; text-align: left} #home #main {width: 890px; margin-left: 50px; text-align: left} .floatleft {float: left; margin-right: 10px; border: 1px solid #000; margin-top: 2px; margin-bottom: 2px} .hidden {display: none} /* ---------------- HEADER ---------------- */ #header {float: left; background: url(/images/default/header.png) no-repeat; width: 990px; height: 110px} #header span {display: none} #header h1 {margin: 0} #headertext {overflow: hidden} /*.topbar {width: 890px; height: 100px; background: #1e2d59 url(/images/default/top-bar.jpg); border-top: 2px solid #9d9d9d; border-bottom: 2px solid #9d9d9d; display: block; float: left}*/ .topbar {width: 890px; height: 100px; background: #1e2d59 url(/images/default/facebook.jpg); border-top: 2px solid #9d9d9d; border-bottom: 2px solid #9d9d9d; display: block; float: left} .topbar span {display: none} .topbaralbums {margin-left: 398px; margin-top: 4px} .o2bar {width: 890px; height: 50px; background: #1e2d59 url(/images/default/o2-travel.jpg); border-bottom: 2px solid #9d9d9d; display: block; float: left} .o2bar span {display: none} /* MENU */ #menu {margin-left: 65px; margin-top: 90px; overflow: hidden} #menu li {float: left; height: 11px; margin-right: 50px; list-style: none} #menu a {float: left; padding-top: 20px} #menu a:hover {background-position: 0 -11px} .news {background: url(/images/menu/news.png); height: 11px; width: 45px} .features {background: url(/images/menu/features.png); height: 11px; width: 78px} .merchandise {background: url(/images/menu/merchandise.png); height: 11px; width: 109px} .music {background: url(/images/menu/music.png); height: 11px; width: 47px} .pictures {background: url(/images/menu/pictures.png); height: 11px; width: 73px} .links {background: url(/images/menu/links.png); height: 11px; width: 44px} .contact {background: url(/images/menu/contact.png); height: 11px; width: 70px} .home {background: url(/images/menu/home.png); height: 11px; width: 44px} a.join {background: url(/images/menu/join.png); width: 158px; height: 11px; float: left; margin-left: 65px; margin-top: 70px} a:hover.join {background-position: 0 -11px} /* DROP DOWN */ .dropmenu {position:absolute; top: 0; line-height:18px; z-index: 100; background: #263658; width: auto; visibility: hidden; margin-top: -12px; color: #fff; border: 1px solid #ccc; border-top: none; margin-left: -5px; min-width: 150px; font-family: Trebuchet, "Trebuchet MS"; font-weight: bold; font-size: 12px; filter: alpha(opacity=75); opacity: .8} .dropmenu a{display: block; padding: 5px 8px 5px 8px; color: #fff} .dropmenu a:hover{color: #ffff00} /* ---------------- LANDING PAGE ---------------- */ /* LEFT SIDE */ #leftlanding {float: left; border-top: 3px solid #ccc; height: 407px; width: 250px; color: #fff; background: #999} #news #leftlanding {color: #000} #news #leftlanding a {color: #fff} #news #leftlanding a:hover {color: #000} #latestnews {width: 250px; height: 457px; overflow: hidden; border-bottom: 3px solid #ccc; background: url(/images/news/latestnews_bg.jpg)} #homerss {width: 250px; height: 457px; overflow: hidden; border-bottom: 3px solid #ccc; background: url(/images/home/news_bg.jpg)} #messageslanding {width: 250px; height: 457px; overflow: hidden; border-bottom: 3px solid #ccc; background: url(/images/features/condolences.jpg)} #mjwnmags {width: 250px; height: 457px; overflow: hidden; border-bottom: 3px solid #ccc; background: url(/images/merchandise/mjwn-mags.jpg)} #rsslatest {border-bottom: 1px solid #fff; padding-bottom: 15px; text-align: center} #rsslatest a {color: #fff; text-align: center; font-weight: bold} #rsslatest a:hover {color: #ffff00} #home #leftlanding h2 {font-size: 15px; font-family: Arial; font-weight: normal; margin: 0; margin-bottom: -17px; margin-top: 0px} #rsslatest h2 {font-size: 13px !important; font-family: Tahoma; font-weight: normal; margin: 0 !important; line-height: 25px} .rssnews {border-bottom: 1px solid #fff; padding: 15px 5px 15px 5px} .rsstitle {color: #ffff00; font-size: 13px; line-height: 17px; font-weight: normal} .rsstitle:hover {color: #ffff00} .rssdescription {color: #fff; line-height: 17px; font-weight: normal; display: block; font-size: 12px} .rssdescription:hover {color: #fff} #rssbox {background: url(/images/boxs/rssbox.jpg); width: 250px; height: 154px; color: #000; text-align: center; font-weight: bold} #rssbox h2 {font-size: 17px; padding-top: 5px; font-weight: bold !important; font-family: Trebuchet, "Trebuchet MS" !important; margin-bottom: -16px} #rssbox a {color: #fff; font-weight: bold; font-size: 13px} #rssbox a:hover {color: #ffff00 !important} #rssboxlink {margin-top: 12px} #rssboxcontent {width: 153px; margin-left: 90px; font-weight: normal; font-size: 13px; text-align: left; margin-top: 12px} #previouspolls {background: url(/images/boxs/previouspolls.jpg); width: 250px; height: 154px; color: #fff; text-align: left; font-weight: bold; overflow: auto} #pollscroll {width: 235px; height: 154px; margin: auto; padding-left: 15px} .previouspollscontent {width: 210px; margin: auto; margin-top: -12px; margin-left: -5px} #previouspolls h2 {color: #000; margin: 1.5em 0 0 0; font-size: 12px; font-weight: bold} #network7box {background: url(/images/boxs/network7.jpg); width: 250px; height: 154px; color: #d30000; font-weight: bold} .network7box {padding: 98px 0 0 10px; font-size: 12px; font-weight: bold; line-height: 12px; display: block; font-style: italic} a.network7box {color: #d30000} a:hover.network7box {color: #000} #exhibition {background: url(/images/boxs/exhibition.jpg); width: 250px; height: 154px; color: #00031e; font-weight: bold; text-align:center} .exhibition {padding: 110px 0 0 10px; font-size: 15px; line-height: 18px; font-weight: bold; display: block} a.exhibition {color: #000} a:hover.exhibition {color: #cc0000} #goodies {background: url(/images/boxs/goodies.jpg); width: 250px; height: 154px; color: #d30000; font-weight: bold} #goodies a {color: #f4f489} #goodies a:hover {color: #ffff00} .goodiestext {padding-top: 15px; padding-left: 140px; text-align: center; width: 90px; margin: auto; font-size: 13px; line-height: 20px;} #countdown {margin-left: 354px; margin-top: 65px; display: none} /* ROW 1 */ #row1 {height: 210px; border-bottom: 3px solid #ccc; border-top: 3px solid #ccc; width: 500px} #rightlanding {float: left; width: 494px; background: #ccc} .bucket {float: left; width: 119px; height: 210px; margin-left: 6px; background: #263658 url(/images/default/bucketbg.jpg) no-repeat bottom; color:#000; text-align: center; font-size: 11px} .bucket a {color: #fff; text-decoration: none; cursor: pointer} .bucket a:hover {color: #ffff00} .buckettext {width: 109px; margin: 11px auto 0 auto; font-size: 12px; line-height: 17px; display: block} .buckettext img {margin: -11px 0 8px -5px; width: 119px; height: 85px} .bucket .chrome a:hover {color: #fff} /* ROW 2 */ #row2 {height: 244px; border-bottom: 3px solid #ccc; width: 500px} .mainfeature {float: left; height: 244px; width: 244px; margin-left: 6px; background: #263658 url(/images/default/mainfeature_bg.jpg) no-repeat bottom;} .mainfeature a {color: #fff} .mainfeature a:hover {color: #ffff00} .mainfeaturetext {width: 234px; font-size: 12px; text-align: center; display: block; padding: 170px 5px 0 5px} .mainfeaturetext img {margin: -11px 0 10px -4px} .mainfeaturevideotxt {text-align: center; width: 230px; margin: 7px auto 0 auto} .mainfeature .chrome a:hover {color: #fff} a .mainfeaturetext {color: #fff; text-decoration: none; cursor: pointer} a:hover .mainfeaturetext {color: #ffff00} .mjwnhistory {width: 115px; padding: 25px 119px 15px 10px; font-size: 12px; text-align: center; font-weight: bold; line-height: 18px; display: block} .network7 {padding: 117px 0 0 5px; font-size: 12px; font-weight: bold; line-height: 14px; display: block; font-style: italic} a.network7 {color: #d30000} a:hover.network7 {color: #000} #poll {background: #263658 url(/images/features/poll_convention.jpg)} .albums {width: 750px; margin: auto; text-align: right} .newtour {width: 124px; font-size: 12px; text-align: left; display: block; padding: 0px 5px 0 115px; line-height: 18px; color: #c7c2a3} .newtour a {color: #cba241} .newtourhead h2 {font-size: 28px; color: #cba241; padding-top: 10px; text-align: center} /* ROW 3 */ #row3 {margin-left: 6px; width: 494px; height: 171px} #music-videos {background: url(/images/row3/music-videos.jpg); height: 154px} #comppromo {background: url(/images/row3/competition.jpg); height: 154px; width: 494px; display: block} #comppromotext {padding: 110px 0 0 10px; width: 480px; font-weight: bold; font-size: 15px; line-height: 18px; text-align: center; display: block} #comppromotext a {color: #fff} #comppromotext a:hover {color: #ffff00} #poem {background: url(/images/row3/poem.jpg); height: 154px} .poemtext {font-size: 15px; font-family: Trebuchet, "Trebuchet MS"; padding-left: 90px; padding-top: 8px; color: #fff} .poemcredit {font-family: Arial; font-size: 10px; font-weight: bold; color: #ffd2d2; width: 485px; text-align: right; margin-top: -8px} #moremerch {background: url(/images/row3/moremerch.jpg); height: 154px} .moremerchtext {width: 250px; font-size: 15px; line-height: 22px; color: #fff; text-align: center; padding-left: 230px; padding-top: 10px; display: block} .moremerchtext a {color: #fff} .moremerchtext a:hover {color: #FFFF00} #newalbum {background: #000 url(/images/row3/new-album.jpg); height: 154px; width: 494px; display: block; color: #fff} #newalbumtext {width: 290px; padding-left: 195px; padding-top: 20px; line-height: 22px} #newalbumtext h2 {font-size: 28px} #newalbumtext a {color:#ffff00} #newalbumtext a:hover {text-decoration: underline} /* ---------------- ARTICLE PAGE ---------------- */ /* LEFT */ #left {float: left; width: 250px; font-weight: bold; color: #000; background: #999} .leftcontent {width: 230px; margin: auto; margin-top: 10px; margin-bottom: 10px} .leftcontent li {list-style: none; margin-bottom: 10px; border-bottom: 1px dashed #000; padding-bottom: 5px; font-family: Trebuchet, "Trebuchet MS"; font-size: 12px} .leftlist {width: 286px; margin: auto; margin-top: 10px} .leftlist li {list-style: none; margin-bottom: 10px; padding-bottom: 5px; font-family: Trebuchet, "Trebuchet MS"; font-size: 12px} .submenu {height: 217px; overflow: visible} .submenu_music {height: 217px; overflow: visible} .albumlist {margin-top: -128px} .tracklist {margin-left: 10px; margin-bottom: 4px !important; font-size: 11px !important; padding-bottom: 0 !important; border: none !important; text-transform: uppercase} .albumtracks {margin-left: 0px; margin-bottom: 4px !important; font-size: 11px !important; padding-bottom: 0 !important; border: none !important; text-transform: uppercase} .albumtitle {border: none !important; margin-bottom: 0 !important} .songoftheweek {width: 250px; height: 440px; overflow: hidden; border-bottom: 3px solid #ccc} .songoftheweek h1 {font-size: 16px; font-weight: bold} .songoftheweek a {color: #fff} .songoftheweek a:hover {color: #fff} .songoftheweeklink {display: block; padding-top: 358px; text-align: center; height: 440px} .video {text-align: center} .videoplayer {margin-left: 10px; padding-top: 9px} .newstitle {margin-left: 15px; font-style: italic} .merchandisebig a {color: #fff; display: block} .merchandisebig h1 a {color: #fff} .merchandisebiglink1 { display: block; padding-top: 310px; text-align: left; color: #ffff00 !important; padding-left: 10px; font-weight: bold} .merchandisebiglink2 {display: block; text-align: left; margin-top: -8px; line-height: 23px; padding-left: 10px; width: 230px; font-weight: bold} .messages h1 {font-size: 20px} .messages a {color: #fff} .messages a:hover {color: #fff} .messageslink {display: block; padding-top: 310px; text-align: left; padding-left: 10px; color: #e0b5a3 !important} .messageslink2 {display: block; text-align: left; padding-left: 10px; margin-top: -10px; line-height: 23px; padding-right: 5px} #features_mjfriends .leftcontent li img {margin-right: 10px; border: 1px solid #000; float: left} /* RIGHT */ #right {float: left; margin-left: 6px; width: 494px; margin-bottom: 10px; background: #ccc} #rightcontent {width: 480px; margin: 10px auto 0 auto} #rightcontent ul {margin-left: 30px; margin-bottom: 15px} #rightcontent li {margin-bottom: 10px} .nolist {list-style: none; margin-left: 0px !important} .source {font-weight: bold} .date {font-size: 10px; font-style: italic; margin-top: -1em} #flags {border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 5px 0 5px 0; margin-bottom: 10px; font-weight:bold; height: 45px} #flags li {float: left; margin: 5px 10px 5px 0; list-style: none} .newsitem {border-bottom: 1px solid #999; margin-bottom: 10px; padding-bottom: 5px} #news_article .newsitem {float: left; padding-bottom: 10px; width: 480px} #news_article .newsitem img {float: left; margin-right: 10px; border: 1px solid #000; width: 100px; height: 100px} .newsitem h2 {margin: 0} .wp-pagenavi a {padding: 1px 8px; margin-right: 5px; border: 1px solid #263658; background: #fff; color: #263658} .wp-pagenavi a:hover {background: #263658; color: #fff} .pages {padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #000; background: #fff; font-weight: bold} .current {padding: 1px 8px; margin-right: 5px; font-weight: bold} .pages {padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #000; background: #fff; font-weight: bold} .extend {padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #000; background: #fff; font-weight: bold} #newscontent img {float: left; margin-right: 10px; border: 1px solid #000} #newscontent blockquote {margin: 0; padding: 0; float: left; clear: both; margin-bottom: 15px; width: 490px; border-bottom: 1px solid #999; padding-bottom: 10px} #newscontent blockquote img {float: left; margin-right: 10px; margin-bottom: 10px} #songinfo {font-style: italic; font-size: 11px; border-bottom: 1px solid #999; margin-bottom: 15px; padding-top: 5px} #songinfo h1 {font-style: normal} .albuminfo {font-style: italic; font-size: 11px; border-bottom: 1px solid #999; margin-bottom: 10px; /*height: 120px*/; padding-bottom: 5px} .albuminfo h1 {font-style: normal} #thumbnails {margin-left: 20px} .thumbimg {float: left; margin-right: 25px; margin-bottom: 15px; border:1px solid #000} .imgleft {float: left; margin-right: 10px} .imgright {float: right; margin-left: 10px} .releaseinfo {font-weight: normal} .question {color: #990000; font-weight:bold} #socialbookmarks {border-top: 1px solid #999; padding-top: 5px; float: left; width: inherit; font-weight: bold; font-size: 11px; line-height: 15px; border-bottom: 1px solid #999} #socialbookmarks ul {margin: 0; margin-top: 5px} #socialbookmarks li {list-style: none; float: left; margin-right: 5px} #socialbookmarks img {float: left; margin-right: 5px} #socialbookmarks span {display: none} .sendmessage {background: #999; padding: 5px; text-transform: uppercase; text-align: center; margin-bottom: 15px; border: 1px solid #666} .product {border-bottom: 1px solid #999; margin-bottom: 15px; padding-bottom: 10px; float: left; width: 480px} .paypal {margin-top: 20px; font-weight: bold; width: 480px; text-align: center; line-height: 25px} .drawing {float: left; margin: 0 7px 7px 0; border: 1px solid #000} .gallery {float: left; margin-right: 15px; margin-bottom: 15px; border:1px solid #000} #features_mjfriends .gallery {float: none; margin: 0; border: none} #features_mjfriends .gallery img {float: left; margin: 0 10px 10px 0; border: 1px solid #000} .suboffer {width: 470px; background: #7c0b05; border: 2px solid #fff; color: #fff; margin-bottom: 10px; padding: 5px; float: left} .suboffer a {color: #ffff00; text-decoration: none} .suboffer a:hover {text-decoration: underline} .subtext {margin-top: 10px} #merchandise_generic .subtext {margin-top: 0px; text-align: center} #searchblock {float: left; margin-left: 0px; width: 750px; background: #ccc} #searchcontent {width: 720px; margin: 10px auto 0 auto} #compleft {font-size: 12px; line-height: 17px; color: #ccc; font-weight: normal; float: left; width: 306px;} #compright {float: left; margin-left: 6px; width: 438px; margin-bottom: 10px; overflow: hidden} #competition #mainpic {border-bottom: 2px solid #9d9d9d; border-top: 2px solid #9d9d9d} #competition .topbar {display: none} #competition a {color: #ffff00} #competition a:hover {color: #ff0000} #competition h4 {color: #ffff00} #competitionblock {float: left; margin-left: 0px; width: 750px; background: #000; line-height: 20px; color: #fff; font-size: 14px; min-height: 640px} #competition .leftcontent {width: 276px} #competition #rightcontent {overflow: hidden; width: 400px} #competitionblock textarea {width: 300px} #competitionblock .error h2 {color: #000} #competitionblock .errorlist {color: #ffff00} #tandc {font-size: 10px; line-height: 14px; color: #fff} .newsad {margin-top: -10px; margin-bottom: 5px} #relatednews {border-top: 1px solid #999; padding-top: 5px} #takeoverleft {font-size: 15px; line-height: 17px; color: #ccc; font-weight: normal; float: left; width: 306px; font-family: Trebuchet, "Trebuchet MS"} #takeoverright {float: left; margin-left: 35px; width: 380px; margin-bottom: 10px; font-size: 15px; margin-top: 200px; line-height: 17px} #takeoverright #rightcontent {text-align: left; width: 270px !important} #takeoverright ul {list-style: none; width: 400px} #takeoverright li {float: left} #takeover #mainpic {border-bottom: 2px solid #9d9d9d; border-top: 2px solid #9d9d9d} #takeover h4 {color: #ffff00} #takeoverblock {float: left; margin-left: 0px; width: 750px; background: #ccc url(/images/home/gone-too-soon.jpg) no-repeat; line-height: 20px; color: #fff; font-size: 14px; min-height: 640px} #takeover .leftcontent {text-align: left; margin-left: 16px; margin-top: 16px; width:260px; color: #800000} #takeover .leftcontent a:hover {color: #502d00} #takeover #rightcontent {overflow: hidden; width: 400px; margin-top: 0} #takeoverblock textarea {width: 300px} #takeoverblock .error h2 {color: #000} #takeoverblock .errorlist {color: #ffff00} .takeovero2 {background: url(/images/home/takeover/o2.png); width: 185px; height: 123px; display: block} .takeovermjlive {background: url(/images/home/takeover/mjlive.png); width: 186px; height: 122px; display: block} .takeovernews {background: url(/images/home/takeover/news.png); width: 185px; height: 122px; display: block} .takeoverpc {background: url(/images/home/takeover/press-conference.png); width: 187px; height: 122px; display: block} #takeover #amazon {margin-top: -2px; display: none} #takeover #skyscraper {margin-top: 0px} #takeover .rssdescription {display: none} #takeover .rssnews {border: none; padding: 0} #takeover .rssnews br {display:none} #takeover .leftcontent li {border-bottom: 0; float: left; text-align: center; background: #fff; padding: 5px; border: 1px solid #000; margin-right: 5px} #takeover .leftcontent li img {border: 1px solid #000} #takeover .text {margin-top: 75px; margin-left: 15px} #takeovericons {width: 500px !important} .tribute {width: 480px; border-bottom: 1px solid #999; padding-bottom: 10px; margin-bottom: 10px; min-height: 75px} .tribute img {border: 1px solid #000; float: left; margin-right: 10px} /* ---------------- FORMS ---------------- */ form p {margin-bottom:0.5em} label {width: 80px; float: left; text-align: left; display: block; line-height: 25px; font-size: 15px} input {color: #263658; padding: 2px; border: 1px solid #000; width:225px; background: #fff url(/images/default/inputbg.gif) repeat-x; font-size: 15px} select {color: #263658; padding: 2px; border: 1px solid #000; font-size: 15px} textarea {color: #000; padding: 3px; line-height: 20px; border: 1px solid #000; font-family: Arial; font-size: 15px; width: 320px; height: 150px; color: #263658} .button {color: #fff; font-family: Verdana; font-size: 10px; font-weight: bold; background: #263658; border: 2px solid #000; cursor: pointer; text-transform: uppercase; width: 120px} .button:hover {background: #7c0b05} .checkbox {width: 12px; border:0; background: none} .radiobutton {width: 15px; border:0; background: none; margin-right: 10px} .error {color: #990000; font-weight: bold; text-transform: uppercase} .errorlist {color: #990000; font-weight: bold; margin-bottom: 10px} .buy_pounds {width: 160px; height: 22px; margin-bottom: 10px; padding: 0; background: #ccc url(/images/merchandise/buy-pounds.gif); cursor: pointer} .buy_pounds:hover {background-position: 0 22px} .buy_euros {width: 160px; height: 22px; margin-bottom: 10px; padding: 0; background: #ccc url(/images/merchandise/buy-euros.gif); cursor: pointer} .buy_euros:hover {background-position: 0 22px} .buy_dollars {width: 160px; height: 22px; margin-bottom: 10px; padding: 0; background: #ccc url(/images/merchandise/buy-dollars.gif); cursor: pointer} .buy_dollars:hover {background-position: 0 22px} .buybtn a {width: 160px; height: 22px; padding: 5px; background: #263658; text-transform: uppercase; color: #fff; font-weight: bold; border: 3px solid #000} .buybtn a:hover {background: #990000; color: #fff} .required {display: none} /* ---------------- FOOTER ---------------- */ #footer {float: left; background-image: url(/images/default/footer-new.png); width: 990px; height: 84px; background-repeat: no-repeat; margin: auto; margin-bottom: 10px} #footertext {color: #FFF; margin-left: 163px; margin-top: 21px; font-family: Tahoma; font-size: 10px; line-height: 14px; letter-spacing: 1px} #footertext a {color: #fff; text-decoration: none} #footertext a:hover{color: #ffff00} /* ---------------- SCROLLBAR ---------------- */ .scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;} .vscrollerbase {width: 15px; background: #D7EBDF url(/images/default/scroller.png) 0px 0px repeat-y} .vscrollerbar {width: 15px; background: #99CBCB url(/images/default/scroller.png) -15px 0px repeat-y} .hscrollerbase {height: 15px; background: #D7EBDF url(/images/default/scroller.png) 0px -15px repeat-x} .hscrollerbar {height: 15px; background: #99CBCB url(/images/default/scroller.png) 0px -30px repeat-x} .vscrollerbar, .hscrollerbar {padding: 10px; z-index: 2} .vscrollerbarbeg {background: url(/images/default/scroller.png) -45px -30px no-repeat; width: 15px; height: 15px !important} .vscrollerbarend {background: url(/images/default/scroller.png) -45px 0px no-repeat; width: 15px; height: 15px} .vscrollerbasebeg {background: url(/images/default/scroller.png) -30px -30px no-repeat; width: 15px; height: 15px !important} .vscrollerbaseend {background: url(/images/default/scroller.png) -60px -30px no-repeat; height: 15px; width: 15px} .scrollerjogbox:hover {background: #5E828C url(/images/default/scroller.png) -45px -15px} /* ---------------- SKYSCRAPER ---------------- */ #skyscraper {width: 140px; float: left; margin-top: -200px} #home #skyscraper {width: 140px; float: left; margin-top: -200px; margin-left: 6px} #news #skyscraper {width: 140px; float: left; margin-top: -200px; margin-left: 6px} #features #skyscraper {width: 140px; float: left; margin-top: -200px; margin-left: 6px} #merchandise #skyscraper {width: 140px; float: left; margin-top: -200px; margin-left: 6px} #music #skyscraper {width: 140px; float: left; margin-top: -200px; margin-left: 6px} #amazon {width: 134px; text-align: center; background: #000; margin-left: 6px; height: 200px; color: #fff} #home #amazon {border-bottom: 3px solid #ccc} #amazon iframe {margin-top: 5px} #amazontext {width: 124px; margin: auto; margin-top: 5px} #amazontext a {color: #ffff00} #amazontext a:hover {color: #000} #amazonflags {margin-top: 5px} #googlesky {width: 134px; margin-left: 6px} #sky {margin-left: 13px; margin-top: 7px; margin-bottom: 7px; width: 120px} #sky a {color: #fff} #sky a:hover {color: #ffff00} /* ---------------- CHRISTMAS ---------------- */ #christmas {background: #a60000 url(/christmas/2008/background.jpg) repeat-x fixed; margin: 0} #christmas #ribbon {background: url(/christmas/2008/ribbon.png) no-repeat top left; position: absolute; width: 311px; height: 239px; margin-top: -20px; z-index: -1} #christmas #main {width: 780px; margin: 10px auto 0 auto} #christmas #logo {background: url(/christmas/2008/logo.png); width: 780px; height: 124px; margin-bottom: 20px; margin-left: -10px} #christmas #logo span {display: none} #christmas #flash {width: 780px; height: 500px; border: 5px outset #ffcc00} #christmas #nav {width: 800px; float: left; margin-top: 20px; text-align: center} #christmas #nav ul {margin-left: 10px} #christmas #nav li {float: left; margin-right: 20px; list-style: none} #christmas #nav img {border: 1px solid #fff} /* ---------------- IMAGES ---------------- */ /* MAIN PICTURES */ #mainpic {height: 200px; width: 750px} #errorpage #mainpic {background: url(/images/default/404_top.jpg)} #maintenance #mainpic {background: url(/images/default/maintenance_top.jpg)} #home #mainpic {background: url(/images/home/mainpic_everything.jpg); float: left} #home #mainleft {float: left; margin-left: -50px; width: 50px; height: 200px; background: url(/images/home/mainpic_everything-left.png)} #takeover #mainpic {background: url(/images/home/mainpic-cinema2_left.jpg); float: left; margin-top: -2px; display: none} #takeover #mainleft {float: left; margin-left: -50px; width: 50px; height: 200px; background: url(/images/home/main_left.png); display: none} #news #mainpic {background: url(/images/news/mainpic.jpg); float: left} #news #mainleft {float: left; margin-left: -50px; width: 50px; height: 200px; background: url(/images/news/main_left.png)} #news_article #mainpic {background: url(/images/news/news_article_top.jpg)} #features #mainpic {background: url(/images/features/mainpic.jpg); float: left} #features #mainleft {float: left; margin-left: -50px; width: 50px; height: 200px; background: url(/images/features/main_left.png)} #features_messages #mainpic {background: url(/images/features/messages_top.jpg)} #features_generic #mainpic {background: url(/images/features/quiz_top.jpg)} #features_mjfriends #mainpic {background: url(/images/features/mjfriends_top.jpg)} #features_articles #mainpic {background: url(/images/features/articles-top.jpg)} #features_otw #mainpic {background: url(/images/features/off-the-wall-top.jpg)} #merchandise #mainpic {background: url(/images/merchandise/mainpic1.jpg); float: left} #merchandise #mainleft {float: left; margin-left: -50px; width: 50px; height: 200px; background: url(/images/merchandise/main_left1.png)} #merchandise_generic #mainpic {background: url(/images/merchandise/top.jpg)} #music #mainpic {background: url(/images/music/mainpic.jpg); float: left} #music #mainleft {float: left; margin-left: -50px; width: 50px; height: 200px; background: url(/images/music/main_left.png)} #music_tours #mainpic {background: url(/images/music/tour_top.jpg)} #music_discography #mainpic {background: url(/images/music/discography_top.jpg)} #music_otw #mainpic {background: url(/images/music/otw/album_top.jpg)} #music_otw_generic #mainpic {background: url(/images/music/otw/generic_top.jpg)} #music_otw_dstyge #mainpic {background: url(/images/music/otw/dstyge_top.jpg)} #music_otw_rockwithyou #mainpic {background: url(/images/music/otw/rockwithyou_top.jpg)} #music_otw_sooml #mainpic {background: url(/images/music/otw/sooml_top.jpg)} #music_bad_generic #mainpic {background: url(/images/music/bad/generic_top.jpg)} #music_thriller #mainpic {background: url(/images/music/thriller/album_top.jpg)} #music_thriller_generic #mainpic {background: url(/images/music/thriller/generic_top.jpg)} #music_thriller_thriller #mainpic {background: url(/images/music/thriller/thriller_top.jpg)} #music_thriller_beatit #mainpic {background: url(/images/music/thriller/beatit_top.jpg)} #music_thriller_billiejean #mainpic {background: url(/images/music/thriller/billiejean_top.jpg)} #music_bad #mainpic {background: url(/images/music/bad/album_top.jpg)} #music_bad_bad #mainpic {background: url(/images/music/bad/bad_top.jpg)} #music_bad_twymmf #mainpic {background: url(/images/music/bad/twymmf_top.jpg)} #music_bad_speeddemon #mainpic {background: url(/images/music/bad/speeddemon_top.jpg)} #music_bad_liberiangirl #mainpic {background: url(/images/music/bad/liberiangirl_top.jpg)} #music_bad_mitm #mainpic {background: url(/images/music/bad/mitm_top.jpg)} #music_bad_dirtydiana #mainpic {background: url(/images/music/bad/dirtydiana_top.jpg)} #music_bad_smoothcriminal #mainpic {background: url(/images/music/bad/smoothcriminal_top.jpg)} #music_bad_leavemealone #mainpic {background: url(/images/music/bad/leavemealone_top.jpg)} #music_bad_leavemealone #mainpic {background: url(/images/music/bad/leavemealone_top.jpg)} #music_dangerous #mainpic {background: url(/images/music/dangerous/album_top.jpg)} #music_dangerous_generic #mainpic {background: url(/images/music/dangerous/generic_top.jpg)} #music_dangerous_jam #mainpic {background: url(/images/music/dangerous/jam_top.jpg)} #music_dangerous_inthecloset #mainpic {background: url(/images/music/dangerous/inthecloset_top.jpg)} #music_dangerous_rememberthetime #mainpic {background: url(/images/music/dangerous/rememberthetime_top.jpg)} #music_dangerous_healtheworld #mainpic {background: url(/images/music/dangerous/healtheworld_top.jpg)} #music_dangerous_blackorwhite #mainpic {background: url(/images/music/dangerous/blackorwhite_top.jpg)} #music_dangerous_whoisit #mainpic {background: url(/images/music/dangerous/whoisit_top.jpg)} #music_dangerous_giveintome #mainpic {background: url(/images/music/dangerous/giveintome_top.jpg)} #music_dangerous_wybt #mainpic {background: url(/images/music/dangerous/wybt_top.jpg)} #music_dangerous_gonetoosoon #mainpic {background: url(/images/music/dangerous/gonetoosoon_top.jpg)} #music_history_generic #mainpic {background: url(/images/music/history/generic_top.jpg)} #music_history #mainpic {background: url(/images/music/history/album_top.jpg)} #music_history_scream #mainpic {background: url(/images/music/history/scream_top.jpg)} #music_history_tdcau #mainpic {background: url(/images/music/history/tdcau_top.jpg)} #music_history_stranger #mainpic {background: url(/images/music/history/stranger_top.jpg)} #music_history_earthsong #mainpic {background: url(/images/music/history/earthsong_top.jpg)} #music_history_cometogether #mainpic {background: url(/images/music/history/cometogether_top.jpg)} #music_history_yana #mainpic {background: url(/images/music/history/yana_top.jpg)} #music_history_childhood #mainpic {background: url(/images/music/history/childhood_top.jpg)} #music_botdf #mainpic {background: url(/images/music/botdf/album_top.jpg)} #music_botdf_generic #mainpic {background: url(/images/music/botdf/generic_top.jpg)} #music_botdf_botdf #mainpic {background: url(/images/music/botdf/botdf_top.jpg)} #music_botdf_ghosts #mainpic {background: url(/images/music/botdf/ghosts_top.jpg)} #music_invincible #mainpic {background: url(/images/music/invincible/album_top.jpg)} #music_invincible_generic #mainpic {background: url(/images/music/invincible/generic_top.jpg)} #music_invincible_yrmw #mainpic {background: url(/images/music/invincible/yrmw_top.jpg)} #music_invincible_cry #mainpic {background: url(/images/music/invincible/cry_top.jpg)} #music_other #mainpic {background: url(/images/music/other/album_top.jpg)} #music_other_generic #mainpic {background: url(/images/music/other/generic_top.jpg)} #music_other_youcantwin #mainpic {background: url(/images/music/other/youcantwin_top.jpg)} #music_other_easeondown #mainpic {background: url(/images/music/other/easeondown_top.jpg)} #music_other_saysaysay #mainpic {background: url(/images/music/other/say_top.jpg)} #music_other_whatzupwitu #mainpic {background: url(/images/music/other/whatzupwitu_top.jpg)} #music_other_watw #mainpic {background: url(/images/music/other/watw_top.jpg)} #music_other_captaineo #mainpic {background: url(/images/music/other/captaineo_top.jpg)} #pictures #mainpic {background: url(/images/pictures/top.jpg)} #links #mainpic {background: url(/images/links/top.jpg)} #contact #mainpic {background: url(/images/contact/top.jpg)} #fanclub #mainpic {background: url(/images/fanclub/top.jpg)} #legal #mainpic {background: url(/images/legal/top.jpg)} #advertising #mainpic {background: url(/images/adverts/top.jpg)} #competition #mainpic {background: url(/images/competition/top-whosbad.jpg)} #competition label {width: 100px} #radiocomp {width: 15px; float: left; margin-right: 10px} #competition form p {clear: both} #competition .fmradiolabel {margin-left: 0; float: none} /*.fmradiolabel {float: none; clear: both; margin-bottom: -50px}*/ .radiodata {margin-left: -6px; float: left} .fmradiolabel {float: left; width: 350px !important; line-height: 19px} #o2 #mainpic {background: url(/images/o2/o2-top.jpg)} #condolances #mainpic {background: url(/images/condolances/top.jpg)} #advertorial_lifeofalegend #mainpic {background: url(/images/advertorials/life-of-a-legend-top.jpg)} /* SIDE PICTURES */ #errorpage #left {background: url(/images/default/404_side.jpg) no-repeat} #condolances #left {background: url(/images/condolances/side.jpg) no-repeat} #maintenance #left {background: url(/images/default/maintenance_side.jpg) no-repeat} #news_article #left {background: url(/images/news/news_article_side.jpg) no-repeat} #features_messages #left {background: url(/images/features/messages_side.jpg) no-repeat} #features_generic #left {background: url(/images/features/quiz_side.jpg) no-repeat} #features_mjfriends #left {background: url(/images/features/mjfriends_side.jpg) no-repeat} #features_articles #left {background: url(/images/features/articles-side.jpg) no-repeat} #features_otw #left {background: url(/images/features/off-the-wall-side.jpg) no-repeat} #merchandise_generic #left {background: url(/images/merchandise/side.jpg) no-repeat} #music_tours #left {background: url(/images/music/tour_side.jpg) no-repeat} #music_discography #left {background: url(/images/music/discography_side.jpg) no-repeat} #music_otw #left {background: url(/images/music/otw/album_side.jpg) no-repeat} #music_otw_generic #left {background: url(/images/music/otw/generic_side.jpg) no-repeat} #music_otw_dstyge #left {background: url(/images/music/otw/dstyge_side.jpg) no-repeat} #music_otw_rockwithyou #left {background: url(/images/music/otw/rockwithyou_side.jpg) no-repeat} #music_otw_sooml #left {background: url(/images/music/otw/sooml_side.jpg) no-repeat} #music_thriller #left {background: url(/images/music/thriller/album_side.jpg) no-repeat} #music_thriller_generic #left {background: url(/images/music/thriller/generic_side.jpg) no-repeat} #music_thriller_thriller #left {background: url(/images/music/thriller/thriller_side.jpg) no-repeat} #music_thriller_beatit #left {background: url(/images/music/thriller/beatit_side.jpg) no-repeat} #music_thriller_billiejean #left {background: url(/images/music/thriller/billiejean_side.jpg) no-repeat} #music_bad #left {background: url(/images/music/bad/album_side.jpg) no-repeat} #music_bad_generic #left {background: url(/images/music/bad/generic_side.jpg) no-repeat} #music_bad_bad #left {background: url(/images/music/bad/bad_side.jpg) no-repeat} #music_bad_twymmf #left {background: url(/images/music/bad/twymmf_side.jpg) no-repeat} #music_bad_speeddemon #left {background: url(/images/music/bad/speeddemon_side.jpg) no-repeat} #music_bad_liberiangirl #left {background: url(/images/music/bad/liberiangirl_side.jpg) no-repeat} #music_bad_mitm #left {background: url(/images/music/bad/mitm_side.jpg) no-repeat} #music_bad_dirtydiana #left {background: url(/images/music/bad/dirtydiana_side.jpg) no-repeat} #music_bad_smoothcriminal #left {background: url(/images/music/bad/smoothcriminal_side.jpg) no-repeat} #music_bad_leavemealone #left {background: url(/images/music/bad/leavemealone_side.jpg) no-repeat} #music_dangerous #left {background: url(/images/music/dangerous/album_side.jpg) no-repeat} #music_dangerous_generic #left {background: url(/images/music/dangerous/generic_side.jpg) no-repeat} #music_dangerous_jam #left {background: url(/images/music/dangerous/jam_side.jpg) no-repeat} #music_dangerous_inthecloset #left {background: url(/images/music/dangerous/inthecloset_side.jpg) no-repeat} #music_dangerous_rememberthetime #left {background: url(/images/music/dangerous/rememberthetime_side.jpg) no-repeat} #music_dangerous_healtheworld #left {background: url(/images/music/dangerous/healtheworld_side.jpg) no-repeat} #music_dangerous_blackorwhite #left {background: url(/images/music/dangerous/blackorwhite_side.jpg) no-repeat} #music_dangerous_whoisit #left {background: url(/images/music/dangerous/whoisit_side.jpg) no-repeat} #music_dangerous_giveintome #left {background: url(/images/music/dangerous/giveintome_side.jpg) no-repeat} #music_dangerous_wybt #left {background: url(/images/music/dangerous/wybt_side.jpg) no-repeat} #music_dangerous_gonetoosoon #left {background: url(/images/music/dangerous/gonetoosoon_side.jpg) no-repeat} #music_history #left {background: url(/images/music/history/album_side.jpg) no-repeat} #music_history_generic #left {background: url(/images/music/history/generic_side.jpg) no-repeat} #music_history_scream #left {background: url(/images/music/history/scream_side.jpg) no-repeat} #music_history_tdcau #left {background: url(/images/music/history/tdcau_side.jpg) no-repeat} #music_history_stranger #left {background: url(/images/music/history/stranger_side.jpg) no-repeat} #music_history_earthsong #left {background: url(/images/music/history/earthsong_side.jpg) no-repeat} #music_history_cometogether #left {background: url(/images/music/history/cometogether_side.jpg) no-repeat} #music_history_yana #left {background: url(/images/music/history/yana_side.jpg) no-repeat} #music_history_childhood #left {background: url(/images/music/history/childhood_side.jpg) no-repeat} #music_botdf #left {background: url(/images/music/botdf/album_side.jpg) no-repeat} #music_botdf_generic #left {background: url(/images/music/botdf/generic_side.jpg) no-repeat} #music_botdf_botdf #left {background: url(/images/music/botdf/botdf_side.jpg) no-repeat} #music_botdf_ghosts #left {background: url(/images/music/botdf/ghosts_side.jpg) no-repeat} #music_invincible #left {background: url(/images/music/invincible/album_side.jpg) no-repeat} #music_invincible_generic #left {background: url(/images/music/invincible/generic_side.jpg) no-repeat} #music_invincible_yrmw #left {background: url(/images/music/invincible/yrmw_side.jpg) no-repeat} #music_invincible_cry #left {background: url(/images/music/invincible/cry_side.jpg) no-repeat} #music_other #left {background: url(/images/music/other/album_side.jpg) no-repeat} #music_other_generic #left {background: url(/images/music/other/generic_side.jpg) no-repeat} #music_other_youcantwin #left {background: url(/images/music/other/youcantwin_side.jpg) no-repeat} #music_other_easeondown #left {background: url(/images/music/other/easeondown_side.jpg) no-repeat} #music_other_saysaysay #left {background: url(/images/music/other/say_side.jpg) no-repeat} #music_other_whatzupwitu #left {background: url(/images/music/other/whatzupwitu_side.jpg) no-repeat} #music_other_watw #left {background: url(/images/music/other/watw_side.jpg) no-repeat} #music_other_captaineo #left {background: url(/images/music/other/captaineo_side.jpg) no-repeat} #pictures #left {background: url(/images/pictures/side.jpg) no-repeat} #links #left {background: url(/images/links/side.jpg) no-repeat} #contact #left {background: url(/images/contact/side.jpg) no-repeat} #fanclub #left {background: url(/images/fanclub/side.jpg) no-repeat} #legal #left {background: url(/images/legal/side.jpg) no-repeat} #advertising #left {background: url(/images/adverts/side.jpg) no-repeat} #o2 #left {background: url(/images/o2/o2-side.jpg) no-repeat} #advertorial_lifeofalegend #left {background: url(/images/advertorials/life-of-a-legend-side.jpg) no-repeat}