/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  background-color: black; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

#container {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  font-family: 'PT Sans', sans-serif; }
  #container #one {
    background-image: url(images/AMOK_bg.jpg);
    background-position: center;
    width: 100%;
    height: 1000px;
    background-repeat: no-repeat;
    background-size: contain; }
    @media screen and (max-width: 1200px) {
      #container #one {
        height: 500px; } }
    @media screen and (max-width: 480px) {
      #container #one {
        background-position: top;
        height: 300px; } }
  #container #one:hover {
    background-image: url(images/AMOK_1.gif);
    background-position: center;
    width: 100%;
    height: 1000px;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer; }
    @media screen and (max-width: 1200px) {
      #container #one:hover {
        height: 500px; } }
    @media screen and (max-width: 480px) {
      #container #one:hover {
        background-position: top;
        height: 300px; } }
  #container #banner {
    border-top: solid;
    border-bottom: solid;
    border-width: 10px;
    border-color: black;
    background-image: url(images/AMOK.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100px; }
    @media screen and (max-width: 1024px) {
      #container #banner {
        display: none; } }
    @media screen and (max-width: 480px) {
      #container #banner {
        display: none; } }
  #container #two {
    width: 100%;
    height: 450px;
    background-color: white;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
    @media screen and (max-width: 1024px) {
      #container #two {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
    @media screen and (max-width: 480px) {
      #container #two {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
    #container #two #band {
      background-image: url(images/bands.jpg);
      width: 50%;
      height: 450px;
      background-repeat: no-repeat;
      background-size: contain; }
      @media screen and (max-width: 1024px) {
        #container #two #band {
          width: 100%; } }
      @media screen and (max-width: 480px) {
        #container #two #band {
          width: 100%; } }
      #container #two #band #bandPhoto {
        width: 100%; }
    #container #two #members {
      box-sizing: border-box;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      text-align: center;
      margin: auto;
      font-size: 20pt; }
  #container #byve {
    background-image: url(images/byve.jpg);
    background-size: cover;
    background-attachment: fixed;
    box-sizing: border-box;
    padding-top: 20px;
    width: 100%;
    height: 250px;
    background-color: white;
    margin: auto;
    color: white; }
    @media screen and (max-width: 1024px) {
      #container #byve {
        height: 550px;
        background-size: contain; } }
    @media screen and (max-width: 480px) {
      #container #byve {
        height: 550px;
        background-size: contain; } }
    #container #byve h1 {
      text-align: center;
      font-size: 30pt;
      letter-spacing: 35px; }
    #container #byve #lyrics {
      margin-top: 25px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media screen and (max-width: 1024px) {
        #container #byve #lyrics {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between; } }
      @media screen and (max-width: 480px) {
        #container #byve #lyrics {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between; } }
      #container #byve #lyrics #firstHalf {
        padding-left: 15px;
        font-size: 15pt;
        color: white; }
        @media screen and (max-width: 1024px) {
          #container #byve #lyrics #firstHalf {
            padding-bottom: 10%; } }
        @media screen and (max-width: 480px) {
          #container #byve #lyrics #firstHalf {
            padding-bottom: 10%; } }
      #container #byve #lyrics #secondHalf {
        padding-right: 15px;
        font-size: 15pt;
        text-align: right;
        color: white; }
  #container #default {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 40px;
    width: 100%;
    height: auto;
    background-color: black;
    margin: auto;
    background-size: cover;
    background-attachment: fixed; }
    #container #default #lyrics2 {
      margin-top: 25px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media screen and (max-width: 1024px) {
        #container #default #lyrics2 {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -webkit-flex-direction: column-reverse;
              -ms-flex-direction: column-reverse;
                  flex-direction: column-reverse; } }
      @media screen and (max-width: 480px) {
        #container #default #lyrics2 {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -webkit-flex-direction: column-reverse;
              -ms-flex-direction: column-reverse;
                  flex-direction: column-reverse; } }
      #container #default #lyrics2 #fullSong {
        font-size: 15pt;
        color: white;
        text-align: left; }
      #container #default #lyrics2 #songTitle {
        text-align: center;
        font-size: 85pt;
        color: white; }
        @media screen and (max-width: 1024px) {
          #container #default #lyrics2 #songTitle {
            font-size: 60pt; } }
        @media screen and (max-width: 480px) {
          #container #default #lyrics2 #songTitle {
            font-size: 60pt; } }
  #container #ingenue {
    background-color: white; }
    #container #ingenue h1 {
      padding-bottom: 5px;
      color: white;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: black;
      font-size: 50pt;
      text-align: center; }
    #container #ingenue #Video1 {
      width: 100%;
      height: auto; }
    #container #ingenue #buttonbar {
      margin-top: -3px;
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-color: black; }
  #container #thom {
    width: 100%;
    height: auto;
    background-color: white;
    margin: auto; }
    #container #thom #article {
      box-sizing: border-box;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      padding: 20px; }
      @media screen and (max-width: 1024px) {
        #container #thom #article {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -webkit-flex-direction: column-reverse;
              -ms-flex-direction: column-reverse;
                  flex-direction: column-reverse; } }
      @media screen and (max-width: 480px) {
        #container #thom #article {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -webkit-flex-direction: column-reverse;
              -ms-flex-direction: column-reverse;
                  flex-direction: column-reverse; } }
      #container #thom #article #bio {
        font-size: 15pt;
        width: 50%;
        float: left; }
        @media screen and (max-width: 1024px) {
          #container #thom #article #bio {
            font-size: 12pt;
            text-align: center;
            width: 100%; } }
        @media screen and (max-width: 480px) {
          #container #thom #article #bio {
            font-size: 12pt;
            text-align: center;
            width: 100%; } }
      #container #thom #article #thomPhoto {
        width: 50%;
        height: 480px;
        background-image: url(images/thomYorke.gif);
        background-repeat: no-repeat;
        float: right;
        background-size: contain; }
        @media screen and (max-width: 1024px) {
          #container #thom #article #thomPhoto {
            width: 100%;
            height: 300px; } }
        @media screen and (max-width: 480px) {
          #container #thom #article #thomPhoto {
            width: 100%;
            height: 300px; } }
      #container #thom #article #thomPhoto:hover {
        width: 50%;
        height: 480px;
        background-image: url(images/thomYorke2.gif);
        background-repeat: no-repeat;
        float: right;
        background-size: contain; }
        @media screen and (max-width: 1024px) {
          #container #thom #article #thomPhoto:hover {
            width: 100%;
            height: 300px; } }
        @media screen and (max-width: 480px) {
          #container #thom #article #thomPhoto:hover {
            width: 100%;
            height: 300px; } }
  #container #dropped {
    background-image: url(images/bats.gif);
    background-position: center;
    width: 100%;
    height: 1200px;
    background-repeat: no-repeat;
    background-size: contain; }
    @media screen and (max-width: 1024px) {
      #container #dropped {
        height: 900px;
        background-position: top; } }
    @media screen and (max-width: 480px) {
      #container #dropped {
        background-position: top;
        height: 1100px; } }
    #container #dropped h1 {
      color: white;
      font-size: 40pt;
      -webkit-transform: rotate(35deg);
      -moz-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
      -o-transform: rotate(35deg);
      padding-top: 31%;
      padding-left: 5%;
      font-weight: bold; }
      @media screen and (max-width: 1024px) {
        #container #dropped h1 {
          text-align: center;
          font-size: 40pt; } }
      @media screen and (max-width: 480px) {
        #container #dropped h1 {
          float: right;
          text-align: center;
          padding-top: 135%;
          font-size: 40pt; } }
    #container #dropped #lyrics3 {
      text-align: right;
      color: white;
      font-size: 15pt;
      padding-top: -20%;
      float: right; }
      @media screen and (max-width: 1024px) {
        #container #dropped #lyrics3 {
          text-align: left; } }
      @media screen and (max-width: 480px) {
        #container #dropped #lyrics3 {
          margin: auto;
          padding-top: 10%;
          text-align: center;
          padding-right: 20%; } }
  #container #stuck {
    background-color: white;
    width: 100%;
    height: 1000px;
    color: black; }
    @media screen and (max-width: 748px) {
      #container #stuck {
        height: 1700px; } }
    #container #stuck ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
      @media screen and (max-width: 480px) {
        #container #stuck ul {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -webkit-flex-direction: column-reverse;
              -ms-flex-direction: column-reverse;
                  flex-direction: column-reverse; } }
      #container #stuck ul h1 {
        font-size: 40pt;
        float: left;
        margin-top: 63%;
        font-weight: 900; }
        @media screen and (max-width: 480px) {
          #container #stuck ul h1 {
            margin-top: 0;
            text-align: center;
            clear: both; } }
      #container #stuck ul #lyrics4 {
        text-align: left;
        color: black;
        font-size: 15pt;
        float: left;
        width: 25%;
        padding-left: 20px;
        padding-top: 20px; }
        @media screen and (max-width: 480px) {
          #container #stuck ul #lyrics4 {
            width: 100%;
            text-align: center;
            clear: both; } }
      #container #stuck ul h2 {
        font-size: 40pt;
        float: right;
        font-weight: normal;
        padding-right: 45px; }
        @media screen and (max-width: 480px) {
          #container #stuck ul h2 {
            text-align: center;
            clear: both; } }
      #container #stuck ul #lyrics5 {
        text-align: center;
        color: black;
        font-size: 15pt;
        padding-top: 35px; }
        @media screen and (max-width: 480px) {
          #container #stuck ul #lyrics5 {
            width: 100%;
            text-align: center;
            clear: both; } }
  #container #quote {
    box-sizing: border-box;
    padding: 40px;
    background-image: url(images/live.jpg);
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    color: white;
    width: 100%;
    height: auto;
    font-size: 30pt; }
    @media screen and (max-width: 480px) {
      #container #quote {
        background-position: center;
        text-align: center;
        font-size: 20pt; } }
  #container #reverse {
    height: 915px;
    width: 100%; }
    #container #reverse #songandtitle {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    #container #reverse #lyrics6 {
      padding-top: 60px;
      width: 100%;
      color: white;
      text-align: right;
      font-size: 15pt; }
      @media screen and (max-width: 480px) {
        #container #reverse #lyrics6 {
          padding: 10px;
          font-size: 12pt; } }
    #container #reverse #songTitle2 {
      background-image: url(images/reverse.jpg);
      background-position: center;
      width: 100%;
      height: 915px;
      background-repeat: no-repeat;
      background-size: contain; }
    #container #reverse #songTitle2:hover {
      background-image: url(images/reverse2.jpg);
      background-position: center;
      width: 100%;
      height: 915px;
      background-repeat: no-repeat;
      background-size: contain; }
  #container #judge {
    box-sizing: border-box;
    width: 100%;
    height: 975px;
    background-color: black; }
    @media screen and (max-width: 480px) {
      #container #judge {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        height: 1600px; } }
    #container #judge #titleartsong {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
      @media screen and (max-width: 480px) {
        #container #judge #titleartsong {
          display: block; } }
      #container #judge #titleartsong #judgeTitle {
        width: 30%; }
        @media screen and (max-width: 480px) {
          #container #judge #titleartsong #judgeTitle {
            width: 100%; } }
        #container #judge #titleartsong #judgeTitle h1 {
          color: white;
          font-size: 40pt;
          -webkit-transform: rotate(270deg);
              -ms-transform: rotate(270deg);
                  transform: rotate(270deg);
          font-weight: bold;
          padding-top: 60%;
          padding-right: 30px; }
          @media screen and (max-width: 480px) {
            #container #judge #titleartsong #judgeTitle h1 {
              -webkit-transform: rotate(0);
                  -ms-transform: rotate(0);
                      transform: rotate(0);
              padding-top: 0; } }
      #container #judge #titleartsong #filler {
        width: 40%;
        height: 925px;
        background-image: url(images/jjE.gif);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat; }
        @media screen and (max-width: 480px) {
          #container #judge #titleartsong #filler {
            height: 450px;
            margin: auto;
            padding-top: -30%; } }
      #container #judge #titleartsong #filler:hover {
        width: 30%;
        height: 925px;
        background-image: url(images/jjE_reverse.gif);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat; }
        @media screen and (max-width: 480px) {
          #container #judge #titleartsong #filler:hover {
            height: 450px;
            margin: auto; } }
      #container #judge #titleartsong #lyrics7 {
        text-align: left;
        width: 34%;
        font-size: 15pt;
        color: white;
        padding: 20px; }
        @media screen and (max-width: 480px) {
          #container #judge #titleartsong #lyrics7 {
            width: 100%;
            text-align: center;
            margin: auto;
            padding-right: 5%; } }
  #container #amok {
    box-sizing: border-box;
    width: 100%;
    height: 800px;
    background-color: black; }
    #container #amok #final {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
      @media screen and (max-width: 480px) {
        #container #amok #final {
          display: block; } }
      #container #amok #final #firstHalf {
        background-image: url(images/am.jpg);
        width: 30%;
        height: 800px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        float: left; }
        @media screen and (max-width: 480px) {
          #container #amok #final #firstHalf {
            height: 500px; } }
      #container #amok #final #lyrics8 {
        background-color: black;
        color: white;
        width: 40%;
        height: 800px;
        float: left;
        font-size: 15pt;
        text-align: center;
        padding-top: 15%; }
        @media screen and (max-width: 480px) {
          #container #amok #final #lyrics8 {
            padding-top: 25%;
            width: 100%;
            text-align: center;
            font-size: 12pt;
            height: 500px; } }
      #container #amok #final #secondHalf {
        background-image: url(images/ok.jpg);
        width: 30%;
        height: 800px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat; }
        @media screen and (max-width: 480px) {
          #container #amok #final #secondHalf {
            height: 500px;
            padding-left: 100%; } }
  #container .stuck {
    position: fixed;
    top: 0;
    margin: auto; }

/*# sourceMappingURL=style.css.map */