/*	------------------------------------------------------------
	Style Sheet
	arrowheadballet.org
	by Tom Zepko
   	------------------------------------------------------------ */

/*	---- CSS reset ---- */
* 
	{
	margin:				0;
	padding:			0;
	border:				none;
	}

/*	---- basic html tags ---- */
h1, h2, h3, h4
	{
	font-family:		"Lucida Grande", "Helvetica", "Arial", sans-serif;
	font-weight:		bold;
	}
h1
	{
	margin:				10px 0 0 0;
	font-size:			20px;
	color:				#900;
	}
h2
	{
	margin:				25px 0 10px 0;
	font-size:			16px;
	text-align:			center;
	}
h3
	{
	margin:				16px 0 8px 0;
	font-size:			14px;
	}
h4
	{
	margin:				10px 0 10px 20px;
	font-size:			13px;
	}
p
	{
	margin:				8px 0 8px 0;
	}
hr
	{
	margin:				15px auto 15px auto;
	border:				1px solid #555;
	clear:				both;
	}
ul, ol
	{
	margin:				8px 20px 8px 0;
	}
li
	{
	margin:				5px 20px 5px 15px;
	}
img
	{
	font-family:		"Helvetica", "Arial", sans-serif;
	font-size:			9px;
	border:				none;
	}
table
	{
	border-spacing:		0;
	border-collapse:	collapse;
	}

/*	---- body ---- */
body
	{
	font-family:				"Times", "Times New Roman", serif;
	color:						black;
	font-size:					13px;
	background: 				#e8e8e0 url(graphics/background.jpg) repeat-y;
	-webkit-text-size-adjust:	none;
	}

/*	---- links ---- */
a
	{
	padding:			0 2px 2px 2px;
	}

/* link within this site */
a:link
	{
	color:				#33f;
	}
a:visited
	{
	color:				#009;
	}
a:active
	{
	color:				#093;
	background-color:	#ffc;
	}
a:hover
	{
	color:				#093;
	}

/* link to another site */
a.web:link
	{
	color:				#906;
	}
a.web:visited
	{
	color:				#906;
	}
a.web:active
	{
	color:				#c0c;
	background-color:	#eef;
	}
a.web:hover
	{
	color:				#c0c;
	}

/* email address */
a.email:link
	{
	color:				#c60;
	}
a.email:visited
	{
	color:				#c60;
	}
a.email:active
	{
	color:				#900;
	}
a.email:hover
	{
	color:				#c00;
	}

/* icon link */
a.icon:link
	{
	padding:			0;
	color:				transparent;
	background-color:	transparent;
	}

/* download file */
a.download:link
	{
	color:				#c00;
	}
a.download:visited
	{
	color:				#c00;
	}
a.download:active
	{
	color:				#090;
	}
a.download:hover
	{
	color:				#f00;
	}

/*	---- navigation bar ---- */
#navbar div
	{
	width:				150px;
	margin:				8px 0 0 0;
	padding:			0;
	border:				none;
	}
#navbar hr
	{
	width:				70%;
	margin:				6px auto;
	border-color:		#99b;
	}
#navbar p, #navbar a
	{
	display:			block;
	margin:				0 1px 0 0;
	padding:			3px 0 3px 12px;
	font-family:		"Lucida Grande", "Arial", "Helvetica", sans-serif;
	font-size:			12px;
	}
#navbar p		/* current page */
	{
	color:				#a00;
	background-color:	#ddb;
	border-radius:		5px;
	background:			-webkit-gradient(linear, 0% 0%, 0% 100%, from(#eec), to(#ddb));
	background:			-webkit-linear-gradient(top, #eec, #ddb);
	background:			-moz-linear-gradient(top, #eec, #ddb);
	background:			-ms-linear-gradient(top, #eec, #ddb);
	background:			-o-linear-gradient(top, #eec, #ddb);
	}
#navbar p.indent1, #navbar a.indent1
	{
	padding:			3px 0 3px 24px;
	font-size:			11px;
	}
#navbar p.indent2, #navbar a.indent2
	{
	padding:			2px 0 2px 36px;
	font-size:			10px;
	}
#navbar a:link
	{
	color:				#006;
	text-decoration:	none;
	}
#navbar a:visited
	{
	color:				#006;
	text-decoration:	none;
	}
#navbar a:hover
	{
	color:				#0c3;
	text-decoration:	none;
	}
#navbar a:active
	{
	color:				#0c3;
	text-decoration:	underline;
	background-color:	#ffc;
	}

/*	---- page content ---- */
div.content
	{
	width:				700px;
	border:				1px solid #558;
	margin:				10px 5px 10px 15px;
	padding:			0px 15px 10px 15px;
	background-color:	#fff;
	}

/*	---- page sections ---- */
div.header
	{
	margin:				5px 0 15px 0;
	padding:			0px 5px 4px 5px;
	border-width:		3px;
	border-style:		none none solid none;
	border-color:		#369;
	min-height:			30px;
	}
p.current-path
	{
	margin:				6px 0 6px 0;
	font-family:		"Lucida Grande", "Arial", "Helvetica", sans-serif;
	font-size:			10px;
	}
#home-button
	{
	width:				60px;
	}
#page-buttons
	{
	width:				80px;
	}
div.main
	{
	margin:				5px 5px 10px 5px;
	padding:			0;
	border:				none;
	text-align:			left;
	}
div.footer
	{
	margin:				20px 0 0 0;
	padding:			12px 5px 6px 5px;
	border-width:		3px;
	border-style:		solid none none none;
	border-color:		#369;
	text-align:			right;
	clear:				both;
	}

/*	---- main navigation ---- */
div.main-nav
	{
	width:				620px;
	margin:				15px auto;
	padding:			0;
	}
div.main-nav table
	{
	width:				620px;
	border-collapse:	separate;
	border-spacing:		8px;
	margin:				0;
	}
div.main-nav td
	{
	font-family:		"Arial", "Helvetica", sans-serif;
	font-size:			14px;
	text-align:			center;
	padding:			16px 0 0 0;
	border:				1px solid #888;
	border-radius:		6px;
	background:			#ffc;
	background:			-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd), to(#ffa));
	background:			-webkit-linear-gradient(top, #ffd, #ffa);
	background:			-moz-linear-gradient(top, #ffd, #ffa);
	background:			-ms-linear-gradient(top, #ffd, #ffa);
	background:			-o-linear-gradient(top, #ffd, #ffa);
	padding:			0;
	border:				1px solid #369;
	}
div.main-nav p
	{
	margin:				15px 0 15px 0;
	}
div.main-nav a
	{
	padding:			8px 0;
	}
div.main-nav a:link
	{
	color:				#006;
	text-decoration:	none;
	}
div.main-nav a:visited
	{
	color:				#006;
	text-decoration:	none;
	}
div.main-nav a:hover
	{
	color:				#0c3;
	text-decoration:	underline;
	}
div.main-nav a:active
	{
	color:				#0c3;
	text-decoration:	underline;
	background-color:	#fff;
	}




div.boxed, div.boxed-gray
	{
	margin:				15px 0 10px 0;
	border-width:		1px;
	border-style:		solid;
	border-color:		#666;
	padding:			0;
	clear:				both;
	}
div.boxed-gray
	{
	padding:			5px;
	background-color:	#f8f8f8;
	}
div.boxed-attention, div.boxed-attention2
	{
	margin:				20px 30px;
	border-width:		1px;
	border-style:		solid;
	border-radius:		8px;
	-webkit-box-shadow:	3px 3px 8px 0 rgba(0,0,0,0.4);
	box-shadow:			3px 3px 8px 0 rgba(0,0,0,0.4);
	padding:			0 0 5px 0;
	clear:				both;
	}
div.boxed-attention
	{
	border-color:		#369;
	background-color:	#ffd;
	}
div.homepage div.boxed-attention		/* context of homepage */
	{
	width:				600px;
	margin-left:		auto;
	margin-right:		auto;
	}
div.boxed-attention2
	{
	border-color:		#b22;
	background-color:	#fcf0f0;
	}

/*	---- paragraphs ---- */
p.centerphoto
	{
	text-align:			center;
	margin:				15px 0 5px 0;
	}
p.photocaption
	{
	font-family:		"Helvetica", "Arial", sans-serif;
	font-size:			12px;
	text-align:			center;
	margin:				4px 0 10px 0;
	}
p.photocredit
	{
	font-family:		"Helvetica", "Arial", sans-serif;
	font-size:			11px;
	text-align:			center;
	margin:				10px 0 10px 0;
	}
p.attention-title, p.attention-title2
	{
	margin:				0 0 10px 0;
	padding:			6px;
	border-radius:		8px 8px 0 0;
	font-family:		"Helvetica", "Arial", sans-serif;
	font-weight:		bold;
	text-align:			center;
	}
p.attention-title
	{
	color:				white;
	background-color:	#369;
	background:			-webkit-gradient(linear, 0% 0%, 0% 100%, from(#58b), to(#369));
	background:			-webkit-linear-gradient(top, #58b, #369);
	background:			-moz-linear-gradient(top, #58b, #369);
	background:			-ms-linear-gradient(top, #58b, #369);
	background:			-o-linear-gradient(top, #58b, #369);
	}
p.attention-title2
	{
	color:				white;
	background-color:	#b22;
	background:			-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e33), to(#b22));
	background:			-webkit-linear-gradient(top, #e33, #b22);
	background:			-moz-linear-gradient(top, #e33, #b22);
	background:			-ms-linear-gradient(top, #e33, #b22);
	background:			-o-linear-gradient(top, #e33, #b22);
	}
p.photocredit
	{
	color:				#369;
	}
p.attention
	{
	margin:				10px 20px 10px 20px;
	font-family:		"Helvetica", "Arial", sans-serif;
	font-size:			12px;
	line-height:		130%;
	}
p.attention-indent
	{
	margin:				10px 20px 10px 35px;
	font-family:		"Helvetica", "Arial", sans-serif;
	font-size:			12px;
	}

p.homepagedesc
	{
	margin:				15px 0 15px 0;
	font-family:		"Times", "Times New Roman", serif;
	font-size:			15px;
	line-height:		150%;
	text-align:			center;
	}
p.revised
	{
	font-family:		"Helvetica", "Arial", sans-serif;
	font-size:			11px;
	text-align:			center;
	color:				#777;
	margin-top:			12px;
	}
div.whos-who-frame
	{
	margin:				15px 0 10px 0;
	border-width:		1px;
	border-style:		solid;
	border-color:		#666;
	background-color:	#f8f8f8;
	padding:			25px 0 0 0;
	clear:				both;
	}
div.whos-who-box
	{
	margin:				25px 0;
	border-width:		1px;
	border-style:		solid;
	border-color:		#666;
	border-radius:		5px;
	background-color:	#f6f6f6;
	padding:			10px;
	clear:				both;
	}
div.whos-who-box h2
	{
	font-family:		"Times", "Times New Roman", serif;
	margin:				10px 0 0 0;
	}
div.whos-who-box img
	{
	margin:				10px;
	vertical-align:		top;
	}
td.whos-who-cell
	{
	text-align:			center;
	vertical-align:		top;
	padding-bottom:		20px;
	}
p.whos-who-name
	{
	margin:				6px 0 0 0;
	font-size:			14px;
	}
p.whos-who-info
	{
	margin:				4px 0 0 0;
	font-size:			12px;
	font-style:			italic;
	}
p.dancer
	{
	margin:				10px 0 10px 10px;
	font-size:			16px;
	font-weight:		bold;
	}
p.role
	{
	margin:				10px 0 15px 30px;
	font-size:			15px;
	font-style:			italic;
	}
p.bio
	{
	margin:				10px 0 15px 30px;
	}
p.major-link
	{
	margin:				18px 0 18px 25px;
	font-family:		"Helvetica", "Arial", sans-serif;
	}
p.caption, p.caption-bold, p.caption-small
	{
	font-family:		"Helvetica", "Arial", sans-serif;
	font-size:			15px;
	margin:				5px 0 5px 8px;
	}
p.caption-bold
	{
	font-weight:		bold;
	}
p.caption-small
	{
	font-weight:		normal;
	font-size:			12px;
	}
p.photoNum
	{
	font-family:		"Helvetica", "Arial", sans-serif;
	font-size:			10px;
	margin:				5px 0 5px 8px;
	}
p.date
	{
	font-family:		"Helvetica", "Arial", sans-serif;
	font-size:			10px;
	margin:				5px 0 5px 8px;
	}
p.filename
	{
	font-family:		"Helvetica", "Arial", sans-serif;
	font-size:			10px;
	}
p.gallery-instructions
	{
	margin:				10px 50px 5px 50px;
	padding:			4px 0 4px 0;
	text-align:			center;
	font-size:			13px;
	line-height:		150%;
	color:				#666;
	background-color:	#eee;
	}
p.scenes
	{
	margin:				5px 20px 5px 30px;
	font-size:			13px;
	line-height:		150%;
	}

/*	---- tables ---- */
table.bordered
	{
	border:				1px solid #666;
	border-collapse:	separate;
	border-spacing:		2px;
	}
table.center
	{
	margin-left:		auto;
	margin-right:		auto;
	}
table.full-width
	{
	width:				100%;
	}
table.photo-grid
	{
	border-collapse:	separate;
	border-spacing:		15px;
	margin:				0 auto;
	}
table.content-grid
	{
	border-collapse:	separate;
	border-spacing:		10px;
	margin:				0 auto;
	}
th.head
	{
	font-family:		"Helvetica", "Arial", sans-serif;
	font-size:			13px;
	line-height:		140%;
	text-align:			center;
	color:				#fff;
	background-color: 	#369;
	padding:			5px 0;
	}
th.subhead
	{
	font-family:		"Helvetica", "Arial", sans-serif;
	font-size:			12px;
	line-height:		140%;
	text-align:			center;
	color:				#fff;
	background-color: 	#48c;
	padding:			4px 0;
	}
td.item, td.item1, td.item2, td.item3
	{
	font-family:		"Helvetica", "Arial", sans-serif;
	font-size:			12px;
	line-height:		140%;
	text-align:			left;
	padding:			4px 8px;
	}
td.item
	{
	background:			#eee;
	}
td.item1
	{
	background:			#e2e2e6;
	}
td.item2
	{
	background:			#eee;
	}
td.item3
	{
	background:			#ffc;
	border:				1px solid #369;
	}
td.text
	{
	padding:			3px 6px 3px 6px;
	text-align:			left;
	}
td.schedule
	{
	font-family:		"Helvetica", "Arial", sans-serif;
	font-size:			13px;
	padding:			5px 20px 5px 0;
	}
table.schedule
	{
	margin:				15px auto 15px;
	}
table.schedule + table.schedule				/* adjacent sibling */
	{
	margin-top:			30px;
	}
table.schedule td, table.schedule th		/* table cells in table.schedule */
	{
	border:				1px solid black;
	}
td.studio1
	{
	font-size:			12px;
	line-height:		140%;
	background-color:	#ffc;
	text-align:			center;
	vertical-align:		top;
	}
td.studio2
	{
	font-size:			12px;
	line-height:		140%;
	background-color:	#ddf;
	text-align:			center;
	vertical-align:		top;
	}
td.saturday
	{
	font-size:			12px;
	line-height:		140%;
	background-color:	#dfd;
	text-align:			center;
	vertical-align:		top;
	}

/*	---- images ---- */
img.icon
	{
	vertical-align:		middle;
	}
img.photo
	{
	border:				1px solid #555;
	}
img.page-preview
	{
	border:				1px solid #555;
	-webkit-box-shadow:	3px 3px 5px 0 rgba(0,0,0,0.3);
	box-shadow:			3px 3px 5px 0 rgba(0,0,0,0.3);
	}

/*	---- classes for any element ---- */
.clear
	{
	clear:				both;
	}

.centered
	{
	text-align:			center;
	}
.left
	{
	float:				left;
	clear:				both;
	margin:				5px 15px 10px 5px;
	}
.right
	{
	float:				right;
	clear:				both;
	margin:				5px 5px 10px 15px;
	}
.body
	{
	margin:				10px 20px 5px 15px;
	}
.indent
	{
	margin:				5px 20px 5px 30px;
	}
.indent2
	{
	margin:				5px 20px 5px 45px;
	}
.about-pdf, .note
	{
	font-family:		"Helvetica", "Arial", sans-serif;
	font-size:			11px;
	}

/*	---- special-purpose classes ---- */
h1.homepagetitle
	{
	margin:				15px 0 10px 0;
	font-family:		"Times", "Times New Roman", serif;
	font-size:			32px;
	font-weight:		normal;
	text-align:			center;
	color:				#900;
	}
p.facebook, p.facebook-indent
	{
	margin:				25px 0 15px;
	font-family:		'Arial', 'Helvetica', sans-serif;
	font-size:			12px;
	text-align:			center;
	}