@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

*  {
margin:0px;
padding:0px;
}

body {
background:url(images/background.jpg) top center no-repeat black;
font-family: 'Open Sans', sans-serif;
color:white;
}

a {
color:#aa0809;
outline:none;
}

a img {
border:none;
}

a:hover {
color:white;
text-decoration:none;
}

@media (min-width: 600px) {


	#container {
	width:1000px;
	margin:0 auto;
	min-width:1100px;
	position:relative;
	}

	#headercontainer {
	width:100%;
	background:black;
	min-width:1100px;
	}

	#header {
	width:1000px;
	margin:0 auto;
	height:165px;
	background:black;
	position:relative;
	}

	#bodyc {
	width:1000px;
	margin:0 auto;
	padding:20px;
	}

	#left {
	float:left;
	width:530px;
	margin-right:20px;
	height:auto;
	}

	#right {
	float:left;
	width:450px;
	}

	#footercontainer {
	width:100%;
	background:black;
	height:200px;
	min-width:1100px;
	}

	#footer {
	width:1000px;
	margin:0 auto;
	padding-top:20px; 	
	position:relative;
	color:white;
	font-size:10pt;
	}

	#menu {
	position:absolute;
	top:55px;
	right:20px;
	}

	#menu ul {
	display:inline;
	}

	#menu ul li {
	display:inline;
	}

	#menu ul li a {
	display:inilne;
	padding:0px 10px;
	font-variant:small-caps;
	color:white;
	text-decoration:none;
	font-size:14pt;
	}

	#menu ul li a:hover {
	color:#aa0809;
	}

	#menu ul li a.current {
	color:#aa0809;
	}

	#menu ul li a.current:hover {
	color:white;
	}

	#footermenu {
	position:absolute;
	top:20px;
	left:0px;
	}

	#footermenu ul {
	display:inline;
	}

	#footermenu ul li {
	display:inline;
	}

	#footermenu ul li a {
	display:inilne;
	padding:0px 10px;
	font-variant:small-caps;
	color:white;
	text-decoration:none;
	font-size:10pt;
	}

	#footermenu ul li a:hover {
	color:#aa0809;
	}

	#footer a {
	color:white;
	text-decoration:none;
	}

	#footer a:hover{
	color:#aa0809;
	text-decoration:none;
	}

	.gallery a img {
	float:left;
	width:150px;
	height:150px;
	margin-right:10px;
	margin-bottom:10px;
	border:none;
	}

	.artists  {
	height:180px;
	width:150px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	text-align:center;
	}

	.artists a {

	color:white;
	font-weight:bold;
	text-decoration:none;
	}

	h1 {
	margin-bottom:20px;
	}

	label {
	display:block;
	margin:10px 0px 5px 0px;
	}

	input {
	padding:5px;
	font-size:12pt;
	font-family: 'Open Sans', sans-serif;
	}

	textarea {
	padding:5px;
	font-size:12pt;
	font-family: 'Open Sans', sans-serif;
	}

	p {
	margin-bottom:20px;
	}

	#social {
		float: right;
		width:500px;
		text-align: right;
	}
	#bbb {
		float:right; 
		width:75px;
	}
	#bbb img {
		float:right;
		width:50px;
		height: auto;
	}

	#yelp {
		margin-top:10px;
		float:right;
		width:100px;
	}

	#yelp img {
		float:right;
	}

	#menuitems {
		float:left; width:500px;
	}
	#video {
		width:425px;
		height:239px;
	}
	#artistlist {
		width:850px; margin:0 auto;
	}
}

/*Style 'show menu' label button and hide it by default*/
	.show-menu {
		text-decoration: none;
		color: #fff;
		background: #58585a;
		text-align: center;
		padding: 10px 0;
		display: none;
		width:100%;
		margin-bottom:1px;
	}

	/*Hide checkbox*/
	input[type=checkbox]{
	    display: none;
	    -webkit-appearance: none;
	}

	


@media screen and (max-width : 600px){
	/*Show menu when invisible checkbox is checked*/
	input[type=checkbox]:checked ~ ul.topmenu{
	    display: block;
	}
	input[type=checkbox]:not(:checked) ~ ul.topmenu{
	    display: none;
	}

	#container {
		width:100%;
	}

	#header {
		width:100%;
		margin-bottom:20px;
		background:black;
	}

	#logo {
		width:40%;
		margin-left:30%;
	}

	#footermenuitems {
		display:none;
	}

	#bbb {
		width:100%;
		text-align:center;
	}

	#social {
		text-align: center;
		margin-bottom: 20px;
	}

	#bbb img {
		margin-bottom: 10px;
		width:50px;
		height: auto;
	}

	#video {
		width:90%;
		padding:0% 5%;
	}

	#left {
		width:90%;
		margin-left:5%;
	}

	#footer {
		font-size:14px;
		width:90%;
		margin-left:5%;
		text-align:center;
	}

	#menuitems {
		margin-bottom:20px;
		width:100%;
		text-align:center;
	}

	h1 {
		font-size:16px;
		margin-bottom:20px;
		text-align:center;
	}

	p{
		font-size:14px;
		margin-bottom:20px;
	}


	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}

	li {
		display:block;
		float: left;
		text-align:center;
		width:100%;
		margin-bottom:1px;
	}

	li a {
		display:block;
		height: 27px;
		text-align: center;
		color:white;
		background:#5e5d5d;
		padding:6px 0px;
		text-decoration: none;
		position:relative;
		text-transform: uppercase;
	}

	/*Hover state for top level links*/
	li:hover a {
		background: #dd1014;
		color:white;
	}

	#artistlist {
		width:100%;

	}
	.artists {
		width:50%;
		margin-left:25%;
		text-align:center;
		margin-bottom:20px;
	}
	#spacer {
		display:none;
	}

	.gallery {
		width:100%;
		margin-left:5%;
	}

	.gallery a img {
		width:45%;
		float:left;
		margin-right:5%;
		margin-bottom:10px;
	}

	input {
		width:96%;
		padding:2%;
		margin-bottom:20px;
		font-family: 'Open Sans', sans-serif;
	}

	textarea {
		width:96%;
		padding:2%;
		margin-bottom:20px;
		font-family: 'Open Sans', sans-serif;
	}

	input[type=submit] {
		width:100%;
		font-family: 'Open Sans', sans-serif;
	}

	label {
		display:block;
		margin-bottom:10px;
		color:white;
	}

	#right {
		text-align: center;
	}
}