/* "$Revision: 92 $" */

body { background-color: #000000; }

@media only screen and (orientation: landscape)
{
  div.header     { margin-top: 0vh; margin-bottom: 0vh; margin-left: 0vw; margin-right: 0vw; padding-top: 0vh; padding-bottom: 0vh; padding-left: 2vw; padding-right: 2vw; max-height: 25vw; }
}

@media only screen and (orientation: portrait)
{
  div.header     { margin-top: 0vh; margin-bottom: 0vh; margin-left: 0vw; margin-right: 0vw; padding-top: 0vh; padding-bottom: 0vh; padding-left: 2vw; padding-right: 2vw; }
}

div.mainmenu    { font-style: normal; text-align: center; font-family: Helvetica, Arial, sans-serif; letter-spacing: 4px; font-size: 14px; font-kerning: none; font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
div.content     { font-style: normal; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 5vw; margin: auto; max-width: 750px }
div.footer      { margin: auto; text-align: center; }
div.listen-item { padding-top: 10px; padding-bottom: 20px; }
div.review      { font-style: normal; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 20px; padding-top: 0px; padding-bottom: 20px; }
div.shop-item   { font-style: normal; text-align: center; padding-top: 30px; padding-bottom: 50px; margin: auto; width: 100%; }
div.giglist     { font-style: normal; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; padding-top: 0px; padding-bottom: 20px; }

div.shop-item div  { width: 100%; }
div.shop-item input[type=radio] { background-color: #000000; font-size: 16px; border-style: none; padding-top: 20px; padding-bottom: 0px; }
div.shop-item label { background-color: #000000; color: white; font-size: 16px; border-style: none; padding-top: 0px; padding-bottom: 0px; }
div.shop-item input[type=image] { border-style: none; padding-top: 20px; padding-bottom: 0px; }

div.items-hscroll      { background-color: #000000; overflow: auto; white-space: nowrap; }
div.items-hscroll div  { width: 150px; display: inline-block; white-space: normal; padding:  14px; }
div.items-hscroll a    { height: auto; }
div.items-hscroll img  { height: 30vh; }
div.items-hscroll input[type=submit] { width: 100%; background-color: #000000; color: white; font-size: 14px; border-style: none; padding-top: 20px; padding-bottom: 0px; }
div.items-hscroll input.buy { color: red; font-size: 20px; border-style: none; padding-top: 20px; padding-bottom: 0px; }

iframe.video { display: block; margin-top: 2vh; margin-bottom: 2vh; margin-left: auto; margin-right: auto; width: 700px; height: /*394px*/auto; max-width: 100%; }

p.h1      { font-weight: bold; color:#ff0000; margin-top: 5vh; margin-bottom: 5vh; }
p.h2      { font-weight: bold; color:#007f00; margin-top: 5vh; margin-bottom: 5vh; }
p.h3      { font-weight: normal; margin-top: 5vh; margin-bottom: 5vh; }
p.alert   { font-weight: bold; color:#ff7f00; font-size: 32px; margin-top: 5vh; margin-bottom: 5vh; }
p.caption { text-align: center; font-family: Arial, Helvetica, sans-serif; font-style: italic; color: white; font-size: 14px; padding-top: 10px }
p.credit  { text-align: center; font-family: Arial, Helvetica, sans-serif; font-style: normal; color: white; font-size: 9px; padding-top: 10px }
p.copyright  { font-family: Arial, Helvetica, sans-serif; color: white; font-size: 12px; font-style: normal; font-weight: normal; margin-top: 35px; margin-bottom: 5px; }
p.gig        { color: white; font-size: 15px; margin-top: 2px; margin-bottom: 10px; white-space: pre-wrap; }
p.gigtitle   { color: #bfbfbf; font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 5px; }
p.gigdate    { color: white; font-size: 15px; font-weight: bold; margin-top: 2px; margin-bottom: 2px; white-space: pre-wrap; }
p.gigplace   { color: white; font-size: 15px; margin-top: 2px; margin-bottom: 2px; white-space: pre-wrap; }
p.gigtime    { color: white; font-size: 15px; font-style: italic; margin-top: 2px; margin-bottom: 15px; white-space: pre-wrap; }

p.caption strong { font-style: normal; }

@media only screen and (max-width: 400px)
{
  iframe.video { display: block; margin-top: 2vh; margin-bottom: 2vh; margin-left: auto; margin-right: auto; width: 700px; height: 197px/*auto*/; max-width: 100%; }
  p.contact    { text-align: center; font-family: Arial, Helvetica, sans-serif; color: white; font-size: 4.5vw; font-weight: normal; margin-top: 10vh; margin-bottom: 10vh; }
  p.error      { font-family: Arial, Helvetica, sans-serif; color: red; font-size: 5vw; font-weight: normal; margin-top: 35px; margin-bottom: 5px; }
  p.video      { text-align: center; font-family: Arial, Helvetica, sans-serif; color: white; font-size: 14px; font-weight: normal; margin-top: 20px; margin-bottom: 12px; }
}

@media only screen and (max-width: 800px) and (min-width: 400px)
{
  iframe.video { display: block; margin-top: 2vh; margin-bottom: 2vh; margin-left: auto; margin-right: auto; width: 700px; height: 300px/*auto*/; max-width: 100%; }
  p.contact    { text-align: center; font-family: Arial, Helvetica, sans-serif; color: white; font-size: 3vw; font-weight: normal; margin-top: 10vh; margin-bottom: 10vh; }
  p.error      { font-family: Arial, Helvetica, sans-serif; color: red; font-size: 3.5vw; font-weight: normal; margin-top: 35px; margin-bottom: 5px; }
  p.video      { text-align: center; font-family: Arial, Helvetica, sans-serif; color: white; font-size: 14px; font-weight: normal; margin-top: 20px; margin-bottom: 12px; }
}

@media only screen and (min-width: 800px)
{
  iframe.video { display: block; margin-top: 2vh; margin-bottom: 2vh; margin-left: auto; margin-right: auto; width: 700px; height: 394px; max-width: 100%; }
  p.contact    { text-align: center; font-family: Arial, Helvetica, sans-serif; color: white; font-size: 1.5vw; font-weight: normal; margin-top: 10vh; margin-bottom: 10vh; }
  p.error      { font-family: Arial, Helvetica, sans-serif; color: red; font-size: 2vw; font-weight: normal; margin-top: 35px; margin-bottom: 5px; }
  p.video      { text-align: center; font-family: Arial, Helvetica, sans-serif; color: white; font-size: 14px; font-weight: normal; margin-top: 20px; margin-bottom: 12px; }
}

p.listen    { text-align: center; font-family: Arial, Helvetica, sans-serif; color: white; font-size: 14px; font-weight: normal; margin-top: 4px; margin-bottom: 4px; }
p.review    { text-align: justify; font-family: Arial, Helvetica, sans-serif; color: white; font-size: 16px; font-weight: normal; font-style: italic; margin-top: 0px; margin-bottom: 10px; }
p.reviewer  { text-align: justify; font-family: Arial, Helvetica, sans-serif; color: white; font-size: 16px; font-weight: bold; font-style: normal; margin-top: 0px; margin-bottom: 10px; }
p.shop-item { text-align: center; font-family: Arial, Helvetica, sans-serif; color: white; font-size: 16px; font-weight: normal; margin-top: 10px; margin-bottom: 10px; }

img.headerlogo { display: block; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; max-width: 100%; height: auto; }
img.band       { display: block; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; max-width: 100%; height: auto; }

img.review    { display: block; margin-top: 0px; margin-bottom: 10px; margin-left: auto; margin-right: auto; max-width: 100%; height: auto; }
img.shop-item { display: block; margin-top: 10px; margin-bottom: 30px; margin-left: auto; margin-right: auto; max-width: 100%; height: auto; }

a.audio:link      { color: red; padding: 0px 0px; text-decoration: none; }
a.audio:visited   { color: red; padding: 0px 0px; text-decoration: none; }
a.audio:hover     { color: red; text-decoration: none; }
a.audio:active    { color: red; text-decoration: none; }

a.credit:link     { color: red; padding: 0px 0px; text-decoration: none; }
a.credit:visited  { color: red; padding: 0px 0px; text-decoration: none; }
a.credit:hover    { color: red; text-decoration: none; }
a.credit:active   { color: red; text-decoration: none; }

a.email:link      { color: red; padding: 0px 5px; text-decoration: none; }
a.email:visited   { color: red; padding: 0px 5px; text-decoration: none; }
a.email:hover     { color: red; text-decoration: none; }
a.email:active    { color: red; text-decoration: none; }

a.gig:link        { color: red; padding: 0px 5px; text-decoration: none; }
a.gig:visited     { color: red; padding: 0px 5px; text-decoration: none; }
a.gig:hover       { color: red; text-decoration: none; background-color: white; }
a.gig:active      { color: red; text-decoration: none; background-color: white; }

a.review:link     { color: red; padding: 0px 0px; text-decoration: none; }
a.review:visited  { color: red; padding: 0px 0px; text-decoration: none; }
a.review:hover    { color: red; text-decoration: none; }
a.review:active   { color: red; text-decoration: none; }

a.mainmenu         { border-style: solid; border-color: black; border-width: 2px; }
a.mainmenu:link    { background-color: white; color: black; padding: 4px 10px; text-align: center; text-decoration: none; display: inline-block; border-radius: 4px; }
a.mainmenu:visited { background-color: white; color: black; padding: 4px 10px; text-align: center; text-decoration: none; display: inline-block; border-radius: 4px; }
a.mainmenu:hover   { color: red; text-decoration: none; background-color: white; }
a.mainmenu:active  { color: white; text-decoration: none; background-color: white; }

audio.listen      { display: block; margin-left: auto; margin-right: auto; width: 100%; min-width: 250px; max-width: 500px; height: 30px; }

.button   { border: none; color: white; padding: 15px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 20px; margin: 4px 20px; cursor: pointer; border-radius: 4px; }

.button1  { background-color: #00af00; }
.button2  { background-color: #af0000; }