/* SPECIAL CODES FOR DRAMAS */


p {
	line-height: 1.6em;
	margin-left: 1.0em;
	margin-right: 1.0em;

}



/* SCENES */

.scene {
	margin-left:45px;
	font-style: italic;
} 





/* THE NAMES THAT ARE IN THE DIRECTIONS */

.name {
	font-variant:small-caps;
	font-style:normal;
	font-weight:bold;
	color:#443322;
} 






/* DIRECTIONS */

.dir {
	font-style: italic;
	text-align: center;
} 

.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;
	}



.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;
} 


}