/* css information
--------------------------------------------------------
	Barrington Stage Company:      		screen stylesheet
	author:         					www.studiotwo.com
	updated:        					Feb 2010
	
-------------------------------------------------------- */


/*

***************************************

	LAYOUT RULES

***************************************

*/



#photomain {
	width: 1002px;
	height: 358px;
	margin: 0 auto;	
	clear: both;
	
}
#logo {
	width: 312px;
	height: 160px;
	z-index: 25; 
	position: absolute;
	
}
/*
***************************************

	News

***************************************
*/

#news {margin: 10px auto 10px auto; 	background: transparent url(../images/h-news.gif) top left no-repeat;
	height: 30px; width: 1003px;
}

#news a:link {color: #737373; text-decoration: none;}
#news a:visited {color: #737373; text-decoration: none; }
#news a:hover {color: #CE171E;text-decoration: underline;}

#news1 {padding: 8px 0px 0px 25px; float: left; width: 482px; font-size: 11px; vertical-align: middle; height: 23px;}
#news2 {padding: 8px 0px 0px 30px; float: left;  width: 462px; font-size: 11px; vertical-align: middle; height: 23px;}


/*
***************************************

	Features
	
***************************************
*/
#features {margin: 0 auto; width: 1002px; vertical-align: middle; color: #ffffff;}
.features {float: left; padding: 0px 6px 0px 7px;}

.featurephoto {width: 185px; height: 121px; border: 1px solid #000; background-color: #000;}
.featureback { width: 185px; height: 75px; }
.featuretext {text-align: center; z-index: 20; position: absolute; width: 185px; height: 63px; padding-top: 2px;padding-bottom: 5px; /*color: white; */line-height: 13px; }
.featuretextblack {text-transform:uppercase; font-weight: bold; color: black; font-size: 12px;}
.featuretextred {text-transform:uppercase; font-weight: bold; color: #ff0000; font-size: 12px; }

/*#feature1 .featuretext { border-left: 1px solid #CE171E; border-bottom: 1px solid #CE171E; border-right: 1px solid #CE171E; }
#feature2  .featuretext { border-left: 1px solid #CE171E; border-bottom: 1px solid #CE171E; border-right: 1px solid #CE171E;}
#feature3  .featuretext {border-left: 1px solid #CE171E; border-bottom: 1px solid #CE171E; border-right: 1px solid #CE171E;}
#feature4  .featuretext { border-left: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000;}
#feature5   .featuretext { border-left: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000;}
*/

.featuretext a:link {color: white; font-weight: bold; font-size: 11px;}
.featuretext a:visited {color: white; font-weight: bold; font-size: 11px;}

/*
***************************************

	Content
	
***************************************
*/

#content {
	width: 995px; 
	margin: 0px auto 0 auto; 
	background-color: transparent;
	text-align: center;
	clear: both;
	padding: 0px 0 0 0;
	border: 1px solid white; /* keep this here for FF bug */
	
}




div#left {
	width: 383px;
    float: left;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin-top: 10px;
	 
		}
		
		
div#center {
	padding: 0px 0px 0px 0px;
    /*margin-left: 393px;
    margin-right: 200px;*/
	text-align: left;
	line-height: 1.4em;
	/*font-size: 11px;*/
	margin-top: 10px;
	float: left;
	width: 420px;	
	}


div#centercontent {
	padding: 0px 25px 20px 25px; font-size: 13px;
		 
	}
	
div#centercontent a:link {
text-decoration: underline;
	}	
	div#centercontent a:visited {
text-decoration: underline;
	}
	
	div#centercontent a:hover {
text-decoration: none; color: #999999;
	}	
div#centercontent h1 {
	font-size: 18px; font-weight: bold; color: #666666;
	}	
	
	.title { color:  #CE171E; font-weight: bold;}
	.date {color: #333333; font-size: 11px;}
	
div#leftcontent {
	padding: 0px 0px 20px 0px;
	}
	

	
div#boxoffice {font-size: 13px; margin-top: 25px; width: 170px; float: left;}	
	
/*
***************************************

	Calendar

***************************************
*/	
div#right { 
	padding: 0px 0px 0px 0px;
    width: 166px;
    float: left;
   	background-color: transparent;
	margin-top: 20px;
}	
div#rightcontent {
	padding: 0px 0px 20px 0px;
	width: 156px;
	}
	
	

div#calendar {background-color: #CE171E; width: 186px; font-size: 12px; font-weight: bold; }	
div#calendarcontent h1 {color: #ffffff; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; font-family:Geneva, Arial, Helvetica, sans-serif;}
div#calendarcontent {padding: 15px; color: #ffffff;}
div#calendarcontent a:link {color: #ffc600;}
div#calendarcontent a:visited {color: #ffc600;}
div#calendarcontent a:hover {color: #ffc600; text-decoration: underline;}


	

/*
***************************************

	quicklinks

***************************************
*/
div#quicklinks {font-size: 13px;  width: 170px; float: left; margin: 25px 0 0 10px; padding: 35px 0 10px 15px;
	background: transparent url(../images/h-quicklinks-back.gif) top left no-repeat; width: 186px;
}

div#quicklinks a:link {
	text-decoration: none; 
	background: transparent url(../images/arrow-right.gif) 7px 5px no-repeat; 
	
	font-size: 13px; 
	padding: 1px 11px 1px 14px; 
	display: block; 
	color: #535251;
	font-weight: normal;
	text-align: left;
	}

div#quicklinks a:visited {
	text-decoration: none; 
	background: transparent url(../images/arrow-right.gif) 7px 5px no-repeat; 
	
	font-size: 13px; 
	padding: 1px 11px 1px 14px; 
	display: block; 
	color: #535251;
	font-weight: normal;
	text-align: left;
	}	
div#quicklinks a:hover {
	color: #CE171E; text-decoration: underline;
	}	
	
	

	


	
/*
***************************************

	ADS on homepage

***************************************
*/

div#ads {	
	font-size: 11px; 
	color: #32130a;
	text-align: left;
	background-color: #ffffff;
	width: 964px;  
	padding-bottom: 20px;
	margin: 0 auto;
	}	

div#ads h1 {
	color: #9a5f01;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;
		padding-top: 0px;
	margin-bottom: 0px;
	
	}
.ads {/* border-left: 1px dotted #d6d6c7;border-right: 1px dotted #d6d6c7;*/
	float: left;	
	padding-left: 20px; 
	padding-right: 20px;
	width: 28%; 
	margin: 20px 0px 20px 0;
	}	
	.thumb {float: right; border: 3px solid #c4c2c5; margin-left: 4px;}