/*
	Style sheet for THEATER PAGES of Nashville Interpreted Theater
	USE EM's amd %'S to make page more elastic
	
	/*			border: 6px double red;					 if needed somewhere
	
	
   **************************************************************************   */ 

body { background-color: #600000;			/*	set main body bg color to dark red	*/
		font-size: 100%; 	/* Win IE text resize correction */
			
}
/*
	styling for  MIDDLE BACKGROUND CONTAINER--div is bigbox 
	
*/
div#bigbox { background-color: #ffffaa;			/*	set bigbox container bg color to yellow	*/
				width: 90%;
				padding-bottom: 1em;
				margin-left: auto;				/*	center middle background section	*/
			 	margin-right: auto;				/*	center middle background section	*/
		
}
/*
			Heading 1 CONTAINER formatting
				later create gradient, add symbol, better text
*/
#headerIntThe {
	width: auto;						/*	keep width uniform with other elements		*/	
	color: #600000;						/*	color of text	*/
	background-color: #dfdfc9;	
	padding-right: 5%;
	padding-top: 1em;
	padding-bottom: 1em;
	background-image:url('images_constant/Copy_slislogo.gif');		/* set background image		*/
	background-position: 1.5em center; 			/* position background image-vertical center and 1.5em in*/
				background-repeat: no-repeat;
	}
/*
		format HEADING 1 text--Theater Names	
*/
#headerIntThe h1 {
	text-align: right;
		font-family: Comic Sans, Comic Sans MS, cursive;
		font-size: 2em;
			}
	
/*															*/
/*				MENU formatting----NOTICE how ulMenu elements are addressed--this was only way that
 * 						worked properly.  Other address variations caused settings to be ignored
 * 
	*/
#ulMenu { list-style-type: none;			/*	remove list bullets			*/			
			margin: 0;					/*	remove default left-indentation common to lists-- for all browsers	*/
			margin-top: 2em; 				
			padding: 0;					/*	remove default left-indentation common to lists-- for all browsers	*/
			text-align: center;				/*	center horizontal list----WORKED	*/	
			clear: both;					/*	clear floated heading	*/			
}
#ulMenu li { display: inline;			/*	force list to one horizontal line			*/			
			
}
#ulMenu li a { text-decoration: none;			/*	remove default link underline			*/	
				color: white;					/*  decorate buttons with border, color, font etc		*/
			border: .5em blue outset;			/*  decorate buttons with border, color, font etc		*/
			background-color: #483d8e;				/* ditto		*/
			width: auto;							/* ditto   let buttton size adjust to text length	*/
			padding-left: 1em;						/* ditto		*/
			padding-right: 1em;					/* ditto		*/
			padding-top: .1em;						/* ditto		*/
			padding-bottom: .1em;					/* ditto		*/
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
			font-weight: bold;						/* ditto		*/
			text-align: center;						/* ditto		*/					
			
}
/*
	 general Paragraph formatting
*/
p {font-family: Arial, Verdana, Helvetica, sans-serif;
		 color: #a24f78;
}
/*
	 general H2 formatting
*/
/*
/*
	Intro Paragraph formatting----justify text, width 80%, and center
*/
p#intro {width: 80%; text-align: justify;
			margin-left: auto;
			margin-right: auto;
			color: #600000;
			font-size: 1.2em;
			margin-bottom: 2em;
/*			background-color: #aaaacc;					*/	
}

/*			THEATER SECTIONS--
 * 
 * 		THEATER box formatting--to creater center column layout
					with Rounded corners--
				Using circle with transparent bg lets box corners show thru so--
				  set circle bg to same color as bg of main big box.
				  then set circle color to same as box with rounded corners (or make transparent??)
				  (can use Adobe Photodeluxe to change colors of png image
				  (create png image (24 bit color) with combo of MS Picture It and MS Photo Editor)
				 ----png image allows more colors than gif image
 */					
				.box { position: relative; margin: auto;
					  margin-bottom: 1em; }		/*	1em space between boxes		 */	
				.theater { background: #ccccaa;
							width: 90%;
							height: auto;
							padding-bottom: 1em;
							padding-top: 1em;  }
							
		/*		.THTRinner {padding-top: .75em;						}				 */								 
				.THTRinner img { margin-left: 2%;						/* IMAGE properties		*/
							margin-right: 5%; 
							float: left;
							padding-top: 1.25em;		
											 }
			.THTRinner p { text-align: justify; font-size: 1em;				/* PARAGRAPH properties		*/
							width: 60%; display: inline-block;
						margin-right: 2%; color: #070b3c;		}
						
			.playTitle { color: #600000; font-weight: bold; font-size: 1.3em;
						font-family: Comic Sans, Comic Sans MS, cursive;
						text-align: left;		}
			.playDate { color: #600000; font-weight: bold; 
								}																	
			/* corners */
			.corner { position: absolute; width: 10px; height: 10px;
				 background: url('brown_yellow.png') no-repeat; font-size: 0%; }		/*	 png circle - corners */ 
			.TL { top: 0; left: 0; background-position: 0 0; }
			.TR { top: 0; right: 0; background-position: -10px 0; }
			.BL { bottom: 0; left: 0; background-position: 0 -10px; }
			.BR { bottom: 0; right: 0; background-position: -10px -10px; }