/* this CSS and html is so shit. I'm sorry. It was a rushjob  */

html{height:100%;}
body{background: #000; color: #ff0; font-family: "American Typewriter", "Courier New", courier; font-size: 16px; min-height: 100%; padding: 0 0 50px 0;}
body.tsps{color: #50ffff;}
body.remixes{color: #e3ff56;}
.inner p, li, .inner ul, .inner ol{ line-height: 22px; font-size: 16px; padding: 0 0 12px 0;}

a{color: #ff5;}
a:hover{color: #000; background: #ffe}

body.tsps a{color: #50ffff;}
body.remixes a{color: #e3ff56}
body.tsps a:hover{color: #ff518c;}
body.remixes a:hover{color: #f3f;}

/* z */
body{z-index: 1;}
.header{z-index: 100;}
.header h1{z-index: 125;}
.header ul{z-index: 150;}
.inner right{z-index: 300;}
.parallaxSmall{z-index: 300;}
.player{z-index: 500;}
#playlist_listUl li.playlist_preLoad{z-index: 550;}
#playlist_listUl.jsDisabled li.playlist_current, #playlist_listUl.jsEnabled li.playlist_current{z-index: 600;}


/* /z */

hr{background: none; color:none; margin: 20px 0; height: 1px; overflow: hidden; border-style: none;border-bottom: 1px solid #ff0; }
hr.bigSplitHr{border-bottom: 20px solid #333;}
body.tsps hr{border-bottom-color: #50ffff;}
body.tsps hr.bigSplitHr{border-bottom-color: #2f3e3e;}
body.remixes hr{border-bottom-color: #e3ff56;}

/* used a bit, this inner kiddo */
.inner{width: 750px; margin: 0 auto; padding: 30px 0 40px; position: relative; clear: both;}

/* head */
.header{background: #ff0; height: 250px;}
body.home .header{height: 410px;}
body.nothome .header{height: 250px;}
body.vancouver .header{height: 270px;}
body.epk .header{height: 380px;}
body.tsps .header{background: #50ffff}
body.remixes .header{background: #e3ff56}

.header h1{display: block; position: absolute; top: 50px; left: 0; background: url(../images/logo/reversed-small.gif) no-repeat left; height: 140px; width: 370px; font-size: 22px; font-weight: bold; color: #000; padding: 10px 0 0 220px; text-transform: uppercase;}
body.tsps .header h1{background: url(../images/logo/blue-small.jpg) no-repeat left;}
body.remixes .header h1{background: url(../images/logo/green-cut.jpg) no-repeat left;}
.header h1 span{color: #990; font-size: 10px; display: none;}
.header h1 em{font-weight: normal; color: #f00;}

.header h1 span.flash{width: 108px; height: 196px; display: block; position: absolute; top:148px; left: 12px; background: url(../images/icons/flash.gif);} 

.header ul{position: absolute; top:100px; left: 212px; width: 500px;}
.header ul li {padding: 0; position: relative;}
.header ul li a, .header ul li em{display: block; color: #000; text-decoration: none; font-size: 16px; padding: 5px 5px 5px 30px; text-transform: uppercase;background: url(../images/arrows/right-blackonyellow.gif) no-repeat 8px 50%;}
.header ul li.backHomeYellow a{background: none;}
body.tsps .header ul li a, body.tsps .header ul li em{background-color: #ff0}
body.remixes .header ul li a, body.remixes .header ul li em{background-color: #e3ff56;}

.header ul li a:hover, .header ul li em{color: #0f0; background: #000 url(../images/arrows/down-yellowonblack.gif) no-repeat 8px 50%; margin-bottom: -1px;}
body.tsps .header ul li a:hover, body.tsps .header ul li em{background-color: #000; color: #fc3276;}
body.remixes .header ul li a:hover, body.remixes .header ul li em{background-color: #000; color: #e3ff56;}
.header ul li a span{display: none}
.header ul li a:hover span{display: inline; color: #fff; font-size: 12px; }

.header ul li em{text-transform: none; }
.header ul li em a{display: inline; padding: 0; background: none;text-transform: none; color: #6f6;}
.header ul li em abbr{border-bottom: 1px dashed #000; cursor: help;}
.header ul li em a:hover{background: none;}

.header i{background: #f00; color: #fff; font-weight: bold; padding: 0; text-align: center; margin: 0 3px; letter-spacing: 1px; font-family: Arial; font-style: normal; display: block; width: 45px; position: absolute; top:7px; left: 170px; font-size: 11px; line-height: 17px; border: 1px solid #000;} 

strong{font-weight: bold;}

h2, .inner p.bigFatIntro{font-size: 42px; color: #fff; padding: 0 0 10px; line-height: 42px;}
.inner p.bigFatIntro{font-size: 36px; padding-top: 10px;}
h3{font-size: 18px; color: #fff; padding: 10px 0; line-height: 24px;}
h2 em, h3 em{font-style: italic;}
h2 a, h3 a{color: #fff;}
.yellow h2 a, .yellow h3 a{color: #000;}
body.remixes h2{color: #f0f;}
body.remixes .yellow h2{color: #000;}

/* qcp */
.parallaxSmall{position: absolute; top:110px; left: 0; height: 300px; width: 300px; background: #ff0; overflow: hidden; border: 3px solid #ff0; cursor: pointer;}
.parallaxSmall:hover{border-color: #c00;}

.qcp .right{display: block; position: relative; padding: 25px 0 0 350px; min-height: 330px;}
.qcp .right ul{padding: 0 0 12px 0;}

.parallax { background-color:#000; height:800px; overflow:hidden; position:relative; width:960px; margin: 30px auto; border: 10px solid #ff0; display: block;	}
.parallax:hover { background-color:#000; height:800px; overflow:hidden; position:relative; width:960px; margin: 30px auto; border: 10px solid #ffe; display: block;	}

/* uls EVERYWHERE */
.yellow ul li, .black ul li{padding-bottom: 2px;}

.yellow{background: #ff0; color: #000;}
body.tsps .yellow{background: #50ffff;}
body.remixes .yellow{background: #e3ff56;}
body.epk .yellow{}
.yellow h2, .yellow h3, .yellow a{color: #000;}

.yellow ul li a, .yellow ul li em{display: block; padding: 3px 5px 2px 25px; background: url(../images/arrows/right-blackonyellow.gif) no-repeat 5px 8px; font-size: 16px; text-decoration: none;}
.yellow li a span{color: #660; font-size: 12px; display: block;}
.yellow li a:hover{color: #0f0; background: #000  url(../images/arrows/right-yellowonblack.gif) no-repeat 5px 8px;}
.yellow li a:hover span{color: #fff;}
.yellow li.notes{color: #990; font-size: 12px; padding: 5px 0 10px 20px;}
.yellow li.notes a{font-size: 12px;}

.black ul li a, .black ul li em, .files a{display: block; padding: 3px 5px 2px 20px; background: url(../images/arrows/right-yellowonblack.gif) no-repeat 0 7px; font-size: 16px; text-decoration: none;}
.black li a span{color: #660; font-size: 12px; display: block;}
.black li a:hover, .files a:hover{color: #0f0;}
.yellow .inner .files a:hover{color: #c00;}
.black li a.aboutTrigger:hover{background:  url(../images/arrows/down-yellowonblack.gif) no-repeat 0 8px;}
.black li.notes{color: #990; font-size: 12px; padding: 5px 0 10px 20px;}

.black ul li em a, .yellow ul li em {display: inline; background: none; padding: 0; text-decoration: underline;}

.torrents p{font-size: 14px; color: #fff;}

.black .aboutTracks{color: #fff; font-size: 13px; padding: 10px 0 0 28px;}
ul.mp3sBig li a, ul.torrents li a{background: url(../images/icons/note-on-black.gif) no-repeat left; padding-top:10px; padding-left: 28px; font-weight: bold; color: #0f0; cursor: pointer;}
ul.mp3sBig li a:hover, ul.torrents li a:hover{color: #50ffff; cursor: pointer;}
ul.mp3sBig li a b, ul.torrents li a b{color: #fff; font-weight: normal; padding: 0 5px; font-size: 13px;}

ul.mp3sBig a i.new{background: #c00; color: #fff; padding: 0 2px;}

ul.torrents li a{background: url(../images/icons/lightning.gif) no-repeat 0 13px; color: #ff0090; text-decoration: none;}
ul.torrents li a:hover{color: #fff;}

body.nothome ul.mp3sBig{padding-bottom: 0; margin-bottom: 0;}
body.nothome ul.mp3sBig li a{padding-top: 6px; padding-bottom: 5px; color: #000; background: none;}
body.nothome ul.mp3sBig li a b{color: #66cccc;}
body.remixes ul.mp3sBig li a b{color: #333;}
body.nothome ul.mp3sBig li a:hover{background: #000 url(../images/icons/note-on-black-small.gif) no-repeat 8px 50%;color: #fff;}

body.nothome ul.mp3sBig li.zip a{background: #000 url(../images/icons/zip-small.gif) no-repeat 6px 50%; color: #fff; cursor: pointer;}
body.nothome ul.mp3sBig li.zip a:hover{color: #ff00c6;}

body.epk ul.liveSetMp3 li a{border: 3px solid #c00; background: #000; padding-right: 10px; color: #fcc; text-decoration: none; background-image: background:	 url(../images/icons/note-on-black.gif) no-repeat left; }
body.epk ul.liveSetMp3 li a strong{color: #fff;}

ul.diskette{background: url(../images/icons/download-disk.gif) no-repeat left; padding-left: 110px;}
body.nothome ul.diskette a b{color: #cc0 !important;}

ul.quotes li em, ul.quotes li a{font-size: 12px;}

ul.about em{color: #fff; font-size: 14px;}
ul.about em a{font-size: 14px;}

/* OL!?! this is used for vancouver */
.inner ol li{list-style: inside decimal; padding-bottom: 5px; color: #070;}
.inner ol li span{color: #ff0;}
body.tsps .inner ol li span{color: #50ffff;}
.yellow .inner ol li{color: #880;}
.yellow .inner ol li span{color: #000;}
.yellow .inner ol li span strong{color: #000;}
.inner ol li span strong{color: #fff; font-size: 120%; font-weight: normal;}
.inner ol li span strong .cad{font-size: 70%; color: #fff;}
.inner ol.a li{list-style: inside lower-latin;}

/* DATES */
.inner ol.dates{padding: 20px 0; border-top: 1px solid #333; margin: 10px 0 0;}
.inner ol.dates li{color: #fff; list-style: none; position: relative;color: #fff; font-size: 13px; padding: 0 0 15px 110px;}
.inner ol.dates cite{display: block; float: left; width: 90px; border-right: 1px solid #555; position: absolute; top:0; left: 0; color: #666;}
q{color: #ccc; font-size:10px; display: block; padding: 5px 0 0 20px; font-style: italic; font-family: Arial, sans-serif; position: relative; line-height: 16px;}
q i{color: #666; font-size: 30px; font-family: Georgia, Times, serif; display: block; position: absolute; top:0; left: 0; width: 20px; top:12px;}

.inner ul.convo {padding: 20px; background: #222; margin: 15px 0;}
.inner ul.convo li q{font-size: 18px; line-height: 22px; font-family: Georgia, Times, serif;}

/* just for the files */
.files{position: relative;}
.files a{background: url(../images/arrows/underarrow-1.gif) no-repeat left; font-size: 12px;}

.files h3 span{padding-left: 25px; padding-top: 1px; background: url(../images/arrows/folder.gif) no-repeat left; font-size: 13px; display: block;}
.files a.x, .files h3.x{margin-left: 10px;}
.files h3.x span{margin-left: -10px;}
.files a.xx, .files h3.xx{margin-left: 38px;}
.files a.xxx, .files h3.xxx{margin-left: 70px;}
.files a.xxxx, .files h3.xxxx{margin-left: 100px;}

.files h3.x, .files h3.xx,.files h3.xxx,.files h3.xxxx{background: url(../images/arrows/underarrow-1.gif) no-repeat left; padding:10px 10px 10px 32px;}

.intro{padding: 0 0 15px; color: #fff;}
.tspsIntro{padding-right: 300px;}
.intro p{font-size: 13px;}


/* for t61 */
.t61 h2 a{text-decoration: none;}
.t61 ul li a, .t61 ul li a:hover{background: url(../images/randoms/t61.jpg) no-repeat 1px 50%; padding: 15px 10px 15px 65px;}
.t61 ul li a:hover{background-color: #000;}


/* twitter feed */
.feed{height: 40px; padding: 40px 0 0 20px;}
.feed p, .feed p a, .feed ul{display: block; float: left; font-size: 11px;}
.feed p, .feed p a{width: 55px;}
.feed p a:hover{color: #fff; background: none;}
.feed ul{width: 600px;}
.feed ul li, .feed ul li a{font-size: 11px; color: #ccc;}
.feed ul li a{display: inline; background: none; padding: 0 5px; color: #fff;}
.twit-more{display: none;}

.inner p em, .inner li em{font-style: italic;} 

.jsEnabled{display: block;}
.jsDisabled{display: none;}

.footer p{text-align: center; color: #666; font-size: 10px; width: 400px; margin: 0 auto;}
.footer p{line-height: 15px;}
.footer p a{color: #999; text-decoration: none;}
.footer p a:hover{background: none; color: #fff;}

/* TSPS! */

.slantyCover{width: 318px; height: 319px; position: absolute; display: block; top:90px; right: -100px; padding: 20px; border: 5px solid transparent; background: none !important}


.facebookThing{padding-left: 25px;}

.paypal h3 input{border: none; display: inline; background: #cc0; font-size: inherit; color: #fff; font-family: inherit; cursor: pointer; border: 2px solid #ff0; color: #000; font-weight: bold;}
.paypal h3 input:hover{background: #0f0; border-color: #0f0;}

.inner p.dangerWillRobinson{background: #300 url(../images/icons/alert.gif) no-repeat 20px 50%; padding: 20px 20px 20px 90px; margin: 0 0 10px 0; border: 3px solid #c00;}
.inner p.dangerWillRobinson em{font-style: italic;}
.inner p.goodDanger{background-color: #052500; border-color: #21e900;}

.leetle{display: block; font-size: 12px; color: #a18500;}


.holyballs{background: #000; color: #f00 !important; padding: 0 3px;}

.hiresbitches{height: 420px;}
.hiresbitches a{display: block; width: 310px; height: 199px; border: 3px solid #ff0; float: left; margin: 0 20px 20px 0; text-decoration: none;}
.hiresbitches a:hover{border-color: #c00; background: #000; color: #fff;}
.hiresbitches a em{font-size: 12px; display: block; color: #600;}
.hiresbitches a:hover em{color: #999;}

.pressdudes{height: 500px;}
.pressdudes a{height: 110px; padding: 10px; width: 290px; position: relative;}
.pressdudes a.wide{width:620px !important; height: 90px; margin-top: 10px;}

.bannerquote{width: 648px; margin: 0 auto; text-decoration: none;}
.bannerquote:hover{background: none; color: #c00;}
.bannerquote em{display: block; font-size: 12px; text-align: right; width: 630px; padding: 0 0 10px 0;}


/* for bo ghetto */
body.boghetto .inner ol li em{color: #fff;}
body.boghetto .yellow ol li em{color: #000;}
body.boghetto  h1{font-size: 55px;}
body.boghetto  p{font-size: 13px; line-height: 20px;}

.epkLinks{height: 130px;}
.epkLinks li{float: left;display: block;}
.epkLinks li.wide a{width: 710px; background: #f0f;}
.epkLinks a{font-size: 22px; display: block; width: 210px; float: left; background: #fe0066; padding: 10px; margin: 0 20px 10px 0; color: #fff; font-weight: bold; text-decoration: none;position: relative; text-align: center}
.epkLinks a:hover{color: #ae0046; background: #fff;}

.freshAgain{width: 703px; height: 212px; background: url(../../epk/images/soundfreshagain.png); position: absolute; top:110px; left: -33px;}