/* CSS Document for Headlines Theatre's web site */


	body {
		margin:0 auto;
		text-align:center;	
		padding:0px;
		color:#666;
		font-size:12px;
		font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
		width:800px;
		background-color:#666;
	}
	
	title {
	background:url('images/HT_logo_only.png')  no-repeat 0 4px;
	}
	
	
	p {
		color:#666;
		font:12px/16px "Lucida Grande", Verdana, Helvetica, sans-serif;
	}
	
	h1 {
		color:#666;
		font-family: "Gill Sans", sans-serif;
		font-size:18px;
	}
	
	h2 {
		color:#699;
		font-family: "Gill Sans", sans-serif;
		font-size:16px;
	}

	
	.breadcrumb{
		font: 11px "Lucida Grande", Verdana, Helvetica, sans-serif;
	}
	
	.photo_credits {
		font: 9px/9px "Lucida Grande", Verdana, Helvetica, sans-serif;
		text-align:right;
	}
	
	.posters_credits {
		font: 9px/9px "Lucida Grande", Verdana, Helvetica, sans-serif;
		text-align:left;
	}

	.breadcrumb a{
		text-decoration: none;
		font-weight:bold;
		color: #066;
	}

	.breadcrumb a:visited, .breadcrumb a:active{
		color: #699;
		font:12px/14px "Lucida Grande", Verdana, Helvetica, sans-serif;
	}

	.breadcrumb a:hover{
		text-decoration: underline;
		font:12px/14px "Lucida Grande", Verdana, Helvetica, sans-serif;
	}
	
	div.top a:link {
		color:#699;
		text-align:right;
		padding: 0px 20px 0px 0px;
		
	}
	
	div.past_work_list a:link {
		color:#699;
		text-align:left;
		padding: 0px 0px 0px 10px;
		font:10px/14px "Lucida Grande", Verdana, Helvetica, sans-serif;
		text-decoration:none;
		
	}
	
	div.past_work_list a:visited {
		color:#999;
		text-align:left;
		padding: 0px 0px 0px 20px;
		font:10px/14px "Lucida Grande", Verdana, Helvetica, sans-serif;
		text-decoration: underline;
		
		
	}
	
	a:link {
		color: #066;
		line-height:1.8em;
		font: 12px/14px "Lucida Grande", Verdana, Helvetica, sans-serif;
	}
		
	a:visited {
		color: #cc9;
		font:12px/14px "Lucida Grande", Verdana, Helvetica, sans-serif;
		
	}
	
	#content {
		margin:0 auto;
		width:800px;
		text-align: left;
		background-color:#fff;
		
	}
	
	
	#content_intro {
		margin:0 auto;
		width:960px;
		text-align: left;
		background-color:#fff;
		
	}
/* styles for index.htm */

	#content_index {
		margin:40px auto;
		width:800px;
		height:100%;
		text-align: left;
		background-color:#000;
		text-align:center;
		
	}
	
	#hands_index {
		background:#000;
		float:left;
		width:370px;
		height:100%;
		text-align: center;
		padding: 60px;
	}
	
	#come_closer_index {
		float: right;
		width:180px;
		height:133px;
		text-align: left;
		padding: 60px;
		vertical-align:text-bottom;	
	}
	
	
	#intro_index {
		width:680px;
		text-align: right;
		padding:20px 60px 60px 60px;
	}
		
	
/* end of styles for index.htm */


	#section_header {
    	float:right;
		padding:20px 0px 0px 0px;
		width:590px;
		height:100%;
		text-align:right;
    }
	
	#section_header_intro {
    	float:left;
		padding:20px 0px 0px 0px;
		width:590px;
		height:100%;
		text-align:right;
    }
	
	#section_header_past_work {
    	float:right;
		padding:0px;
		width:590px;
		height:100%;
		text-align:right;
    }
	
	#top_navigation {
		margin:0px;
		float:right;
		padding:0px;
		background-color:#fff;
		width:100px;
		height:100%;
	}
	
	#main_past_work {
		float:right;
		width:770px;
		height:100%;
		text-align: left;
		padding:0px 0px 0px 30px;

	}
	
	#past_work_nav {
		float:right;
		width:230px;
		height:100%;
		text-align: left;
		padding:0px;

	}
	
	#intro_past_work {
		float:right;
		width:300px;
		height:500%;
		text-align: left;
		padding:0px;
		margin: 0px 35px 0px 0px;

	}
	
	#description_past_work {
		float:right;
		width:550px;
		height:100%;
		text-align: left;
		padding:20px 20px 0px 0px;

	}
	
	
	#breadcrumb_past_work {
    	float:right;
		padding:20px;
		width:550px;
		height:100%;
		text-align:left;
    }
	
	#main {
		float:right;
		width:550px;
		height:100%;
		text-align: left;
		padding:0px 20px 0px 20px;
		background-color:#fff;

	}
	
	#main_intro_1 {
		float:left;
		width:275px;
		height:100%;
		text-align: left;
		padding:0px 0px 0px 20px;
		background-color:#fff;

	}
	
	#main_intro_2 {
		float:left;
		width:275px;
		height:100%;
		text-align: left;
		padding:0px 0px 0px 20px;
		background-color:#fff;

	}
	
	#main_newsletter {
		float:right;
		width:560px;
		height:100%;
		text-align: left;
		padding:0px 5px 0px 5px;
		background-color:#fff;

	}
	
	#two_column_1 {
		float:left;
		width:340px;
		height:100%;
		text-align: left;
		padding:20px;

	}
	
	#two_column_2 {
		float:right;
		width:360px;
		height:100%;
		text-align: left;
		padding:20px;

	}
	
	
	#sidebar_left {
		background:#000;
		float:left;
		width:205px;
		height:100%;
		padding:0px;
		text-align: left;
    }
	
	#sidebar_right {
		float:right;
		width:170px;
		height:100%;
		padding:0px 20px 20px 0px;
		text-align: left;
    }
	
	#sidebar_left_2 {
		background:#fff;
		float:left;
		width:185px;
		height:100%;
		padding:10px;
		text-align: right;
		font-size:10px;
    }
	
	#sidebar_left_newsletter {
		background:#fff;
		float:left;
		width:185px;
		height:100%;
		padding:10px;
		text-align: left;
		font-size:10px;
    }
	
	#table_newsletter {
			width:550px;
			background-color:#fff;
			border:0px;
			padding:5px;
			}
	
	#table_newsletter td {
			vertical-align:top;
	}
	


	ul#navlist { 
		padding:2px 0px 2px 0px; 
		margin: 0; 
		list-style-type: none; 
		float: right; 
		width:800px; 
		color: #666; 
		background-color: #fff;
	} 
	 
	ul#navlist li { display: inline; } 
	 
	ul#navlist li a { 
		float: right; 
		width: 9.5em; 
		color: #666; 
		background-color: #fff; 
		padding: 0.5em; 
		text-decoration: none;
		text-align:center; 
		border-right: 1px solid #ccc; 
	} 
	 
	ul#navlist li a:hover { 
		background-color: #fc0; 
	}	
	
	
	.thumbnail { 
		float: left; 
		width: 150px;
		margin: 0px 20px 10px 0px; 
		padding: 5px; 
	}
	
	.thumbnails_past_work { 
		float: left; 
		width: 105px;
		margin: 0px 40px 10px 0px; 
		padding:0px; 
	}
	
	.thumbnails_past_work_GTK { 
		float: right; 
		width: 13ww0px;
		margin: 0px 20px 10px 0px; 
		padding:0px; 
	} 
	
	.captions {
		margin: 0px 0px 5px 0px;
		font-size:10px;
	} 
	 
	.clearboth { clear: both; }
	
	img.float {
		float:left;
		margin: 0.5em;
		margin: 15px 10px 10px 0px;
	}
	img.float_right {
		float:right;
		margin: 0.5em;
		margin: 30px;
	}
	
	ul#navlist_bottom { 
		padding:0; 
		margin: 0; 
		list-style-type: none; 
		float:right; 
		width:799px; 
		color: #ccc;
		text-align:right; 
		background-color: #666;
		border: 1px solid #ccc;
	}
	
	ul#navlist_bottom li { display: inline; } 
	 
	ul#navlist_bottom li a { 
		float: right; 
		width: 9em; 
		color: #fff; 
		background-color: #666;
		text-decoration: none;
		text-align:center; 
		border-left: 1px solid #ccc;
		padding: 0.5em 0.8em;
	}
	
	ul#navlist_bottom li a:hover { 
		background-color: #fc0; 
	} 
	
	ul#navlist_bottom_intro { 
		padding:0; 
		margin: 0; 
		list-style-type: none; 
		float:right; 
		width:960px; 
		color: #ccc;
		text-align:right; 
		background-color: #666;
		border: 1px solid #ccc;
	}
	
	ul#navlist_bottom_intro li { display: inline; } 
	 
	ul#navlist_bottom_intro li a { 
		float: right; 
		width: 9em; 
		color: #fff; 
		background-color: #666;
		text-decoration: none;
		text-align:center; 
		border-left: 1px solid #ccc;
		padding: 0.5em 0.8em;
	}
	
	ul#navlist_bottom_intro li a:hover { 
		background-color: #fc0; 
	} 
	
	.counter_text {
		font-size: 9px;
		color: #fff;
		padding: 3px;
	}
	
	#quote_intro {
		font-size: 10px;
		color: #fff;
		padding:10px;
		background-color:#000;
		text-align:right;
	}
	
	.position {
		color:#666;
		font-family: "Gill Sans", sans-serif;
		font-weight:bold;
		font-size:14px;
	}
	
	.staff_names {
		color:#699;
		font-family: "Gill Sans", sans-serif;
		font-size:18px;
		font-weight:bold;
	}
	
	p#web_credit {
		background-color:#666;
		border:none;
		text-align:left;
		color:#fff;
		font-size:10px;
	}
	
	p#web_credit a {
		color:#fff;
		font-size:10px;
	}
	
	.sentence_emphasis {
		color: #930;
		font-weight: bold;
	}
	
	ul#newsletter_list li a {
		text-align:left;
		font-size: 11px bold;
		color:#699;
	}
	
	ul#newsletter_list li {
	line-height:14px;
	margin-bottom:0.8em;
	}
	
	textarea {
		background:#b9dbda;
	}

	
	label {
	width: 11em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
	}

	.submit input {
	margin-left:11.5em;
	}
	
	input {
	background:#b9dbda;
	}
	
	/* BEGIN sitemap styles */
	ul.sm_list1 {
 	color: #066;
	line-height:1.8em;
	font: 12px/14px "Lucida Grande", Verdana, Helvetica, sans-serif;
	}

ul.sm_list1 li {
  list-style: none;
}

ul.sm_list1 li a {
  color: #666;
}

ul.sm_list2 {
/*  display: none;*/
}

ul.sm_list2 li {
  list-style: none;
}

ul.sm_list2 li a {
  color: #066;
}

ul.sm_list3 {
  /*display: none;*/
}

ul.sm_list3 li {
  list-style: none;
}

ul.sm_list3 li a {
  color: #699;
}

ul.sm_list4 {
  /*display: none;*/
}

ul.sm_list4 li {
  list-style: none;
}

ul.sm_list4 li a {
  color: #993;
}

a.sm_expand {
  width: 18px;
  height: 13px;
  margin-left:-15px;
  color: #cc9;
  background-color: #333;
  border:2px outset #cc9;
  
  font-size: 10px;
  font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
  font-weight: bold;
}

a.final {
  margin-left:20px;
  font-size: 10pt;
  font-family:  "Lucida Grande", Verdana, Helvetica, sans-serif;
}

a.final_list4 {
  margin-left:20px;
  font-size: 10pt;
  font-family:  "Lucida Grande", Verdana, Helvetica, sans-serif;
}
/* END sitemap styles */

.intro_whats_new a {
	font:16px/20px bold;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	color:#e9bc00;
	text-align:left;
	border:none;
	text-decoration:none;
	text-align:right;
}

.intro_whats_new a:hover, .intro_whats_new a:active {
	color:#93278f;
	text-decoration:underline;	
}