/* CSS Document */
html { height: 100%; }
body { height: 100%; margin: 0; padding: 0; background-color: #F8EFD9; background-image: url(img/bg/main_repeat.gif); background-repeat: repeat-x; font-size: .73em; color: black; font-family: "Courier New", Courier, mono; }
div#content { height: 100%; width: 100%; min-width: 1000px; margin: 0; padding: 0; background-repeat: no-repeat; }
div#innercontent { height: 100%; margin: auto; width: 670px; /* background-color: red; */ }

h1 { margin: .3em 0; padding: 0; font-family: "Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-size: 190%; color: #662D91; line-height: .9em; }
h2 { margin: .5em 0; padding: 0; font-family: "Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-size: 130%; color: #E10079; line-height: .9em; }
h3 { margin: 0; padding: 0; font-weight: normal; font-size: 100%; }
h4 { margin: .3em 0; padding: 0; font-family: "Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-size: 130%; color: black; line-height: .9em; }
h5 { font-family: "Courier New", Courier, mono; font-style: normal; color: black; font-weight: normal; padding: 18px 0 0 0; margin: 0; font-size: 100%; }
h6 { margin: 16px 27px 0; padding: 0; font-weight: normal; font-size: 100%; }
p { margin: .5em 0; padding: 0; font-weight: normal; }

a { color: #662D91; text-decoration: none; position: relative; z-index: 10; }
a:hover { color: #662D91; text-decoration: underline; }
a.newsopener img { padding: 3px 0 0 0; margin: 0; vertical-align: bottom; }
a.newscloser img { padding: 1.5em 0 0 0; margin: 0; vertical-align: bottom; }
a img { border: none; }

div.box { width: 290px; position: absolute; left: 300px; top: 150px; margin: 0; padding: 0; cursor: move; }
div.box div.top { width: 290px; height: 45px; float: left; background-image: url(img/bg/box_top.png); background-position: left top; background-repeat: no-repeat; }
div.box div.content { position: static; width: 290px; float: left; background-image: url(img/bg/box_content.png); background-position: left top; background-repeat: repeat-y; }
div.box div.innercontent { width: 290px; float: left; background-image: url(img/bg/box_pattern.gif); background-position: center center; }
div.box div.innercontent div.textwrapper { margin: 1em 27px 0; padding: 0; font-weight: normal; }
div.box div.content div.imgwrapper { width: 196px; margin: 0 67px 2em 27px; padding: 0; position: relative; }
div.box div.content div.imgwrapper div.img { width: 196px; }
div.box div.content div.imgwrapper img.overlay { opacity: 0.5; position: absolute; top: 0px; left: 0px; z-index: 10; }
div.box div.bottom { width: 290px; height: 56px; float: left; background-image: url(img/bg/box_bottom.png); background-position: left top; background-repeat: no-repeat; }
div.box div.content h1 { padding-left: 27px; padding-right: 27px; }

div.bigbox { width: 467px; cursor: move; }
div.bigbox div.top { width: 407px; background-image: url(img/bg/bigbox_top.png); padding: 0 30px; }
div.bigbox div.top a.cross { font-family: "Courier New", Courier, mono; font-style: normal; color: black; font-weight: normal; padding: 0; margin: 0; position: absolute; top: 18px; right: 30px; cursor: pointer; }
div.bigbox div.content { position: static; width: 407px; background-image: url(img/bg/bigbox_content.png); padding: 0 30px; }
div.bigbox div.content h1 { padding: 0; }
div.bigbox div.bottom { width: 467px; background-image: url(img/bg/bigbox_bottom.png); height: 80px; }

div#mirror { width: 346px; position: absolute; cursor: move; }
div#mirror div.top { width: 346px; height: 105px; float: left; background-image: url(img/bg/mirror_top.png); background-position: left top; background-repeat: no-repeat; }
div#mirror div.content { width: 211px; float: left; padding: 0 80px 0 55px; background-image: url(img/bg/mirror_content.png); background-position: left bottom; background-repeat: no-repeat; min-height: 120px; max-height: 500px; }
div#mirror div.bottom { width: 346px; height: 126px; float: left; background-image: url(img/bg/mirror_bottom.png); background-position: left bottom; background-repeat: no-repeat; }
div#mirror div.bottom a { float: right; padding-right: 80px; }
div#mirror div.content ul { margin: 0; padding: 0; list-style-type: none; }
div#mirror div.content ul li { margin: 0; padding: 0; }
div#mirror div.content ul li h1 { margin: 0; padding: 0 7px .5em; font-size: 180%; }
div#mirror div.content ul li h5 { margin: 0; padding: 0 7px; color: #CDC5AC; }

div#noscript { color: white; font-weight: bold; font-size: 130%; background-color: #662D91; text-align: center; }
div#navigation { padding: 4px 0 0; margin: 1px 0 0; position: relative; }
div#navigation ul { float: left; list-style-type: none; margin: 0 2px; padding: 0 0 0 4px; background-image: url(img/nav/div_01.gif); background-position: left top; background-repeat: no-repeat; }
div#navigation ul li { float: left; margin: 0; padding: 0 4px 0 0; background-image: url(img/nav/div_01.gif); background-position: right top; background-repeat: no-repeat; }

div#subnavigation { position: absolute; width: 630px; left: 40px; top: 40px; }
div#subnavigation ul { list-style: none; padding: 0; margin: 0; font-size: 120%; background-image: none; width: 100%; text-align: center; }
div#subnavigation ul li { float: none; display: inline; margin: 0; padding: 0 7px 0 14px; background-image: url(img/nav/div_05.gif); background-position: 0px -7px; background-repeat: no-repeat; }
div#subnavigation ul li.first { padding: 0 7px 0 0; background-image: none; }
div#subnavigation ul li a { color: black; }
div#subnavigation ul li.active a { color: red; }

div.maincontent { padding: 0; margin: 120px 50px 50px; position: relative; z-index: 2; }
div.maincontent div.top { background-image: url(img/bg/main_top.png); height: 50px; background-position: left top; background-repeat: no-repeat; padding: 0 30px; margin: 0; position: relative; }
div.maincontent div.top a.cross { font-family: "Courier New", Courier, mono; font-style: normal; color: black; font-weight: normal; padding: 0; margin: 0; position: absolute; top: 18px; right: 30px; cursor: pointer; }
div.maincontent div.content { background-image: url(img/bg/main_repeat.png); background-position: left top; background-repeat: repeat-y; padding: 0 30px; margin: 0; float: left; width: 510px; position: relative; }
div.maincontent div.content div.row { background-image: url(img/div_paragraph.gif); background-position: left top; background-repeat: no-repeat; padding: .3em 0 1.5em; float: left; width: 510px; max-width: 510px; }
div.maincontent div.content div.row div.img { padding-top: .5em; float: left; width: 100px; position: relative; }
div.maincontent div.content div.row div.img a { cursor: pointer; }
div.maincontent div.content div.row div.img img { background-color: black; }
div.maincontent div.content div.row div.text { padding-top: .5em; float: right; width: 510px; }
h1.nodate { margin: 0em 0 .3em 0; }
div.maincontent div.content div.row div.withimg { float: right; width: 390px; max-width: 390px; }
div.maincontent div.bottom { background-image: url(img/bg/main_bottom.png); height: 80px; background-position: left top; background-repeat: no-repeat; float: left; clear: both; width: 510px; padding: 0 30px; text-align: center; }
div.maincontent div.bottom ul { list-style-type: none; margin: 0; padding: 24px 0 0; background-image: url(img/page_end.gif); background-repeat: no-repeat; background-position: center top; }
div.maincontent div.bottom ul li { display: inline; margin: 0; padding: 0; }
div.maincontent div.bottom ul li a { color: black; }
div.maincontent div.bottom ul li a.currentpage { color: #E21B25; }
div.maincontent div.bottom div.end { background-image: url(img/page_end.gif); background-position: center top; background-repeat: no-repeat; width: 510px; height: 15px; margin-top: 10px; }

div.maincontent img { background-color: black; background-image: url(img/img_loading.gif); background-repeat: no-repeat; background-position: center center; }
div.maincontent img.news { background-image: none; background-color: transparent; }
div.imgpopup img { background-color: black; background-image: url(img/img_loading.gif); background-repeat: no-repeat; background-position: center center; }
div.imgpopup div.imgtopright { position: absolute; top: 0; right: 0; width: 10px; height: 10px; background-image: url(img/bg/img_top_right.png); background-repeat: no-repeat; }
div.imgpopup div.imgright { position: absolute; top: 10px; right: 0; width: 10px; height: 10px; background-image: url(img/bg/img_right.png); background-repeat: repeat-y; }
div.imgpopup div.imgbottomright { position: absolute; bottom: 0; right: 0; width: 10px; height: 10px; background-image: url(img/bg/img_bottom_right.png); background-repeat: no-repeat; }
div.imgpopup div.imgbottom { position: absolute; bottom: 0; left: 10px; width: 10px; height: 10px; background-image: url(img/bg/img_bottom.png); background-repeat: repeat-x; font-size: 1px; line-height: 1px; }
div.imgpopup div.imgbottomleft { position: absolute; bottom: 0; left: 0; width: 10px; height: 10px; background-image: url(img/bg/img_bottom_left.png); background-repeat: no-repeat; }
div.imgpopup div.closebutton { color: white; background-color: black; padding: 2px 5px; position: absolute; top: 10px; right: 20px; cursor: pointer; }

div.gigs { text-align: center; background-image: url(img/page_end.gif); background-position: center top; background-repeat: no-repeat; padding-top: 2em; margin-top: 1em; }
table.gigs th { padding: .5em 0; text-align: left; }
table.gigs th h2 { margin-top: 0; }
table.gigs td { vertical-align: top; text-align: left; }
table.gigs h1 a { margin-left: 15px; }
table.gigs tr.basics td { padding-top: .3em; }
table.gigs tr.basics td.wd { background-image: url(img/div_paragraph.gif); background-position: left top; background-repeat: no-repeat; width: 30px; }
table.gigs tr.basics td.date { width: 70px; }
table.gigs tr.details td { padding-bottom: 1em; padding-right: 20px; }
table.gigs h1 { margin: 0; padding: 0; }

table.links p a { margin-left: 12px; }
table.links p a img { margin-top: .2em; vertical-align: bottom; }
table.links td.title { padding: .2em 0 0 0; background-image: url(img/div_paragraph.gif); background-position: left top; background-repeat: no-repeat; }
table.links td.bottomrow { padding-bottom: 1em; }

div.maincontent div.forhalfrow { padding: 0 15px; margin: 0; width: 540px; max-width: 540px; }
div.halfrow { width: 240px; max-width: 240px; float: left; clear: none; padding: .2em 15px 1em; background-image: url(img/div_paragraph.gif); background-position: 15px 0px; background-repeat: no-repeat; }
div.halfrow p { margin: 0; }

ul.media { list-style-type: none; margin: 0; padding: 0em 0; }
ul.media li { list-style-type: none; margin: 1.2em 0 0; padding: 0; }
div.halfrow h2 { color: #E10079; margin-bottom: .1em; }
h2 a { color: #E10079; }

/* releases */
table.album { padding-bottom: 5px; }
table.album td { padding-right: 30px; text-align: left; vertical-align: top; }
table.tracklist td { padding-right: 10px; text-align: left; vertical-align: top; }
table.tracklist td div.mp3player { margin-top: 2px; padding: 1px; width: 9px; height: 9px; background-color: #662D91; }

/* gallery width=742, height=630 */
div.gallery-content { background-color: black; position: absolute; top: 35px; left: 36px; width: 642px/*w*/; height: 580px/*h*/; }
div.gallery { position: absolute; left: 150px; top: 250px; z-index: 15; width: 720px/*w+78*/; height: 657px/*h+77*/; cursor: move; }
div.gallery-0 { width: 100%; height: 86px; }
div.gallery div.gallery-tl { width: 166px; height: 100%; background-image: url(img/gallery/tl.png); float: left; }
div.gallery div.gallery-t { width: 463px/*w+78-166-91*/; height: 100%; background-image: url(img/gallery/t.png); background-repeat: repeat-x; background-position: center top; float: left; }
div.gallery div.gallery-tr { width: 91px; height: 100%; background-image: url(img/gallery/tr.png); float: left; }
div.gallery-1 { width: 100%; height: 481px/*h+77-86-90*/; }
div.gallery div.gallery-l { height: 100%; width: 100%; background-image: url(img/gallery/l.png); background-repeat: repeat-y; background-position: left center; }
div.gallery div.gallery-r { height: 100%; width: 100%; background-image: url(img/gallery/r.png); background-repeat: repeat-y; background-position: right center; }
div.gallery-2 { width: 100%; height: 90px; }
div.gallery div.gallery-bl { width: 166px; height: 100%; background-image: url(img/gallery/bl.png); float: left; }
div.gallery div.gallery-b { width: 463px/*w+78-166-91*/; height: 50px; background-image: url(img/gallery/b.png); background-repeat: repeat-x; background-position: center bottom; float: left; padding-top: 40px; text-align: left; }
div.gallery div.gallery-br { width: 91px; height: 100%; background-image: url(img/gallery/br.png); float: left; }
div.gallery-0 div.gallery-t a { line-height: 35px; font-weight: bold; color: #000000; cursor: pointer; float: right; margin-right: 20px; cursor: pointer; }