body
{
  font: small-caps bold Georgia, fantasy; /* fallback for older browsers */
  font: ultra-condensed small-caps bold Georgia, fantasy;
  font-family: "Lucida Console", Monaco, monospace;
  min-height: 1600px;
  overflow-y: scroll;
}
.w-100
{
  width: 100%;
}
.m-bottom
{
  margin-bottom: 15px;
}
#theater_background
{
  position: fixed;
  width:100%;
  height:100vh;
  z-index: 1;
  background-image: url("theater_full_web.jpg");
  background-attachment: fixed;
  background-position: center;
  background-size: cover; 
  display: block;
}
#theater_curtain.raised
{
  /*max-height: : 0px;*/
  top:-650px;
}
#theater_curtain
{
  position: absolute;
  width:100%;
  height:100vh;
  top:0;
  /*max-height:100vh;*/
  z-index: 10;
  background-image: url("theater_curtain_web2.png");
  background-attachment: scroll;
  background-position: center;
  background-size: cover; 
  display: block;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
#theater_foreground
{
  position: fixed;
  width:100%;
  height:100vh;
  /*top:-130px;*/
  z-index: 20;
  background-image: url("theater_foreground_web.png");
  background-attachment: fixed;
  background-position: center;
  background-size: cover; 
  display: block;
  pointer-events: none;
}
#theater_stage_content
{
  position: fixed;
  width:100%;
  height:100vh;
  z-index: 5;
  background-image: url("juggler_large.gif");
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  display: block;
  /*background-repeat: no-repeat;*/
}
#theater_stage_content > div
{
  width:50vw;
  margin-left:25vw;
  margin-top:2vh;
  font-size: 3vmin;
  height:33vh;
  overflow-y: scroll;
  overflow-x: hidden;
  display: block; 
  padding:16px;
  border:1px solid black;
  border-radius: 4px;
}
#theater_content
{
  position: absolute;
  width:100%;
  min-height:100vh;
  z-index: 25;
  display: block;
  /*position: fixed;*/
}
#theater_content > a:first-child
{
  width: 100%;
  margin-top: 51vh;
  text-align: center;
  display: block;
  font-size: 4vmin;
  font-weight: bolder;
  font-variant: small-caps;
  color: white;
}



/* Narrow Theme for portrait mode */
@media (max-width: 900px)
{
  #theater_foreground
  {
    background-image: url("theater_foreground_narrow_web.png");
  }
  #theater_background
  {
    background-image: url("theater_full_narrow_web.png");
  }
  #theater_curtain
  {
    top:0px;
    background-image: url("theater_curtain_narrow_web2.png");
  }
  #theater_stage_content
  {
    background-image: url("juggler_narrow.gif");
  }
  #theater_stage_content > div
  {
    height:40vh;
  }
}