*****************************FONTS********************
@font-face {
    font-family: 'tangerineregular';
    src: url('/fonts/Tangerine/Tangerine_Regular-webfont.eot');
    src: url('/fonts/Tangerine/Tangerine_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Tangerine/Tangerine_Regular-webfont.woff2') format('woff2'),
         url('/fonts/Tangerine/Tangerine_Regular-webfont.woff') format('woff'),
         url('/fonts/Tangerine/Tangerine_Regular-webfont.ttf') format('truetype'),
         url('/fonts/Tangerine/Tangerine_Regular-webfont.svg#tangerineregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'karlaregular';
    src: url('/fonts/Karla/karla-regular-webfont.eot');
    src: url('/fonts/Karla/karla-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Karla/karla-regular-webfont.woff2') format('woff2'),
         url('/fonts/Karla/karla-regular-webfont.woff') format('woff'),
         url('/fonts/Karla/karla-regular-webfont.ttf') format('truetype'),
         url('/fonts/Karla/karla-regular-webfont.svg#karlaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'corbertregular';
    src: url('/fonts/Corbert Regular/Corbert-Regular-webfont.eot');
    src: url('/fonts/Corbert Regular/Corbert-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Corbert Regular/Corbert-Regular-webfont.woff2') format('woff2'),
         url('/fonts/Corbert Regular/Corbert-Regular-webfont.woff') format('woff'),
         url('/fonts/Corbert Regular/Corbert-Regular-webfont.ttf') format('truetype'),
         url('/fonts/Corbert Regular/Corbert-Regular-webfont.svg#corbertregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSansStdLight';
    src: url('/fonts/Josefin-Sans/JosefinSansStd-Light-webfont.eot');
    src: url('/fonts/Josefin-Sans/JosefinSansStd-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Josefin-Sans/JosefinSansStd-Light-webfont.woff') format('woff'),
         url('/fonts/Josefin-Sans/JosefinSansStd-Light-webfont.ttf') format('truetype'),
         url('/fonts/Josefin-Sans/JosefinSansStd-Light-webfont.svg#JosefinSansStdLight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'bilboregular';
    src: url('/fonts/Bilbo/Bilbo-Regular-webfont.eot');
    src: url('/fonts/Bilbo/Bilbo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Bilbo/Bilbo-Regular-webfont.woff2') format('woff2'),
         url('/fonts/Bilbo/Bilbo-Regular-webfont.woff') format('woff'),
         url('/fonts/Bilbo/Bilbo-Regular-webfont.ttf') format('truetype'),
         url('/fonts/Bilbo/Bilbo-Regular-webfont.svg#bilboregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
/****************************Standard******************/
html{
	margin:0;
	padding:0;
}

body{
	margin:0;
	padding:0;
	background-repeat:repeat;
	background-color:#414141;
}

a{
	text-decoration:none;
}

h1{
	margin:0;
	font-weight:normal;
	font-style:normal;
	font-family:tangerineregular, bilboregular, Serif;
	font-size:3em;
	line-height:1.5;
	color:black;
	text-align:left;
}

h2{
	margin:0;
	color:beige;
	text-align:center;
	font-family:JosefinSansStdLight;
	font-size:2em;
}

p{
	margin:0;
}

.clear{
	clear:both;
}

.center-text{
	text-align:center;
}
/***************************Home Page*************************/
#title{
	position:absolute;
	bottom:6%;
	left:12%;
	cursor:default;
}

#title p{
	color:black;
	font-family:josefinsansstdlight;
	font-size:1.5em;
	margin:-15px 0 0 60px;
}

.slider{
	position:relative;
}
	
/***************************NavBar************************/
#navBar{
	width:100%;
	margin:0 auto 0 auto;
	padding:0;
	background-color:white;
}

#navBar p{
	margin:0 0 0 0;
	padding:20px 0 20px 0;
	list-style:none;
	text-align:center;
}

#navBar a{
	color:black;
	display:inline-block;
	padding:0 15px;
	line-height:50px;
	font-family:corbertregular, arial;
}
#navBar a:hover{
	font-style:italic;
}
#homeHeader .homeNav, #qandaHeader .qandaNav, #musicHeader .musicNav, #ideasHeader .ideasNav, #contactHeader .contactNav, #bookingHeader .bookingNav{
	text-decoration:underline;
}

/*********************************Footer*******************/
#footer{
	background-color:white;
}

#footer p{
	padding:20px 0 20px 0;
	font-family:josefinsansstdlight, arial;
	color:black;
	text-align:center;
}

#footer a{
	color:black;
}

#footer a:hover{
}

/*********************************Main********************/
#mainContent{
	width:100%;
	max-width:1600px;
	margin:0 auto;
	color:#fdffea;
	font-family:JosefinSansStdLight, sans-serif;
}
.widePic{
	background-size:cover;
	background-position:center center;
	-ms-background-position-x: center;
  	-ms-background-position-y: bottom;
	width:100%;
	height:250px;
	border-bottom:1px solid beige;
}

#slideShow{
	position:relative;
	width:100%;
	height:500px;
	background-size:cover;
	background-position:center center;
	-ms-background-position-x: center;
  	-ms-background-position-y: bottom;
	background-image:url('../images/Optimized-Jessica Faded Web.jpg');
	transition:2s;
}

/**********************************Boxes****************/
.boxRow{
	width:100%;
	border-collapse:collapse;
	text-align:center;
	padding:20px 0 20px 0;
}

.boxRow .box{
	display:inline-block;
	vertical-align:middle;
	background-color:#414141;
	width:33%;
	min-width:250px;
	padding:0;
}

.boxRow box:hover{
	font-style:italic;
}

.boxRow a{
	color:beige;
	display:block;
	height:100%;
	padding:30px;
}

.boxRow a:hover{
	cursor:pointer;
	font-style:itallic;
}

.boxRow p{
	text-align:center;
	font-family:JosefinSansStdLight;
}

/************************Music**********************/
.tableHolder{
	width:100%;
	max-width:1100px;
	margin:auto;
	overflow:scroll;
}

.tablesorter{
	width:100%;
}
.music img{
	height:15px;
	width:15px;
	cursor:pointer;
}
.musicList{
	max-width:1000px;
	margin:auto;
}
.categoryheader{
	text-align:center;
	font-size:2em;
	font-weight:bold;
	padding:20px 0 20px 0;
	background:#414141;
}

td span{
	display:none;
}

#musicFooter{
	margin-bottom:40px;
}

/********************************Locations/Contact***************************/
#locationInfo{
	padding:40px 0 40px 0;
	width:98%;
	max-width:1100px;
	min-width:300px;
	margin:auto;
	text-align:center;
}

.location{
	margin:20px 0 0 0;
}

#locationInfo .leftColumn{
	display:inline-block;
	vertical-align:middle;
	width:49.5%;
}

#locationInfo .rightColumn{
	display:inline-block;
	vertical-align:middle;
	width:49.5%;
}

#locationInfo p{
	margin:0;
}

#locationInfo .rightColumn p{
	margin: 10px 0 0 0;
}



/**********************************QandA**************************/
#questions{
	padding:20px 10% 20px 10%;
}

.question{
 	font-size:2em;
 	margin:20px 0 0 0;
}

.answer{
	margin:0 0 30px 50px;
	line-height:1.1;
}

/**************************Ideas******************************/
.songOutlines{
	width:100%;
	padding:40px 0 40px 0;
	line-height:1.2;
	text-align:center;
	overflow:scroll;
}

.songOutlines table{
	width:95%;
	margin:auto;
	max-width:900px;
	border-spacing:0;
}

.songOutlines td{
	text-align:center;
	padding:5px;
}

.description{
	font-size:2em;
	border-bottom:1px solid beige;
}

.timeline{
	border-right:1px solid beige;
}

/*********************************BOOKING ************************/
#passwordAccess{
	margin:30px 0 0 0;
	text-align:center;
}

#passwordAccess input[type=text]{
	padding:7px 5px 5px 5px;
	font-size:1.15em;
	font-family: JosefinSansStdLight;
	outline:none;
	border:1px solid beige;
	background-color:#ffffff;
	color:black;
}
	
#bookingLogin{
	background-color:#ffffff;
	width:150px;
	margin:20px auto 0 auto;
	padding:7px 5px 5px 5px;
	font-size:1.15em;
	border:1px solid beige;
	color:black;
}
#bookingLogin:hover{
	cursor:pointer;
	font-style:italic;
	background-color: #a8cdff;
}

#bookingLoginError{
	margin-top:20px;
}

#rates{
	width:95%;
	max-width:900px;
	text-align:center;
	margin:auto;
}

#rates table{
	text-align:center;
	border: 1px solid beige;
	color:#fdffea;
}	

#rates td, #rates th{
	padding:4px;
}
	
#bookingPageContent form {
	display:none;
	width:500px;
	margin:30px auto 0 auto;
}

.half-width{
	width: calc(49.5% - 14px);
}

.full-width{
	width: calc(99% - 24px);
}

.form-row {
	margin:20px 0 0 0;
	display:none;
}

form input[type=text]{
	padding:7px 5px 5px 5px;
	font-size:1.15em;
	outline:none;
	border:1px solid grey;
	background-color:#f1f7ff;
}

input[type=text]:focus {
    background-color: #a8cdff
}

p.label {
	display:inline-block;
	font-size:1.25em;
	font-weight:bold;
	margin:0 0 0 0;
}

p.groupedLabel{
	margin:10px 0 0 0;
}

p.errorText {
	font-size:1.1em;
	margin:0;
	color:red;
}

#bookingPageContent textarea{
	resize:none;
	width:100%;
	height:500px;
}

.ensembleDefinition{
	display:none;
}

#ensembleDefinitionLabel {
	display:none;
}

#acceptTerms {
	height:20px;
	width:20px;
	padding:10px;
}

.cardIcon{
	height:32px;
	width:32px;
	margin-right:5px;
	display:inline;
}	

#validationError p{
	color:red;
}

.supportText{
	margin:0;
	color:#00adff;
	font-size:1.1em;
}

.redFont{
	color:red;
}



/***********************************Booking Confirmation ******************/
#bookingConfirmationContent{
	width:500px;
	margin:40px auto;
}