/* start with mobile styles and override as needed */

body {
  margin: 0px;
  padding: 0px;
  background-color: #0C090F;
  color: #833791;
  font-family: Verdana, Arial;
  font-size: 12px;
}

div.title {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

div.nav {
  font-size: 24px;
  font-weight: bold;
  font-family: Brush Script MT, Verdana, Arial;
  text-align: center;
  letter-spacing: 2px;
  color: #A96DAB;
  padding: 2px 0px 0px; 5px;
}

div.content {
  font-size: 18px;
  width: 98%;
  display: table;
  color: #A96DAB;
  text-align: center;
  padding: 20px;
}

div.content_frame {
  width: 600px;
  border: 2px solid #833791;
  border-radius: 12px;
  padding: 12px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

table.band {
  width: 600px;
}

td {
  padding-left: 20px;
  padding-right: 20px;
}

a {
  font-family: Brush Script MT, Verdana, Arial;
  font-size: 36px;
  color: #366936;
  text-decoration: none;
}

div.giglist {
  width: 600px;
  border: 2px solid #833791;
  border-radius: 12px;
  padding: 12px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

div.venue {
  font-family: Verdana, Arial;
  font-size: large;
  font-weight: bold;
  margin: 0px;
  letter-spacing: 2px;
}
div.address {
  font-family: Verdana, Arial;
  color: #366936;
  font-size: small;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}
div.date {
  font-family: Verdana, Arial;
  color: #366936;
  font-size: x-small;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

input, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: Verdana, Arial;
  appearance: none;
  font-size: 12px;
  background-color: #0C090F;
  color: #A96DAB;
  border: 1px solid #833791;
  border-radius: 6px;
  width: 300px;
}

input.submitbutton {
  width: 144px;
}

div.form-label {
  color: #366936;
  display: block;
  position: relative;
}

div.form-input {
  display: block;
  position: relative;
}

h1 {
  color: #833791;
  font-size: 30px;
  letter-spacing: 12px;
}








div.messages {
  color: #AAFFDD;
}
div.errors {
  color: #FFAAAA;
}
div.debug {
  color: #AADDFF;
}


@media only screen and (min-width: 768px) {
  /* desktop styles */

  div.title {
    margin-top: 72px;
    margin-bottom: 72px;
  }

}


@media print {
   /* print-only styles */

  body {
    background: #FFFFFF !important;
    color: #000000;
    font-size: small;
  }

}