@charset "UTF-8";
/* CSS Document */
html{
	overflow:auto;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	border:none;
   }
body {
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:20px;
	background:url(images/bg_tile.jpg) top left repeat;
	color:#ffffff;
	}
a, a:link {
	text-decoration:none;
	color:#9f9f9f;
	border-bottom:1px dotted #9f9f9f;
	outline:none;
}
a:visited {	

}
a:hover {
	color:#ffffff;
	border-bottom:1px solid #ffffff;
}
p,div,td,ul,ol {
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:22px;
	color:#dddddd;
}
p	{
	margin-top:0;	
}
ul,ol,li { 
	text-align:left;
	list-style-type:none;
	margin:0;
	padding:0;
}
li	{
	1margin-bottom:15px;	
	color:#eeeeee;
}
h1, h2, h3, h4	{
	margin:0;	
	padding:0;
}

h1	{/* these mostly contain an image */
	font-size:20px;	
	margin:5px 0 15px 0;
}
h2	{/* used for repertory titles */
	font-size:17px;	
	font-weight:normal;
	color:#9f9f9f;
}
h3	{
	font-size:14px;
	font-weight:normal;
}
h4	{
	font-size:11px;		
}
address	{
	margin:0 0 25px 15px;
	line-height:20px;
}
/* ----- special classes ----- */
.no_border	{
	border:none;	
}
.rounded_corner	{
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	/* -moz-border-radius-bottomright: 5px; 
	-webkit-border-radius-bottomright: 5px; */
}
.box_shadow	{/* x, y, spread, color and opacity - opacity, instead of hex - rgba(0, 0, 0, .2) */
	box-shadow: 3px 3px 5px #000000;
	-webkit-box-shadow: 3px 3px 5px #000000;
	-moz-box-shadow: 3px 3px 5px #000000;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#000000, offX=3, offY=3, positive=true);
}
.left	{
	float:left;	
}
.right	{
	float:right;	
}
.img_left	{
	float:left;
	margin:0 15px 15px 0;
}
.img_right	{
	float:right;
	margin:0 0 15px 15px;
}

/* ----- wrappers ----- */
#outer_wrapper	{/* surrounds everything including main table */
	position:relative;
	width:100%;
	height:100%;
	margin:0 auto;
}
#wrapper	{/* this is the main table surrounding everything */
	position:relative;
	1border-left:1px dotted grey;
	1border-right:1px dotted grey;
}
#inner_wrapper	{/* this is the table cell that contains the header and the main_content, not the footer cell */
	
}
/* ----- header ----- */
#header	{
	height:175px;
	1border-bottom:1px dotted grey;
}
#header a	{
	border:none;	
}
#header a img	{
	margin:40px 0 0 85px;	
}
#header_image	{
	display:block;
	position:absolute;
	width:307px;
	height:261px;
	background-position:top left no-repeat;
	margin:10px 0 0 648px;
}
/* these next rules set the header bg color and correspnding image */
#outer_wrapper.donate		{	background:url(images/header_bg_orange.jpg) top left repeat-x;	}
.donate #header_image		{	background-image:url(images/head_orange.png);	}

#outer_wrapper.home			{	background:url(images/header_bg_blue.jpg) top left repeat-x;	}
.home #header_image			{	background-image:url(images/head_blue.png);		}

#outer_wrapper.news			{	background:url(images/header_bg_darkblue.jpg) top left repeat-x;}
.news #header_image			{	background-image:url(images/head_darkblue.png);	}

#outer_wrapper.repertory	{	background:url(images/header_bg_green.jpg) top left repeat-x;	}
.repertory #header_image	{	background-image:url(images/head_green.png);	}

#outer_wrapper.calendar		{	background:url(images/header_bg_purple.jpg) top left repeat-x;	}
.calendar #header_image		{	background-image:url(images/head_purple.png);	}

#outer_wrapper.bios			{	background:url(images/header_bg_redish.jpg) top left repeat-x;	}
.bios #header_image			{	background-image:url(images/head_redish.png);	}

#outer_wrapper.photos		{	background:url(images/header_bg_tan.jpg) top left repeat-x;		}
.photos #header_image		{	background-image:url(images/head_tan.png);		}

#outer_wrapper.contact		{	background:url(images/header_bg_ltblue.jpg) top left repeat-x;	}
.contact #header_image		{	background-image:url(images/head_ltblue.png);	}
/* ----- sidebar ----- */
#sidebar	{
	width:100px;
	padding-top:40px;
	1border-right:1px dotted grey;
	1border-top:1px dotted grey;
}
/* ----- main navigation ----- */
ul#main_nav	{
	
}
ul#main_nav li	{
	text-align:right;
}
ul#main_nav a	{
	font-size:14px;
	line-height:1.7em;
	border:none;
}
ul#main_nav a:hover	{
	
}
ul#main_nav .here a{
	font-weight:bold;
	color:#ffffff;
}
/* ----- main content ----- */
#main_content	{
	width:865px;
	padding:40px 25px 25px 25px;
	1border-top:1px dotted grey;
	background:url(images/head_img_bg_glow.png) top right no-repeat;
}
/* ----- home ----- */
.home #center_wrapper	{
	width:520px;
	float:left;
}
#home_news_items	{
	width:280px;	
	margin:50px 15px 0 0;
	float:right;
}

#home_news_items a	{
	display:block;
	margin-bottom:15px;	
	border:none;
}
#home_news_items h2:hover	{
	color:#ffffff;
}
#home_news_items h2 span	{
	font-size:13px;	
}
/* ----- news ----- */
.news h3	{
	margin-bottom:5px;	
}
.news_item	{
	margin-bottom:25px;
}

/* ----- repertory ----- */
.repertory_piece	{
	width:860px;
	border-top:1px solid #9f9f9f;
}
.repertory_piece img	{
	border:1px solid #9f9f9f;	
}
.repertory h2	{
	text-transform:uppercase;
	padding-left:25px;
	margin-top:3px;
}
.repertory h2.rep_title	{
	background:url(images/plus_grey.png) left center no-repeat;	
}
.repertory h2.rep_title:hover	{
	background:url(images/plus_white.png) left center no-repeat;
}
.repertory h2.minus	{
	background:url(images/minus_grey.png) left center no-repeat;	
}
.repertory h2.minus:hover	{
	background:url(images/minus_white.png) left center no-repeat;	
}
.repertory h2 span	{
	margin-right:10px;	
}
.repertory h2:hover	{
	cursor:pointer;	
	color:#ffffff;
}
.rep_content_left	{
	width:260px;
	margin-top:10px;
	margin-left:18px;
}
.rep_content_right	{
	width:495px;
	margin-top:10px;
	margin-left:35px;
}
.rep_content_right li	{
	margin:0;
}
.rep_content_right li span	{
	color:#9f9f9f;
}
.rep_video	{
	margin:25px 0;	
}
.rep_video p	{
	margin-top:5px;	
}
.caption	{
	text-align:left;
	font-size:11px;
	color:#9f9f9f;
}
/* ----- photo gallery ----- */
#photo_gallery	{
	height:600px;
	
}
/* ----- donate ----- */
.donate #main_content ul	{
	margin:0 0 15px 30px;
	
}
.donate #main_content li	{
	list-style-type:disc;
}
/* ----- biography ----- */
.bio_box	{
	border-bottom:1px solid #9f9f9f;
	padding:0 0 20px 180px;
	position:relative;
	1margin:20px 0;
	margin-top:20px;
}
.bios #main_content h1	{
	margin-bottom:35px;	
}
.bio_box h2	{
	margin-bottom:5px;	
}
.bio_box .main_shot img	{
	position:absolute;
	left:0;
	top:0;
	border:1px solid #9f9f9f;	
}
/* ----- calendar ----- */
.calendar #main_content	h1	{
	margin-bottom:30px;
}
.calendar_item	{
	
}
.calendar_item p	{
	font-size:14px;	
}
.calendar_event	{
	width:200px;
	text-align:right;
	padding-right:10px;
}
.calendar_details	{
	padding-left:10px;
	border-left:1px solid #9f9f9f;
	margin-bottom:35px;
}
/* ----- contact ----- */	
.contact #main_content h2	{
	margin-bottom:15px;	
}
.contact address	{
	padding-left:125px;	
	color:#dddddd;
}
.contact address span	{
	font-size:15px;	
}
.contact address#zia	{
	background:url(images/zia_artists.gif) top left no-repeat;	
}
/* ----- footer ----- */
#footer	{
	height:55px;
	padding-left:125px;/* sidebar,100px + padding for main_content,25px */
}
#footer p	{
	color:#656565;
	font-size:10px;
	line-height:1em;
	margin:0;
}
ul#footer_nav	{
	
}
ul#footer_nav li	{
	display:inline;
}
ul#footer_nav a	{
	text-transform:uppercase;
	font-size:10px;
	margin:0 12px 0 0;
	color:#656565;
	border:none;
}
ul#footer_nav a:hover	{
	color:#ffffff;
}