@font-face {
  font-family:Zico;
  src:url(fonts/zico.ttf) format(truetype);
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family:Gabriola;
  src:url(fonts/gabriola.ttf) format(truetype);
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}
body {
  font-family:Helvetica,Arial,sans-serif;
  font-size:1rem;
  background-image:url('images/bandphotos.webp');
  background-size:80% auto;
  background-repeat:no-repeat;
  background-position:center 7rem;
  background-attachment:fixed;
  background-color:white;
  color:#2d2d30;
  margin:0;
  padding:0;
}
h1 {
  text-align:center;
  font-family:Zico,Helvetica,Arial,sans-serif;
  font-weight:700;
  font-size:2rem;
  margin:0 0 1rem 0;
  padding:0;
}
input,
textarea {
  display:block;
  height:1.5rem;
  min-height:1.5rem;
  width:100%;
  resize:none;
  overflow:hidden;
  background-color:whitesmoke;
  border:.0625rem solid lightgray;
  border-radius:.25rem;
  box-sizing:border-box;
  margin:1rem 0 1rem 0;
  padding:.25rem;
}
button {
  text-decoration:none;
  background-color:#ad1e16;
  color:white;
  cursor:pointer;
  border:none;
  border-radius:.25rem;
  margin:0 0 1rem 0;
  padding:.25rem .5rem .25rem .5rem;
}
button:hover,
button:active {
  background-color:#74140f;
}
a {
  color:#ad1e16;
  text-decoration-style:dotted;
  margin:0;
  padding:0;
}
a:hover,
a:active {
  color:#74140f;
}
header {
  margin:0;
  padding:0;
}
header img {
  vertical-align:top;
  margin:0;
  padding:0;
}
header figure {
  position:fixed;
  top:1rem;
  left:1rem;
  margin:0;
  padding:0;
}
header aside {
  position:fixed;
  top:-1rem;
  left:14.875rem;
  cursor:pointer;
  margin:0;
  padding:0;
}
header aside:hover,
header aside:active {
  top:0;
}
header article {
  width:17rem;
  text-align:center;
  background-color:white;
  border:.0625rem solid lightgray;
  border-radius:.5rem;
  box-shadow:0 0 1rem -.25rem gray;
  margin:0;
  padding:1rem 1rem 0 1rem;
}
header article form {
  text-align:left;
  margin:0;
  padding:0;
}
main {
  position:relative;
  z-index:1;
  overflow:hidden;
  background-color:white;
  border-top:.0625rem solid lightgray;
  box-shadow:0 0 1rem -.25rem gray;
  margin:calc(100vh - 7.875rem) auto 0 auto;
  padding:1rem;
}
main div {
  display:block;
  clear:both;
  max-width:70rem;
  margin:0 auto 0 auto;
  padding:0;
}
main aside {
  float:left;
  width:19rem;
  margin:0;
  padding:0 0 0 1rem;
}
main aside section {
  border:.0625rem solid lightgray;
  border-radius:.5rem;
  box-shadow:0 0 1rem -.5rem gray;
  margin:0 0 1rem 0;
  padding:1rem 1rem 0 1rem;
}
main aside h1 {
  text-align:left;
  font-family:Helvetica,Arial,sans-serif;
  font-size:1.25rem;
  margin:0;
  padding:0;
}
main aside h2 {
  font-weight:normal;
  font-size:1rem;
  margin:0;
  padding:0;
}
main aside ol {
  display:block;
  clear:both;
  margin:0;
  padding:0 0 1rem 2rem;
}
main aside ol li {
  cursor:pointer;
  border-radius:.25rem;
  margin:0;
  padding:.25rem;
}
main aside ol li:hover,
main aside ol li:active {
  background-color:#3dbfdd;
}
main aside audio {
  width:100%;
  border-radius:.25rem;
  margin:0 0 .75rem 0;
  padding:0;
}
main aside form {
  margin:0;
  padding:0;
}
main aside ul {
  list-style-type:none;
  margin:0;
  padding:0 0 1rem 0;
}
main aside ul li {
  margin:0;
  padding:0;
}
main article {
  text-align:justify;
  margin:0;
  padding:0 1rem 0 1rem;
}
main article div {
  display:inline-block;
  position:relative;
  margin:0;
  padding:0;
}
main article section {
  margin:0;
  padding:0;
}
main article h2 {
  text-align:center;
  font-weight:normal;
  font-size:1rem;
  margin:-1rem 0 0 0;
  padding:0 0 1rem 0;
}
main article p {
  margin:0;
  padding:0 0 1rem 0;
}
main article blockquote {
  text-align:center;
  font-family:Gabriola,'Times New Roman',Georgia,serif;
  font-size:2rem;
  line-height:2rem;
  margin:0;
  padding:0 0 1rem 0;
}
main article div {
  margin:0 1rem 1rem 0;
  padding:0;
}
main article iframe {
  vertical-align:top;
  border-radius:.5rem;
  margin:0;
  padding:0;
}
main article table {
  width:100%;
  text-align:left;
  color:gray;
  border-collapse:collapse;
  margin:0;
  padding:0;
}
main article table tr {
  vertical-align:top;
  margin:0;
  padding:0;
}
main article table tr th {
  margin:0;
  padding:0 .25rem .25rem .25rem;
}
main article table tr td {
  margin:0;
  padding:.25rem;
}
main article table thead {
  margin:0;
  padding:0;
}
main article table tbody {
  margin:0;
  padding:0;
}
main article table tbody tr:nth-child(odd) {
  background-color:whitesmoke;
}
footer {
  position:relative;
  z-index:1;
  background-color:white;
  margin:0;
  padding:0 1rem 1rem 1rem;
  
}
footer aside {
  margin:0 0 -1.125rem 0;
  padding:0;
}
footer aside p {
  display:inline;
  margin:0 0 0 1rem;
  padding:0;
}
footer article {
  text-align:center;
  margin:0;
  padding:0;
}
footer article p {
  margin:0;
  padding:0;
}
.dark {
  background-color:#2d2d30;
  color:white;
}
.dark input,
.dark textarea {
  background-color:#262628;
  color:white;
  border:.0625rem solid dimgray;
}
.dark button {
  background-color:#fbdf59;
  color:#2d2d30;
}
.dark button:hover,
.dark button:active {
  background-color:#deb905;
}
.dark a {
  color:#fbdf59;
}
.dark a:hover,
.dark a:active {
  color:#deb905;
}
.dark header article {
  background-color:#2d2d30;
  color:white;
  border:.0625rem solid dimgray;
  box-shadow:0 0 1rem -.25rem black;
}
.dark main {
  background-color:#2d2d30;
  border-top:.0625rem solid dimgray;
  box-shadow:0 -.75rem 1rem -1rem black;
}
.dark main aside section {
  border:.0625rem solid dimgray;
  box-shadow:0 0 1rem -.25rem black;
}
.dark main article table tbody tr:nth-child(odd) {
  background-color:#262628;
}
.dark footer {
  background-color:#2d2d30;
}
.dark .eventx:hover,
.dark .eventx:active {
  color:white;
}
.dark #bios {
  background:linear-gradient(dimgray, #2d2d30);
}
.dark #videos {
  border:.0625rem solid dimgray;
  box-shadow:0 0 1rem -.25rem black;
}
.eventx {
  cursor:pointer;
}
.eventx:hover,
.eventx:active {
  color:#2d2d30;
}
.hide {
  display:none;
}
#audioplayer img {
  float:left;
  vertical-align:top;
  border-radius:.25rem;
  margin:0 1rem 1rem 0;
  padding:0;
}
#content {
  padding:0 1rem 0 21rem;
}
#content img {
  vertical-align:top;
  height:auto;
  width:100%;
  border-radius:.5rem;
  margin:0 0 1rem 0;
  padding:0;
}
#bios {
  background:linear-gradient(lightgray, white);
  border-radius:.5rem;
  padding:1rem 1rem 0 1rem;
}
#bios section {
  clear:both;
  padding:0 0 1rem 0;
}
#bios img {
  float:left;
  vertical-align:top;
  border-radius:.5rem;
  margin:0 1rem 1rem 0;
  padding:0;
}
#bios p {
  padding:0;
}
#videos {
  border:.0625rem solid lightgray;
  border-radius:.5rem;
  box-shadow:0 0 1rem -.25rem gray;
  padding:1rem 0 0 1rem;
}
#admin {
  position:fixed;
  top:calc(50% - 11rem);
  left:calc(50% - 9.5rem);
}
#notification {
  position:fixed;
  top:calc(50% - 4.5rem);
  left:calc(50% - 9.5rem);
}
#htmleditor {
  color:gray;
}
#update {
  margin:0;
}
@media (max-width:72rem) {
  main article div {
    display:block;
    clear:both;
    width:100%;
    overflow:hidden;
    padding-bottom:56.25%;
  }
  main article iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
  }
  #videos {
    padding:1rem 1rem 0 1rem;
  }
}
@media (max-width:60rem) {
  footer aside {
    text-align:center;
    margin:0;
    padding:0 1rem 1rem 0;
  }
}
@media (max-width:43rem) {
  header figure {
    left:calc(50% - 6.5625rem);
  }
  header aside {
    left:calc(50% + 7.4375rem);
  }
  main aside {
    float:none;
    width:100%;
    padding:0;
  }
  footer aside {
    padding:0;
  }
  footer aside p {
    display:block;
    clear:both;
    margin:0;
    padding:0 0 1rem 0;
  }
  #content {
    padding:0 1rem 0 1rem;
  }
  #bios {
    text-align:center;
  }
  #bios img {
    float:none;
    margin:0 auto 1rem auto;
  }
  #bios p {
    text-align:justify;
  }
}