* { margin: 0; padding: 0; }
body { color: #fff; text-align: center; margin: 0; padding: 0; background: #160906 url(bg.png) repeat-y 50% 0;}
a img { border: 0; }
a { text-decoration: none; color: #fff; outline: none; }
a:link { }
a:visited { }
a:hover, a:active, a:focus { color: #ed0700; }
span { color: #f5f025; }

div#container { margin: 0 auto; width: 750px; }

#header { background: url(head.png) 33px 0 no-repeat; display: block; width: 750px; height: 130px; text-align: left; text-indent: -10000px; }

div#tourbox { font-size: 80%; position: relative; top: -3em; left: -3em; text-align: right; z-index: 3; }
div#tourbox span { color: #f5f025; text-transform: uppercase; }
div#tourbox p { margin: 11px; }
div#tourbox p a { border-bottom: 1px dotted #f5f025; }

div#mainnav { width: 175px; float: left; position:relative; top: -33px; left: 22px; font-size: 80%; z-index: 2; }
div#mainnav ul { list-style-type: none; width: 175px; }
div#mainnav ul li { }
div#mainnav ul li a { text-transform: uppercase; margin: 11px 0; padding-top: 4px; font-weight: bold; color: #160906; display: block; background-color: #ed0700; xbackground: #ed0700 url(star.png) 148px 22px no-repeat; height: 21px; width: 162px; }
div#mainnav ul li a:hover { background-color: #f5f025; }
div#mainnav ul li a:active { xbackground-position: 138px -21px; }
div#mainnav ul li a.current { background-color: #f5f025; }

div#elsewhere { display: none; font-size: 80%; position: absolute; top: 440px; text-align: right; width: 728px; z-index: 2; }

div.content { margin-bottom: 55px; position: relative; left: 22px; top: -22px; text-align: left; }
div.content p { text-align: left; margin: 11px; }
div.content img.topper { position: relative; left: 8px; }

.hidden { display: none; }
.clearer { clear: both; }
.smaller {font-size: 80%; }

#footer { clear: both; width: 100%; font-size: 80%; padding-top: 10px; text-align: right; }

h1 { text-align: left; color: #f5f025; margin: 22px 0; clear: both; }
h3 { color: #f5f025; }

table, tr, td { border: 0; text-align: left; }
table { font-size: 80%; margin: 11px; }
td { padding-right: 11px; }
table.discog tr:hover { color: #f5f025; xbackground-color: #382b28; }
td.discogheader { font-size: 100%; color: #ed0700; }

ol, .blogroll ul { margin: 11px 11px 11px 33px; font-size: 80%; }
ul { list-style-type: none; }

fieldset { float: left; border-style: solid; }
fieldset:hover { xbackground: #160906; border-color: #f5f025; }
legend { padding: 0 5px; margin-left: 11px; color: #ed0700; }
legend a { color: #ed0700; }
fieldset p a, td a, p.downloadtease a, #elsewhere a, #hopepage a, #photospage p a { border-bottom: 1px dotted #f5f025; }

div#newspage div#blogroll, div#newspage div#tweets, div#newspage div#toptens { float: left; width: 250px; margin: -18px 0 0 22px; }
div#newspage div#blog { float: left; clear: left; width: 450px; margin-top: -18px; }
div#newspage fieldset.topten, div#newspage fieldset.twitterings, div#newspage fieldset.blogroll { width: 210px; margin: 11px 11px 44px 11px; float: none; }
div#newspage fieldset.twitterings p { font-size: 80%; }
div#newspage fieldset.twitterings a.tweetoclock { font-size: 80%; }
div#newspage fieldset.blogpost { width: 447px; margin: 11px 11px 44px 11px; float: none; }

div#downloadspage fieldset { float: none; width: 210px; height: 210px; text-align: center; position: relative; }
div#downloadspage fieldset legend { display: none; }
div#downloadspage a.downloadlink { text-indent: -10000px; width: 210px; height: 210px; display: block; background: url(../downloads/images/overlay.png) 0 0 no-repeat; z-index: 5; }
div#downloadspage a.downloadlink:hover { background: url(../downloads/images/overlay.png) 1px -210px no-repeat; }
div#downloadspage fieldset p { z-index: 2; text-align: center; width: 170px; margin: 0; left: 50%; margin-left: -85px; position: absolute; color: #000; font-weight: bold; font-size: 80%; }
div#downloadspage fieldset p.artist { top: 55px; }
div#downloadspage fieldset p.title { top: 130px; }
div#downloadspage p { text-align: center; font-size: 80%; margin: 11px 0; }
div#downloadspage p span { color: #f5f025; }
div#downloadspage p a { border-bottom: 1px dotted #f5f025; }
div.download { width: 210px; height: 300px; float: left; margin: 11px; }

div.photoholder { }
fieldset.flickrphoto { xbackground: #160906; width: 288px; height: 300px; text-align: center; margin: 22px; padding-top: 22px; }
div fieldset.flickrphoto p { text-align: center; font-size: 80%; }

div#storepage fieldset { width: 650px; xheight: 280px; margin: 22px; }
div#storepage img.storephoto { float: right; margin: 22px; xborder: 2px solid #fff; }
div#storepage form { margin: 22px 11px; }
div#storepage select { display: block; margin:11px 0;}

div#tourpage fieldset { width: 210px; height: 210px; margin: 11px; }
div#tourpage fieldset p { font-size: 80%; margin: 8px; }
div#tourpage fieldset p span { text-transform: uppercase; }
div#tourpage fieldset p span.showname { color: #fff; }

div#hopepage p.bandcamped { text-align: center; }
div#hopepage p.bandcamped a { border: 0; }
div#hopepage p.hopephotos a { display: block; float: left; width: 321px; height: 214px; border: 4px solid #fff; text-indent: -10000px; margin: 6px; }

div#hopepage p.hopephotos a#hope01 { background: url('../hope/tm_hope_01.jpg') 0 0 no-repeat; }
div#hopepage p.hopephotos a#hope02 { background: url('../hope/tm_hope_02.jpg') 0 0 no-repeat; margin-left: 179px; }
div#hopepage p.hopephotos a#hope03 { background: url('../hope/tm_hope_03.jpg') 0 0 no-repeat; }
div#hopepage p.hopephotos a#hope04 { background: url('../hope/tm_hope_04.jpg') 0 0 no-repeat; }
div#hopepage p.hopephotos a#hope05 { background: url('../hope/tm_hope_05.jpg') 0 0 no-repeat; }

div#hopepage p.hopephotos a:hover { background-position: 0 -214px !important; border-color: #f5f025; }

/* INDEX */

div#teaserholder div { text-align: left; xbackground: #160906; width: 500px; height: 300px; xborder: 2px solid #f5f025; float: right; position: relative; margin-right: 25px; }
div#teaserholder div p { margin: 11px; }

div#teaserholder div#intro p { font-size: 80%; }
div#teaserholder div#intro p.bigbreakingnews { font-size: 110%; padding: 5px; border: 1px solid #f5f025;}
div#teaserholder div#intro p.bigbreakingnews a { color: #ed0700; border-bottom:1px dotted #f5f025;}

fieldset.latestphoto { width: 288px; height: 200px; float: none; margin: 11px; padding-top: 11px; text-align: center; } 
a.stopteasing { position: absolute; bottom: -11px; z-index: 5; font-size: 80%; border-bottom: 1px dotted #ed0700; }
a.stopteasing span { color: #ed0700; }
p.biotease, p.downloadtease { font-size: 80%; }
a.storeimage  { xdisplay: block; float: right; margin: 0 11px; border: 2px solid #fff; }
a.storeimage:hover { border-color: #f5f025; }

#maestro { clear: right; z-index: 3; text-align: left; position: relative; top: -44px; background: url(maestro.png) 160px 0px no-repeat; width: 750px; height: 345px; }
#maestro a { position: absolute; display: block; text-indent: -10000px; }

#maestro a#mblog { top: 117px; left: 555px; width: 160px; height: 75px; }
#maestro a#mdownloads { top: 0px; left: 511px; width: 170px; height: 50px; }
#maestro a#mstore { top: 210px; left: 641px; width: 110px; height: 55px; }
#maestro a#mhistory { top: 180px; left: 240px; width: 125px; height: 50px; }
#maestro a#mmischief { top: 232px; left: 365px; width: 150px; height: 50px; }

#maestro a#mblog:hover { background: url(maestro.png) -395px -463px no-repeat;  }
#maestro a#mdownloads:hover { background: url(maestro.png) -351px -346px no-repeat; }
#maestro a#mstore:hover { background: url(maestro.png) -481px -556px no-repeat; }
#maestro a#mhistory:hover { background: url(maestro.png) -80px -526px no-repeat; }
#maestro a#mmischief:hover { background: url(maestro.png) -205px -578px no-repeat; }