@charset "utf-8";
/* CSS Document */

/*@media screen and (orientation: portrait) {
  #toolbar {
    width: 100%;
  }
}
*/
body { }


#container {
  display:block;
   position:fixed;
   top:0px;
   background-color:#80ced6
   min-height:600px;
 border:3px #000 inset;


}


  /* #container {display:block; position:relative; width:500px; top:5px; left: 50%;
  transform: translate(-50%);  background-color: #CCCCCC;} */

  /* #container {display:block; position:relative; width:500px; height:95vh; top:5px;  left:0; right:0; background-color: #CCCCCC;} */

 i { color:#b99c0d}

blockquote {
  margin-left: 15%;
  margin-right: 15%''
}


	#maincontent {
	display:block;
	z-index: 3;
	background-color:#fefbd8;
	position:static;
  overflow-wrap: normal;
 overflow-x: hidden;
 overflow-y: scroll;
 scrollbar-width: none;
  	text-align:justify;
	font-size:1.5em; /*size of base font.*/
    max-width:1280px;
	}
 .titlebuttons{
     width:90%;
 }

#menuspace {display:block;
           top:0px; right:0px;
       left:0px;  z-index: 5;
 		 background-color:#618685;
		 visibility:visible;
          height:60;
       box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
    }

 .menus{position:relative; display:inline-block;
 text-align:center;
  border-style: outset;
  border-color: black;
  border-width: 2px;
   font-family: "Alegreya Sans SC", sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 24px;
   background-color: #89A9A8;
  }
  #cell1{min-width:48%;
    }
  #cell2{float:right;
  min-width:48%;
    }

  #authorname{display:block; position:relative; align-content: center;width:100%;
    }


#nowplaying{ height:50%; font-size:1em;background-color:#618685; }
#box4{background-color:#FF0; height:50%;}
.lights{background-color: #FFFF00;
     border-style: outset;
     font-size:30px; width:75%;}



#playerspace{ display:inline-block;position:relative;
	    position:relative;
    margin-left:5px;
	width:35%;
    height:10%;
}


/*table width cannot be inherited.*/

#tablemenu { width:100%; height:80%; background-color:#618685;}



.controlbutts{display:inline-block;
  height:80%;
 width:15%;
 text-align:center;
   background-color:#CCC;
 color:#000; font-size:125%;

 font-weight:bold;
  border:outset thin;
  margin-left:2px;
  margin-top:2px;
  padding-left:3px;
  padding-top:3px;
 padding-right:1px;}

.myimages img {
    width: 100%; /* or any custom size */
    height: auto;
    object-fit: contain;
}


.insetpics{
    width:60%;
    height:auto;
    float: right;
    padding: 3px;
}

.SFXbuttons {width:40%; font-size:1em; color:#090; border:thin outset #666;}
  /* edit the following lines */
.scenepara { color: #5A84CC;font-size:.75em; line-height:1em; margin-bottom:0;  padding-left: 22px ;
  text-indent: -22px ; }
 .disclaimer {color:red; font-size:1.25em;}
 span.partheading {color: #04670C;font-size:2em; text-align: center;}
     co
 }


span.SpeakerLine {display:block; font-size:1.0em; line-height:1.5em; font-weight: bolder; text-align: center;}


.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;;
}
.cormorant-author {
  font-family: "Cormorant", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 36px;
  display:block;
  width:100%;
  text-align: center;   }

  .alegreya-sans-sc-regular-italic {
  font-family: "Alegreya Sans SC", sans-serif;
  font-weight: 400;
  font-style: italic;
}