@charset "UTF-8";
/* CSS Document */
html{
	font:normal normal normal 16px 'Raleway', sans-serif;
	color:#000;
	background:url(../images/bgpipe.jpg) fixed bottom repeat-x;
}
.right{
	float:right;
}
.left{
	float:left;
}
.centre{
	text-align:center;
}
.emphasize, strong{
	font-weight:bold;
}
img{
	max-width:100%; /*resizes for small screens*/
}
.halfsize{
	max-width:50%; /*resizes for small screens*/
}
blockquote{
	text-align:center;
	font-size:115%;
}
.alert{
	color:#F00;
}
.PayPal{
	padding:5px 0 20px 15px;
	border-bottom:1px solid #f4f1eb; /*grey*/
}
.PayPal div{
	padding:5px 0;
}

/*HEADER and FOOTER*/
header, footer{
	position:fixed;
	left:0;
	width:100%;
	color:#e8200e; /*red*/
	background-color:#f4f1eb; /*grey*/
	text-align:center;
	/*background:url(../images/bgkeyboard.jpg) top/contain ;*/
	/*background: color image position/size repeat origin clip attachment initial|inherit;*/
}
header{
	top:0;
}
header h1, header h2{
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	padding:0;
}
header h1{
	font-size:21px;
}
header h2{
	font-size:16px;
}
#logo{
	display:none;
}
footer{
	bottom:0;
}
footer #copyright{
	float:right;
}
.fb-like{
	float:left;
}

/*END HEADER and FOOTER*/

/*NAVIGATION*/
nav{
	position:absolute;
	left:-100%;
	background-color:#f4f1eb; /*grey*/
	/*background-color:rgba(240,240,240,0.8);*/
}
nav ul{
	margin:0;
	padding:0 5px 5px 5px;
}
nav li{
	margin:2px;
	padding:5px;
	background-color:#FFF;
	white-space:nowrap;
}
nav a{
	text-decoration:none;
}
#hamburger{
	display:inline-block;
	vertical-align:top;
}

#page_index #menu_index,
#page_events #menu_events,
#page_other #menu_other,
#page_about #menu_about,
#page_membership #menu_membership,
#page_tracker #menu_tracker,
#page_instruments #menu_instruments,
#page_composers #menu_composers,
#page_links #menu_links,
#page_contact #menu_contact,
#page_tickets #menu_tickets,
#page_festival #menu_festival,
#page_ #menu_
{
	color:#FFD700; /*golden yellow*/
	color:#123e8f; /*dark blue*/
}
 
 
/*END NAVIGATION*/

/*CONTENT*/
main{
	margin:0 10px; /*NOTE: jquery dynamically fits the content between the fixed header and footer*/
}
h1{
	font-size:24px;
	padding:2px 0 0 0;
}
h2{
	font-size:18px;
	padding:5px 0 0 0;
}
h3{
	font-weight:bold;
	padding:5px 0 0 0;
}
h4{
	font-size:14px;
}
main p{
	padding:0 0 0.5em 0;
	text-indent:20px;
}
a{
	text-decoration:underline;
	color:inherit;
}
a:hover{
	color:#4698CB; /*royal blue*/
}
table{
	margin:auto;
}
table, tr, th, td{
	border:1px #000 solid;
}
th, td{
	padding:3px;
}
th{
	font-weight:bold;
}
.leftpad{
	padding:0 0 0 15px;
}
.clearing{
	height: 0;
	clear: both;
}
.event{
	padding:5px 0 5px 35px;
}
.event time{
	font-weight:bold;
	display:block;
}
.event p{
	padding:0;
}
.event img{
	display: block;
}
.more-btn{
	color:#e8200e; /*red*/
}
.oc-label{
	text-decoration:underline;
}
.oc-info{
	padding-left:15px;
}
.oc-info img{
	padding:0 2px;
}
/*this clears any floats between items*/
article:after, .oc-info:after {
	content: "";
	display: table;
	clear: both;
}

/*RIGHT COLUMN*/
aside{
	margin:5px 0;
	border:2px solid #e8200e; /*red*/
	padding:0 2px;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
}
aside h1{
	font-size:18px;
}
aside h2{
	font-size:16px;
	font-weight:bold;
}
aside h3{
	font-weight:bold;
}
aside p{
	text-indent:0;
}
/*END RIGHT COLUMN*/

/*LISTS*/
main ul li, main ol li{
	list-style-position:inside;
	margin:0 0 0 30px;
}
main ul{
	list-style-type:disc;
}
main ol{
	list-style-type:decimal;
}
main ol ol {
	list-style:lower-alpha;
}
main ol ol ol {
	list-style:lower-roman;
}
main ol ol ol ol {
	list-style:upper-alpha;
}
/*END LISTS*/

/*END CONTENT*/

@media only screen and (min-width:800px) {
	#hamburger, .mobileonly{
		display:none;
	}
	header h1{
		font-size:24px;
	}
	header h2{
		font-size:18px;
	}
	nav{
		position:relative;
		left:0;
		bottom:0;
	}
	nav ul{
		margin:5px 0 0 0;
		padding:0;
	}
	nav li{
		display:inline;
		margin:0;
		padding:0 4px 0 2px;
		background-color:transparent;
		border:1px solid;
		border-bottom-style:none;
		border-top-style:none;
		border-left-style:none;
	}
	nav li:last-of-type{
		border-right-style:none;
	}
	a{
		margin:0;
		padding:0;
	}
	#logo{
		display:inline;
		max-width:50%;
		padding:2px;
	}
	section{
	    width: 100%;
		float: left;
		margin-right: -200px;
	}
	article{
		margin-right: 200px;
	}
	aside{
		width: 192px; /*200px - 4px for borders - 4px for padding*/
		float: right;
	}
	img{
		display:inline;
	}
	.floatr{
		float: right;
	}
	.floatl{
		float: left;
	}
}