/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


@font-face {
    font-family: 'LeagueGothicWeb';
    src: url('/includes/League_Gothic-webfont.eot');
    src: url('/includes/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/League_Gothic-webfont.woff') format('woff'),
         url('/includes/League_Gothic-webfont.ttf') format('truetype'),
         url('/includes/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



.clearfix:before, .clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}


/*
font-family: 'Cabin', sans-serif;
font-family: 'Sorts Mill Goudy', serif;
*/



html {
	background-color:#cebaa2;
	height:100%;
	-webkit-text-size-adjust:none;
}
body {
	font:100%/1.45 'Cabin', sans-serif;
	background:url(includes/bg.jpg) repeat 0 0 #fff2e1;
	color:#222;
	overflow-x:hidden;
}


p {
	margin-bottom:1em;
}
a {
	color:#005f8b;
}
a:hover, a:focus {
	
}

.section-heading {
	font-family: 'Sorts Mill Goudy', serif;
	font-size:36px;
}

sup {
	font-size:0.7em;
	vertical-align:text-top;
}

strong {
	font-weight:bold;
	font-size:1.05em;
}

img, embed, object, video, iframe {
	max-width: 100%;
	vertical-align:middle;
}

hr {
	margin:1em 0;
	border:0;
	border-bottom:1px solid #C5A883;
	box-shadow:0 1px 0 #FFF, inset 0 1px 0 #FFF;
}

.hidden-text {
	display:inline-block;
	height:0;
	width:0;
	overflow:hidden;
	position:absolute;
}


::selection {
	background-color:#a32d2d;
	color:#FFF;
}
::-moz-selection {
	background-color:#a32d2d;
	color:#FFF;
}









.container {
	padding:0 4%;
	max-width:1000px;
	margin:0 auto;
}



.nav-bar {
	padding:10px 0;
	margin-bottom:3em;
	
	background-color:rgb(212, 191, 164);
	background-color:rgba(117, 77, 31, 0.34);
	zoom: 1;
	box-shadow:0 1px 2px rgba(0,0,0,0.4);
}

.nav-title {
	font-family:"Sorts Mill Goudy", Georgia, serif;
	font-size:33px;
	line-height:1.4em;
	text-decoration:none;
	color:#333;
	float:left;
}
.nav-links {
	text-align:right;
	font:31px "LeagueGothicWeb", "Arial Narrow", sans-serif;
	text-transform:uppercase;
	padding-top:0.1em;
}
.nav-links a {
	color:#FFF;
	margin-left:24px;
	padding:2px;
	text-decoration:none;
	text-shadow:1px 1px 0px rgba(0,0,0,0.25);
}
.nav-links a:hover {
	text-decoration:underline;
}
.nav-links .nav-current {
	color:#a32d2d;
	text-decoration:underline;
}





/* HOME PAGE */

.main-header {
	padding:1em 0 4em;
}
.main-header h1 {
	font-family:"Sorts Mill Goudy", Georgia, serif;
	font-size:58px;
	width:58%;
	float:left;
	text-shadow:1px 1px 1px #FFF;
	background:url(includes/swoosh-glyph.gif) no-repeat 285px 6px;
}
.main-header h1 span {
	font-size:120px;
	line-height:1.1em;
}
.main-header .header-year {
	font-size:50px;
	margin-top:-15px;
	display:block;
}

.main-header .main-intro {
	width:42%;
	float:left;
	text-align:right;
	font-size:20px;
	margin-top:2.5em;
}




.dates-banner {
	color:#FFF;
	text-shadow:1px 1px 1px #111;
	background-color:#760c0c;
	padding:6px 0;
	font-size:37px;
	font-family:"Sorts Mill Goudy", Georgia, serif;
	margin-bottom:1.5em;
	box-shadow:0 2px 3px rgba(0,0,0,0.5);
}
.dates-banner .dates-ribbon {
	background-color:#a32d2d;
	height:6px;
	box-shadow:0 1px 1px rgba(0,0,0,0.2);
}
.dates-banner ul {
	padding:20px 0;
}
.dates-banner li {
	float:left;
	/*width:33.33%;*/
	width:50%;
	text-align:center;
	line-height:1.2em;
}
.dates-banner .dates-time {
	display:block;
}
.dates-num {
	font-family:Georgia, serif;
}

.dates-message {
    margin: 0;
    padding: 0.3em 0 0.2em;
    font-size: 0.8em;
    text-align: center;
}



.body-left {
	float:left;
	width:47%;
	margin-right:6%;
}
.body-right {
	float:left;
	width:47%;
}
.body-sub {
	margin-top:2em;
}
.body-sub:first-child {
	margin-top:0;
}

.map-container {
	height:250px;
	margin-bottom:10px;
	position:relative;
}
.map {
	width:100%;
	height:100%;
}
.map img {
	max-width:none;
}
.map-shadow-top, .map-shadow-left, .map-shadow-right, .map-shadow-bottom {
	position:absolute;
	pointer-events:none;
}
.map-shadow-top {
	width:100%;
	height:3px;
	left:0;
	top:0;
	background:-moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.15) 1%, rgba(0,0,0,0) 100%);
	background:-webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0) 100%);
	background:linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#30000000', endColorstr='#00000000',GradientType=0 );
}
.map-shadow-left {
	width:3px;
	height:100%;
	left:0;
	top:0;
	background:-moz-linear-gradient(left, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.15) 1%, rgba(0,0,0,0) 100%);
	background:-webkit-linear-gradient(left, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0) 100%);
	background:linear-gradient(left, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#30000000', endColorstr='#00000000',GradientType=1 );
}
.map-shadow-right {
	width:3px;
	height:100%;
	right:0;
	top:0;
	background:-moz-linear-gradient(right, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.15) 1%, rgba(0,0,0,0) 100%);
	background:-webkit-linear-gradient(right, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0) 100%);
	background:linear-gradient(right, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#30000000',GradientType=1 );
}
.map-shadow-bottom {
	width:100%;
	height:3px;
	left:0;
	bottom:0;
	background:-moz-linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.15) 1%, rgba(0,0,0,0) 100%);
	background:-webkit-linear-gradient(bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0) 100%);
	background:linear-gradient(bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 1%,rgba(0,0,0,0) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#30000000',GradientType=0 );
}

.map-address {
	float:left;
	font-size:18px;
	margin-bottom:3px;
}
.map-dir-link {
	float:right;
}


.faq-section {
	margin:2em 0;
	padding:2em 0;
	border-width:1px 0;
	border-style:solid;
	border-color:#c5a883;
	box-shadow:0 1px 0 #FFF, inset 0 1px 0 #FFF;
}
.faq-section dl {
	line-height:1.3em;
}
.faq-section dt {
	font-weight:bold;
}
.faq-section dd {
	margin-bottom:0.8em;
}

.photo-section {
	text-align:center;
	margin-top:3em;
}
.photo-section img {
	box-shadow:1px 1px 3px rgba(0,0,0,0.4);
}





/* REHEARSALS PAGE */
.join-section {
	/*border-bottom:1px solid #c5a883;*/
	margin-bottom:2em;
	padding-bottom:1em;
}
.score-photo {
	float:right;
	margin:0 0 0.5em 1em;
	box-shadow:2px 2px 2px rgba(0,0,0,0.4);
}


.group-list {
	border-top:1px solid #C5A883;
	margin:1em 0 4em;
}
.group-list li {
	border-bottom:1px solid #C5A883;
}
.group-list li > a {
	display:block;
	padding:0.5em 0;
	color:#222;
	text-decoration:none;
}
.group-list li > a:hover {
	background:rgba(255,255,255,0.3);
}
.group-header {
	position:relative;
	background:url(includes/expand-arrow-sprite.png) no-repeat right 12px;
}
.group-expanded .group-header {
	background-position:right -65px;
}
.group-list h3 {
	font-size:28px;
	color:#8f1515;
}
.group-list .group-header h4 {
	font-size:20px;
	color:#8f1515;
}
.group-desc{
	position:absolute;
	top:0.75em;
	right:45px;
	font-size:17px;
	font-weight:bold;
	line-height:1.2em;
}
.group-content {
	display:none;
	margin:0.5em 0 2em;
}
.group-expanded .group-content {
	display:block;
}





/* RECORDINGS PAGE */
.recordings-list {
	margin:0.5em 0 4em;
}
.recordings-list ul {
	margin:0 0 1em 1em;
}


.section50, .section50l {
	float:left;
	width:47%;
	margin-right:6%;
}
.section50l {
	margin-right:0;
}





/* CONTACT PAGE */
.contact-form {
	margin-top:2em;
}
.contact-form input, .contact-form textarea {
	width:400px;
	max-width:100%;
}
.contact-form label {
	display:block;
	margin-bottom:0.8em;
}
.contact-form textarea {
	height:100px;
}

.message-failure, .message-success {
	padding:0.5em;
	border-width:2px;
	border-style:solid;
}
.message-failure {
	background-color:#F8B9B9;
	background-color:rgba(243, 75, 75, 0.3);
	border-color:#A34D4D;
}
.message-success {
	background-color:#C9FCCB;
	background-color:rgba(129, 243, 134, 0.3);
	border-color:#299B2E;
}



.main-footer {
	margin-top:3em;
	padding:1em 0 1em;
	text-align:center;
	background-color:#cebaa2;
	box-shadow:inset 0 5px 5px -3px rgba(0,0,0,0.35);
}
.main-footer .container {
	max-width:650px;
}



@media screen and (max-width:799px) {
	.main-header h1 {
		font-size:50px;
		background:url(includes/swoosh-glyph-small.gif) no-repeat 224px 13px;
	}
	.main-header h1 span {
		font-size:90px;
	}
	.main-header .main-intro {
		font-size:17px;
		margin-top:0.5em;
	}
	
	.dates-banner {
		font-size:29px;
	}
}

@media screen and (max-width:745px) {
    .nav-links a {
		margin-left:22px;
	}
	
	.nav-bar {
		padding:4px 0;
		margin-bottom:1.5em;
	}
	.nav-links {
		font-size:25px;
		text-align:center;
	}
	.nav-links a {
		margin:0 9px;
	}

	.nav-links span:first-child a:first-child {
		margin-left:0;
	}
	.nav-links span:last-child a:last-child {
		margin-right:0;
	}
	
	.nav-title {
		display:none;
	}
}

@media screen and (max-width:690px) {
	.group-list .group-desc {
		position:static;
	}
}

@media screen and (max-width:619px) {
	.main-header {
		padding:0.5em 0 1em;
	}
	.main-header h1 {
		background:none;
	}
	.main-header h1, .main-header .main-intro {
		float:none;
		width:auto;
		text-align:center;
	}
	.main-header h1 span {
		display:block;
		line-height:0.9em;
	}
	.main-header .header-year {
		margin-top:-5px;
	}
	
	.main-header .main-intro {
		font-size:16px;
		margin-top:1em;
	}
	
	.dates-banner {
		font-size:27px;
	}
	.dates-banner ul {
		padding:10px 0;
	}
	
	/*.dates-banner li:first-child {
		float:none;
		width:auto;
		margin-bottom:0.5em;
	}
	.dates-banner li {
		width:50%;
	}*/
	
	
	.body-left, .body-right {
		float:none;
		width:auto;
		margin:0;
	}
	.body-right {
		margin-top:2em;
	}
	
	.score-photo {
		max-width:195px;
	}
}

@media screen and (max-width:480px) {
	.nav-links span {
		display:block;
		padding:2px 0;
	}
	.nav-links span a {
		margin:0 10px !important;
	}
}

@media screen and (max-width:400px) {
	.nav-links span {
		display:block;
		padding:2px 0;
	}
	.nav-links span a {
		margin:0 10px !important;
	}
	
	.main-header {
		padding-top:0;
	}
	.main-header h1 {
		font-size:42px;
	}
	.main-header h1 span {
		font-size:80px;
	}
	.main-header .header-year {
		font-size:40px;
	}
	
	.dates-banner {
		font-size:24px;
	}
	
	.dates-banner ul {
		padding:0;
	}
	.dates-banner li {
		float:none;
		width:auto;
		margin:0.8em 0;
		line-height:1em;
	}
	.dates-banner .dates-time {
		display:inline;
		margin-left:4px;
	}
	.dates-banner .dates-time:before {
		content:"\2013  ";
	}
	
	.map-container {
		height:200px;
	}
	
	
	.score-photo {
		display:none;
	}
	
	
	.section50, .section50l {
		float:none;
		width:auto;
	}
}

@media screen and (max-width:315px) {
	.nav-links {
		font-size:21px;
	}
	.nav-links a {
		margin:0 5px;
	}
	
	.main-header h1 {
		font-size:40px;
	}
	.main-header h1 span {
		font-size:62px;
	}
	
	.dates-banner {
		font-size:20px;
	}
}