/*
'Hammersmith One'
'Quattrocento'
'Habibi'
*/

/*
pale yellow: #ECDCC3
dark blue: #213B5E
darker blue: #152337;
mid yellow: #EACB8B

original blue: #213B5E

*/

:root {
	overflow-y:scroll;
}

* { margin:0; padding:0; }

body {
	/* background:#213B5E url(/images/soft_pad.png); */
	background:#213B5E url(/images/soft_pad_blue.png);
	font-family:'Habibi';
	color:#ECDCC3;
}

#fbcont {
	position:absolute;
	width:82px;
	top:40px;
	right:31px;
}

#fbcont iframe {
	float:right;
}

#fbvisit {
	font-size: 11pt;
	position: absolute;
	right: 31px;
	top:65px;
	z-index:1000;
}

#scvisit {
	font-size: 11pt;
	position: absolute;
	right: 31px;
	top: 99px;
	z-index:1001;
}

#container {
	width:800px;
	position:relative;
	padding:0px 40px 100px;
	margin:0px auto;
	box-shadow:0px 0px 18px rgba(0,0,0,0.6);
	background-color:#213B5E;
}

h1 {
	color:#ECDCC3;
	/*color:#213B5E;*/
	text-align:center;
	font-family:'Hammersmith One';
	font-size:56pt;
	letter-spacing:-2px;
	text-align:center;
}

h1 a {
	text-indent:-9999px;
	width:600px;
	height:224px;
	display:block;
	background:url(../images/MorphtetLogo_600tx.png) no-repeat;
	overflow:hidden;
	margin:auto;
}

h1 a,
h1 a:hover,
h1 a:visited {
	text-decoration:none;
	color:inherit;
}


h2 {
	margin-top:24px;
	font-weight:normal;
}


p {
	font-size:13pt;
	line-height:140%;
}

a, a:visited {
	color:#EACB8B;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#nav {
	text-align:center;
	overflow:hidden;
	padding-top:12px;
}

#nav ul {
	list-style-type:none;
	margin:0px auto;
	width:430px;
	position:relative;
	overflow:hidden;
}

#nav ul li {
	display:block;
	float:left;
	font-weight:bold;
	margin-left:40px;
	text-transform:uppercase;
}
#nav ul li:first-child {
	margin-left:0px;
}

#fbvisit a,
#fbvisit a:visited {
	color:#213B5E;
	text-decoration:none;	
}

#nav ul li a,
#nav ul li a:visited {
	font-size:18pt;
	color:#ECDCC3;
	text-decoration:none;
}

#fbvisit a:hover,
#nav ul li a:hover {
	color:#EACB8B;
	text-decoration:none;
}


/* ------------------ Content -------------- */

#main {
	min-height:400px;
	width:600px;
	margin:0px auto;
}

#banner {
	margin:20px auto;
	background-color:#DEDEDE;
	width:600px;
	height:338px;
	overflow:hidden;
}

#banner div {
	background-color:#000;
	width:600px;
	height:338px;
}

div.orbit-callout {
    background: #000;
    background: #ECDCC3;
    z-index: 1000;
    color:#213B5E;
	text-align: left;
	padding: 12px 12px;
	font-family:'Hammersmith One';
	line-height:150%;
    width: 96%;
	margin:28px 0px 14px;
	border-radius:4px;
	letter-spacing:1px;
}

div.orbit-callout a,
div.orbit-callout a:hover,
div.orbit-callout a:visited {
	font-family: 'Hammersmith One';
	color:inherit;
	text-decoration:none;
}

p.inviteLink {
	padding:8px;
	margin-left:24px;
	font-family:'Hammersmith One';
}

div.slider-nav {
	display:none;
}


div.desktop-only {
	display:block;
}

div.mobile-only {
	display:none;
}



#about {
	margin:40px auto 30px;
}

#about p {
	font-size:13pt;
}

#soundcloud {
	margin-bottom:20pt;
}

p.bio {
	margin-bottom:20pt;
	line-height:140%;
	font-size:12pt;
}

p.bio a {
	font-weight:bold;
}


#soundcloud iframe {
	margin-bottom:12px;
}

#press {
	padding-top:12px;
}

.quote {
	margin:12px 0px 18px;
	font-family:arial;
	margin-left:20px;
	font-size:12pt;
	color:#454545;
}

.attribution {
	font-family:arial;
	margin-left:12px;
	font-size:11pt;
	color:#454545;
	font-style:italic;
}

#shows {
	overflow:hidden;
	margin-bottom:48px;
}

.show {
	border-top: 1px solid #838383;
	box-shadow: 0 -1px 3px -2px rgba(0, 0, 0, 0.5);
	margin-top: 24px;
	overflow: hidden;
	padding-top: 10px;
}

.showinfo {
	float:left; 
	width:360px;
}

.show h3 {
	color:#ECDCC3;
	font-size:16pt;
}

.show p {
	font-size:12pt;
}

.show p.showdate {
	font-variant:small-caps;
	margin:6px auto;
	font-size:14pt;
}

.showmap {
	float:right;
	width:200px;
}

.show.oldshow .showinfo a,
.show.oldshow .showinfo p {
	color:#666666;
}

.show.oldshow .showinfo a {
  text-decoration:underline;
}


#booking {
	margin:24px auto 48px;
}

#booking p {
	line-height:200%;
}

#booking p.bookinginfo {
	margin-top:12px;
	line-height:140%;
}

#booking p.bookinginfo span {
	font-variant:small-caps;	
}


#friends {
	margin:24px auto 48px;
}

.friend {
	border-top: 1px solid #838383;
	box-shadow: 0 -1px 3px -2px rgba(0, 0, 0, 0.5);
	margin-top: 24px;
	overflow: hidden;
	padding-top: 10px;
}

.friend a,
.friend a:visited {
	color:#EACB8B;
}

.friend a:hover {
	text-decoration:none;
}

.friend h3 {
	margin-bottom:8px;
	font-weight:normal;
}

.frienddescription {

}

#downloads h2 {
	margin-bottom:24px;
}

#downloads h3 {
	margin-bottom:12px;
}

#downloads p {
	margin-bottom:12px;
}

#downloads .small {
	font-size:9pt;
}


/* =================  MailChimp ============= */

#mc_embed_signup {
	position:relative;
	overflow:hidden;
}


#mc-embedded-subscribe-form {
	margin: 12px auto 16px;
	text-align: center;
	width:800px;
}

#signupCont {
	width:326px;
	padding-top:18px;
	margin:auto;
	position:relative;
	overflow:hidden;
}


#mc-embedded-subscribe {
	display:block;
	float:left;
	height:26px;
	color:#213B5E;
	padding:1px 10px;
	border:1px solid #DEDEDE;
	border-radius:3px;
	font-size:14pt;
	cursor:pointer;
	position:relative;
	top:2px;
	left:12px;
	box-shadow:0px 0px 3px #6CB5F5;
}

#mce-EMAIL {
	display:block;
	float:left;
	border:1px solid #999999;
	padding:8px 8px;
	border-radius:4px;
	color:#333333;
	width:254px;
	box-shadow:0px 0px 3px #6CB5F5;
}


/* for /email directory */

#emailbig {
	position: relative;
}

#emailbig #mc_embed_signup {
	
}

#emailbig #mc-embedded-subscribe-form {
	margin: 28px auto 16px;
	width: 386px;
}

#emailbig #mc-embedded-subscribe {
	display:inline;
	font-size:22px;
	height:38px;
	border:2px solid #999999;
	border-radius:4px;
	position:relative;
	top:3px;
	color:#666666;
	width:40px;
}

#emailbig #mce-EMAIL {
	border:2px solid #999999;
	padding:8px 16px;
	border-radius:4px;
	color:#666666;
	width:300px;
	font-size:16px;
	box-shadow:0px 0px 3px #6CB5F5;
}









/*  MOBILE  */

@media only screen and (min-width : 320px) and (max-width : 640px) {
	
	
	#container {
		width:600px;
		overflow:hidden;
		padding:40px 10px 100px;		
		margin:0px;
	}
	
	#main {
		overflow:hidden;
	}
	
	#friends,
	#booking {
		overflow:hidden;
	}
	
	#fbcont {
		position:absolute;
		right: 98px;
		top: 20px;
		width:200px;
	}
	
	#fbvisit {
		font-size: 11pt;
		position: absolute;
		right: 60px;
		top: 20px;
	}
	
	
	
	#scvisit {
		position:absolute;
		right:20px;
		top:20px;
	}
	
	.orbit-callout {
		font-size:24pt;
	}
	
	#about p {
		font-size:24pt;
	}
	
	p.inviteLink {
		font-size:24pt;
	}
	
	#mc-embedded-subscribe-form {
		margin: 28px auto 16px;
		width: 390px;
		height:auto;
	}
	
	#signupCont {
		height:auto;
		width:500px;
	}

	#mc-embedded-subscribe {
		width:auto;
		height:auto;
		font-size:20pt;
	}

	#mce-EMAIL {
		width:320px;
		font-size:20pt;
	}
	

	#container.emailbig {
		width:480px;
		overflow:hidden;
	}
	
	#container.emailbig .emailcopy {
		margin:40px 20px 12px;
	}
	
	
	#container.emailbig .emailcopy p {
		font-size:32px;
	}
	
	#emailbig #mc-embedded-subscribe-form {
		margin: 28px auto 16px;
		width: 390px;
	}
	
	h1 {
		font-size:42px;
	}
	
	h2 {
		font-size:36px;
	}
	
	#nav {
		position:fixed;
		bottom:0;
		left:0;
		background:#213B5E;
		z-index:9999;
		width:100%;
		height:100px;
	}
	
	#nav ul {
		list-style-type:none;
		margin:10px auto;
		width:100%;
		height:100px;
	}
	
	#nav ul li {
		margin-left:2.5%;
	}
	
	#nav ul li:first-child {
		margin-left:2.5%;
	}
	
	#nav ul li a,
	#nav ul li a:visited {
		padding:8px 12px;
		background:#DEDEDE;
		border:1px solid #DEDEDE;
		border-radius:3px;
		font-size:24pt;
		color:#213B5E;
		text-decoration:none;
		position:relative;
		text-align:center;
		width:30%;
		top:18px;
	}
	
	div.slider-nav {
		display:block !important;
	}
	
	div.desktop-only {
		display:none;
	}
	
	div.mobile-only {
		display:block;
	}
}