body {background: #141212 url("/images/template/background.gif") repeat top left; color: #FFFFFF;}

a:link {color: #FF9900;}
a:visited {color: #F98B10;}
a:hover, a:active, a:focus {color: #F99611;}

div#templateMain, div#homeMain {position: relative; margin: auto; width: 744px; padding: 0 15px 12px; background-color: #000000;}
div#templateContent {background: url("/images/template/background.jpg") no-repeat top left;}
div#templateBody {position: relative; width: 538px; padding: 8px; padding-top: 50px;}
div#templateBody div.container {min-height: 538px;}
div#templateBodyForum {position: relative; width: 728px; padding: 8px; padding-top: 50px;}
div#templateBodyForum div.container {min-height: 538px;}
div#templateNavigation {position: absolute; top: 158px; left: 15px; width: 744px;}
div#templateFooter {clear: both; position: relative; width: 744px; height: 60px; background: url("/images/template/footerbackground.gif") no-repeat top left; font-size: 0.9em; color: #767575;}

ul#menu {margin: 0; list-style: none;}
ul#menu li {display: inline;}
ul#menu a {float: left; width: 90px; height: 25px; margin-right: 3px; text-indent: -1000em; overflow: hidden;}
ul#menu a:hover, ul#menu a:active, ul#menu a.selected {background-position: -90px 0;}
a#menu1 {background: url("/images/template/menu1.gif") no-repeat 0 0;}
a#menu2 {background: url("/images/template/menu2.gif") no-repeat 0 0;}
a#menu3 {background: url("/images/template/menu3.gif") no-repeat 0 0;}
a#menu4 {display: none;}
a#menu5 {background: url("/images/template/menu5.gif") no-repeat 0 0;}
a#menu6 {background: url("/images/template/menu6.gif") no-repeat 0 0;}
a#menu7 {background: url("/images/template/menu7.gif") no-repeat 0 0;}
a#menu8 {background: url("/images/template/menu8.gif") no-repeat 0 0;}
a#menu9 {background: url("/images/template/menu9.gif") no-repeat 0 0;}
a#menu10 {display: none;}

div#templateFooter a {color: #767575; text-decoration: none;}
p#copyright {position: absolute; top: 20px; left: 12px; margin: 0;}
p#design {position: absolute; top: 20px; left: 198px; margin: 0;}
img#translogikLogo {position: absolute; top: 20px; left: 373px;}
img#tnetworksLogo {position: absolute; top: 15px; left: 501px;}
img#allenHeathLogo {position: absolute; top: 26px; left: 579px;}
img#spankLogo {position: absolute; top: 22px; left: 675px;}

div.box {margin-bottom: 8px; padding: 4px; background-color: #231F20;}
div.box img {display: block;}
div#feature {float: left; width: 538px; padding: 8px;}
div#latestNews {position: relative; clear: left; float: left; width: 546px; padding-top: 38px;}
div#latestNews div.container {height: 252px;}
div#moreNews {position: absolute; clear: left; width: 532px; height: 81px; bottom: 6px; left: 8px; padding: 3px; background-color: #141212;}
div.topTen {position: relative;}
div.topTen div.container {height: 360px;}
div#topTenA, div#topTenB {width: 360px; padding-top: 38px;}
div#topTenA {clear: both; float: left;}
div#topTenB {float: right;}
div#mailingList {position: absolute; top: 191px; right: 15px; width: 182px; height: 71px; background: url("/images/template/mailinglistbutton.gif") no-repeat top left; text-indent: -1000em; overflow: hidden;}
div#mailingList a {display: block; width: 182px; height: 71px;}
div#upcomingEvents {position: relative; width: 174px; margin-top: 6px; padding-top: 27px; background: #231F20 url("/images/template/upcomingeventsbackground.gif") no-repeat top left; line-height: 1.1em;}
div#templateMain div#upcomingEvents {position: absolute; top: 271px; right: 15px;}
div#templateMain div#upcomingEvents div.container {min-height: 479px;}
div#homeMain div#upcomingEvents {position: absolute; top: 271px; right: 15px;}
div#homeMain div#upcomingEvents div.container {height: 486px;}

div#latestNews h2 {position: absolute; width: 546px; height: 27px; top: 4px; left: 4px; background: url("/images/template/titlenews.gif") no-repeat top left; text-indent: -1000em; overflow: hidden;}
div#latestNews dl {margin: 4px; margin-top: 8px;}
div#latestNews dt {float: left;}
div#latestNews dd {margin-left: 95px;}

div#moreNews div {position: relative;}
div#moreNews h3 {position: absolute; width: 546px; height: 18px; top: -4px; left: -6px; background: url("/images/template/morenews.gif") no-repeat top left; text-indent: -1000em; overflow: hidden;}
div#moreNews ul {float: left; width: 235px; margin: 20px 0 0 20px; list-style-image: url("/images/template/bulletdark.gif");}
div#moreNews a {color: #999999;}

div#topTenA h2 {position: absolute; width: 360px; height: 35px; top: 0; left: 4px; background: url("/images/template/toptena.gif") no-repeat top left; text-indent: -1000em; overflow: hidden;}
div#topTenB h2 {position: absolute; width: 360px; height: 27px; top: 4px; left: 4px; background: url("/images/template/toptenb.gif") no-repeat top left; text-indent: -1000em; overflow: hidden;}
div.djTopTen {position: relative; clear: both; padding-top: 50px;}
div.djTopTen h4 {position: absolute; width: 546px; height: 27px; top: 4px; left: -4px; margin: 0; margin-top: 15px; background: url("/images/template/toptencurrent.gif") no-repeat top left; text-indent: -1000em; overflow: hidden;}
div.topTen img {float: left; margin-right: 10px;}
div.topTen p {margin: 0;}
div.topTen ol {clear: both; margin: 0; padding-top: 10px; color: #FF9900; list-style-type: decimal-leading-zero; list-style-position: inside; marker-offset: 20px;}
div.topTen li {padding: 2px;}
div.topTen li.row {background-color: #141212;}
div.topTen ol span {color: #999999;}
div.topTen ol span.artist {color: #FFFFFF;}
div.topTen ol span.label {margin-left: 2em;}

div#upcomingEvents h2 {position: absolute; width: 182px; height: 30px; top: -7px; left: 0; margin-top: 0; background: url("/images/template/upcomingevents.gif") no-repeat top left; text-indent: -1000em; overflow: hidden;}
div#upcomingEvents h2 a {display: block; width: 182px; height: 30px;}
div#upcomingEvents dl {height: 100px; margin: 1em 0; border-top: 1px solid #2F2F2F; padding-top: 5px;}
div#upcomingEvents dt {float: left;}
div#upcomingEvents dd {margin-left: 44px;}
div#upcomingEvents p {margin: 0; margin-bottom: 0.2em;}
div#upcomingEvents ul {margin: 0; list-style-image: url("/images/template/bulletlight.gif");}
div#upcomingEvents span.eventTitle a {color: #FF9900;}
div#upcomingEvents span.eventDJs {color: #999999;}
div#upcomingEvents a {color: #FFFFFF;}

div.tourDates {position: relative; clear: both; padding-top: 50px;}
div.tourDates h4 {position: absolute; width: 546px; height: 27px; top: 4px; left: -4px; margin: 0; margin-top: 15px; background: url("/images/template/tourdates.gif") no-repeat top left; text-indent: -1000em; overflow: hidden;}
div.tourDates ul {clear: both; margin: 0; padding-top: 10px; color: #999999; list-style: none;}
div.tourDates li {padding: 1px 0;}
div.tourDates ul span.date {color: #FFFFFF;}

p.subText {margin: 0 0 1em; font-size: 0.9em; line-height: 0;}

div.eventDetails {border-color: #2F2F2F;}
div.itemHolder {border-color: #2F2F2F;}

div#ecommerceLogos div.floatRight {width: 270px;}
div#ecommerceSeal {float: right; margin-left: 5px;}


span.important, p.important {border-color: #000000; background-color: #F98B10; color: #000000;}
span.important a:visited, p.important a:visited {color: #141212;}

span.eventTitlePrefix {color: #FFC979;}

ul.thumbnails {width: 535px;} /* !! Take this out */


h1#logo {position: relative; width: auto; height: auto; top: auto; left: auto; margin: 0; margin-bottom: 34px; border: 0px none; background: url("/images/template/logo.jpg") no-repeat top left;}
h1#logo a {display: block; width: 744px; height: 157px;}

h1 {position: absolute; width: 546px; height: 27px; top: 4px; left: 4px; margin: 0; margin-top: 1px; text-indent: -1000em; overflow: hidden;}
h2, h3 {color: #FF9900;}
h2 {margin-top: 10px;}
div#homeMain h2 {margin-top: 0;}
h3 {margin-top: 1px;}

h1#news {background: url("/images/template/titlenews.gif") no-repeat top left;}
h1#djProfiles {background: url("/images/template/titledjprofiles.gif") no-repeat top left;}
h1#photos {background: url("/images/template/titlephotos.gif") no-repeat top left;}
h1#forum {width: 736px; background: url("/images/template/titleforum.gif") no-repeat top left;}
h1#history {background: url("/images/template/titlehistory.gif") no-repeat top left;}
h1#links {background: url("/images/template/titlelinks.gif") no-repeat top left;}
h1#store {background: url("/images/template/titlestore.gif") no-repeat top left;}
h1#mailingList {background: url("/images/template/titlemailinglist.gif") no-repeat top left;}
h1#events {background: url("/images/template/titleevents.gif") no-repeat top left;}
h1#contact {background: url("/images/template/titlecontact.gif") no-repeat top left;}
h1#account {background: url("/images/template/titleaccount.gif") no-repeat top left;}
h1#shoppingCart {background: url("/images/template/titleshoppingcart.gif") no-repeat top left;}

hr {background-color: #2F2F2F; color: #2F2F2F;}


thead {background-color: #141212;}

th, tr.totals td, tr.total td, td.divider {border-color: #000000;}


img#sponsors {margin-top: 15px;}


fieldset {border-color: #2F2F2F;}
legend {background-color: #141212; color: #FFFFFF;}
label.requiredField {color: #F98B10;}

input, textarea, select, button {background-color: #141212; color: #FFFFFF;}
input.checkOut, button.checkOut {background-color: #FFFFFF; color: #141212;}