/* SPECIAL CODES FOR DRAMAS */





p {

	line-height: 1.6em;

	margin-left: 4.0em;

	text-indent: -1.5em;

	margin-right: 2.5em;



}



p.singlespaceindent {

	margin-top: -15px; 

	line-height: 100%;

	margin-left: 25%;

	text-indent: -1.5em;

	margin-right: 2.5em;



}





ul.dramatis > li {

	list-style-type: none;

	margin-left: 2.0em;

	margin-right: 1.0em;

	text-indent: -2.0em;

}



/* SCENES */



.scene {

	margin-left:5.0em;

	font-style: italic;



} 











/* THE NAMES THAT ARE IN THE DIRECTIONS */



.name {

	font-variant:small-caps;

	font-style:normal;

	font-weight:bold;

	color:#443322;

} 



.name-right {

	font-variant:small-caps;

	font-weight:bold;

	float:right;

	

} 







.clear {

  clear: both;

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0;

}







/* DIRECTIONS */



.dir {

	font-style: italic;

	margin:auto;

	text-align: center;

	width:70%;

	text-indent:0;

} 



.rightdir {

	font-style: italic;

	text-align: right;

	margin-left:20%;



} 



.bracket {

	font-style:normal;

	font-weight:normal;

} 







/* THE NAMES IN THE TEXT.  How many syllables to skip over */



.nameb {

	font-variant:small-caps;

	font-weight:bold;

	float:left;

	text-indent: 3.5em;

} 





.name2 {

	font-variant:small-caps;

	font-weight:bold;

	width:20%;

	float:left;

	text-indent: 3.5em;

} 



.name4 {

	font-variant:small-caps;

	font-weight:bold;

	width:26%;

	float:left;

	text-indent: 3.5em;

} 





.name5 {

	font-variant:small-caps;

	font-weight:bold;

	width:30%;

	float:left;

	text-indent: 3.5em;

} 



.name6 {

	font-variant:small-caps;

	font-weight:bold;

	width:36%;

	float:left;

	text-indent: 3.5em;

} 



.name8 {

	font-variant:small-caps;

	font-weight:bold;

	width:50%;

	float:left;

	text-indent: 3.5em;

} 













/* Mobile browsers only */

@media only screen and (max-device-width: 480px) {



    body {

        	width: 100%;

   		margin: 1px;

   		padding: 0px;

    	}







p {

  margin-left:25px;

  text-indent:-20px;

  margin-right:0px;



	}



p.singlespaceindent {

	line-height: 1em;

	margin-left:40px;

  	text-indent:-20px;

  	margin-right:0px;

}











.name-right {

	font-variant:small-caps;

	font-weight:bold;

	float:none;

	

} 











.dir {

	font-style: italic;

	margin:auto;

	text-align: center;

	width:85%;

} 











.scene {

	margin-left:10px;

	font-style: italic;

} 







/* THE NAMES IN THE TEXT.  How many syllables to skip over */



.nameb {

	float:left;

  	margin-left:25px;

  	text-indent:-45px;

	width:25%;



} 





.name2 {

	width:30%;

	float:left;

  	margin-left:25px;

  	text-indent:-45px;

} 



.name4 {

	width:35%;

	float:left;

  	margin-left:25px;

  	text-indent:-45px;

} 





.name5 {

	width:38%;

	float:left;

  	margin-left:25px;

  	text-indent:-45px;

} 



.name6 {

	width:40%;

	float:left;

  	margin-left:25px;

  	text-indent:-45px;

} 



.name8 {

	width:45%;

	float:left;

  	margin-left:25px;

  	text-indent:-45px;

} 



}