/* global CSS settings */

.debug {
	border: 3px dotted green;
}

* {
	font-family: Gill Sans, Helvetica, serif;
	color: #111;
}

a:hover { color: #33e; }
a div:hover { color: #33e; }

i { color: inherit }

.blue { color: #28a; }
.gold { color: #963; }
.bold { font-weight: bold; }
td.red { color: #963; background-color: #fdd; }



body {
	margin: 0px 0px 0px 0px;
	background-color: #963;
}

table.wrapper {
	width: 100%;
	min-height: 100%;
	border-spacing: 0px;
	border-width: 0px;
}
	td.wrapper {
		width: 100%;
		height: 100%;
		text-align: center;
		vertical-align: middle;
	}

div.block {
	padding-top: 20px;
	text-align: left;
}

div.right { text-align: right; }

img.icon { max-width: 70px; }
img.title { max-width: 400px; }
img.choir { border: 1px solid #963; }
img.pdf { max-width: 500px; }

form {
	margin: 0px 0px 0px 0px;
}


div.disabled { background-color: blue; }


/* main block for everything in the center */

div.strip {
	width: 720px;
	border-right: 0px solid gray;
	border-left: 0px solid gray;
	margin: 0px auto 0px auto;
	background-color: white;
	-webkit-box-shadow: 0.2em 0.5em 0.9em rgba(0,0,0,0.5);
	-moz-box-shadow: 0.2em 0.5em 0.9em rgba(0,0,0,0.5);
}

div.main {
	height: 100%;
	padding-bottom: 15px;
}

	table.header {
		width: 100%;
	}
		table.header td {
			text-align: center;
		}

	div.block {
		padding-left: 30px;
		padding-right: 30px;
	}

	div.linkBar {
		background-color: #963;
		color: #eee;
	}
		div.linkBar span.link {
			font-size: small;
			display: inline-block;
			color: #eee;
			padding: 1ex 1ex 1ex 1ex;
			text-align: center;
		}
		div.linkBar span.link:hover {
			color: #963;
			background-color: white;
		}
		div.linkBar a {
			text-decoration: none;
		}

	div.subLinkBar {
		margin-top: 20px;
	}
		div.subLinkBar span.link {
			font-size: small;
			display: inline-block;
			padding: 1ex 1ex 1ex 1ex;
			text-align: center;
			border-bottom: 1px solid #963;
			color: #963;
		}
		div.subLinkBar a {
			text-decoration: none;
		}

	div.artisticDirector {
		padding-top: 1ex;
		font-size: small;
	}

	div.buyTickets {
		text-align: center;
		font-size: medium;
	}

	div.venue {
		text-align: center;
		font-size: small;
	}

	div.seasonTitle {
		padding: 2ex 0px 0em 0px;
		font-size: x-large;
		color: #963;
	}
/*		div.seasonTitle:before { content: '* '; }
		div.seasonTitle:after { content: ' *'; }*/

	div.seasonWrapper {
		background: url('img/pineapple.gif');
	}
	div.season {
		margin: 20px 0px 0px 110px;
		border-left: 4px solid #963;
		background-color: white;
	}
		div.concert {
			padding-left: 0px;
			padding-right: 0px;
		}

		div.concertTitle {
			color: #963;
			text-align: left;
			font-size: x-large;
			font-style: italic;
			padding: 2ex 0px 0em 0px;
			padding-left: 20px;
		}

		div.concertSubtitle {
			text-align: left;
			font-size: medium;
			padding-left: 20px;
		}

		div.concertDate {
			text-align: left;
			font-size: small;
			padding: 1ex 0px 1em 0px;
			padding-left: 20px;
		}

		div.concertDescription {
			text-align: left;
			font-size: medium;
			padding-left: 20px;
			padding-right: 10px;
			padding-bottom: 1em;
		}
		div.concertNotes {
			text-align: left;
			font-size: medium;
			padding-left: 40px;
		}

	div.footer {
		height: auto;
		padding: 20px 0px 10px 0px;
		vertical-align: bottom;
	}
		div.address {
			font-size: large;
		}

div.venueShort {
	font-size: small;
	text-align: left;
}
td.venueShort {
	font-size: small;
	text-align: center;
}
td.venueShort div {
	padding-bottom: 1ex;
}
div.venueDay {
	text-align: center;
	font-size: large;
	color: #963;
}
div.venueName {
	font-size: large;
	color: #963;
}

/*span.phone { letter-spacing: 0.15ex; }
span.phone:before { content: "|"; }
span.phone:after { content: "|"; }*/

span.phone {
	text-wrap: suppress;
}

div.h1 {
	text-align: center;
	font-size: x-large;
}
div.h2 {
	text-align: center;
	font-size: large;
}
div.h3 {
	font-size: large;
}
div.center {
	text-align: center;
}
table.center {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
table.leftChildren td {
	text-align: left;
}

table.spacious td {
	padding: 1em;
}

table.prices {
	border-collapse: collapse;
}
table.prices td {
	padding: 1ex 1ex 1ex 1ex;
	border: 1px solid #666;
	text-align: center;
}
table.prices td.noborder {
	border: 0px solid black;
}

div.review {
	padding-top: 1ex;
}

img.director {
	float: right;
	margin: 0px 0px 1ex 1em;
	width: 150px;
}

.movingTarget {
	border: 1px solid #666;
	padding: 0.5ex 0.5ex 0.5ex 0.5ex;
	margin: 0ex 0.5ex 0ex 0.5ex;
	background-color: #eee;
}

table.chooseConcerts td {
	padding: 0ex 1ex 0ex 1ex;
}

div.underline {
	border-bottom: 1px solid #666;
}

div.warning {
	border-top: 1px solid #963;
	border-bottom: 1px solid #963;
	padding: 1ex 3ex 1ex 3ex;
	margin: 1em 0em 1em 0em;
	background-color: #fee;
	color: #963;
	font-weight: bold;
}

div.groupDescription {
	text-align: justify;
	font-size: small;
	font-style: italic;
}

img.thumb {
	border: 1px solid #963;
	max-width: 150px;
}

img.photo {
	max-width: 300px;
	-webkit-box-shadow: 0.2em 0.5em 0.9em rgba(0,0,0,0.5);
	-moz-box-shadow: 0.2em 0.5em 0.9em rgba(0,0,0,0.5);
}

div.trademark {
	font-size: small;
}