@import url(http://fonts.googleapis.com/css?family=Londrina+Outline);
@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans:400,100);

body {
	/*background-color:#fec705;
	background-color:#aaa;*/
	margin:1em 0 0 0;
	padding:0;
}

a {
	color:#DC9D0F;
	text-decoration:none;
}
.page {
	width:970px;
	margin:auto;
	margin-bottom:0px;
	margin-top:0px;
	text-align:center;
	
}

#top {
	height:180px;
	text-align:center;
	padding-left:50px;
}

#logo {
	float:left;
}

#nav {
	float:left;
	padding-top:4em;
	margin-left:-20px;
	
}

#nav ul li {
	display:inline;
	list-style:none;
	margin-right:1.4em;
	
	
}

#nav a {
	color:#fff;
	font-family: 'Londrina Outline', sans-serif;
	font-family: Helvetica, sans-serif;
	font-size:2em;
	text-decoration:none;
	
	transition: background-color .6s, opacity .6s;
	padding:0 10px;
border:4px #fff solid;
}

#nav a:hover {
	opacity:1;
	background-color:#fec705;
}

#band-photo {
	clear:both;
	margin:0;
	margin-top:-20px;
	padding:0;

	text-align:center;
overflow:hidden;
height:440px;
}

#bottom {
	background-color:#222;
	margin:0;
	padding:0;
	overflow:auto;
	overflow:hidden;
	opacity:.9;
	 position: fixed;
    bottom: 0;
    width: 100%;
	border-top:#aaa 1px solid;
}

.cube {
	font-family: 'Helvetica', 'Arial', sans-serif;
	background-color:#333;
	color:#fff;
	float:left;
	width:190px;
	height:190px;
	text-align:center;
	vertical-align:middle;
	margin:2px;
	letter-spacing:normal;
	transition:background-color .6s;
	
}

.cube:hover {
	background-color:#444;
}

.cube a {
	color:#fec705;
	text-decoration:none;
}

.cube p {
	margin-top:70px;
}

.cube h1 {
	margin-bottom:0;
}

img.bio {
	width:60px;
	float:left;
	border:1px solid #777;
	margin:5px 15px 5px 0;
}

/* styles for pop-up pages */

body.popup {
	background-color:#fff;
	color:#666;
	padding:1em;
	line-height:1.4em;
	font-weight:100;
	font-family:'Alegreya Sans',sans-serif;
	font-size:1.2em;
}

.popup .wrapper {
	width:600px;
	margin:auto;
}

.popup h1 {
	font-family: 'Helvetica', sans-serif;
	font-size:4em;
	color:#fec705;
	text-align:center;
}

.popup .caption {
	font-size:1em;
	color:#777;
	line-height:1.3em;
	max-width:650px;
	margin:auto;
	margin-bottom:3em;
	margin-top:.8em;
	text-align:left;

}

iframe.video {
	width:650px;height:345px;
}

.container {
            max-width: 32rem;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 50px;
        }