@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,600');

#iMenu {
	width:100%;
	height:100%;
	position:fixed;
	background-color:rgba(0,0,0,0.9);
	top:0px;
	z-index:100;
	text-align:center;
	display:none;
}

@media screen and (min-width:900px) {
	html, body 	{ margin: 0; padding: 0; width: 100%; height: 100%; font-family: 'Oswald', sans-serif; color:#fff; }
	#start 		{ margin: 0; padding: 0; width: 100%; height: 100%; position: relative; background: url(../i/tempBackStreet.jpg); background-position: center top; background-size: cover; }
	#topNavi 	{ position: fixed; width:100%; top:0px; right:0px; margin:0px; padding:15px; background-color:rgba(0,0,0,0.5); z-index: 2; display:block; }
	#mainLogo 	{ margin-top:110px; width:100%; }
	#btnMenu 	{ display:none; }
	#music 		{ margin: 0; padding: 0; width: 100%; background-color:#fff; background-size: cover; }
	#music001	{ width:100%; margin-top:100px; border-bottom:0px dotted #818181; }
	#music002	{ width:960px; min-width:280px; text-align:center; }
	#music003	{ max-width:388px; min-width:280px; float:left; }
	#music004	{ float:right; }
	#onstage 	{ margin: 0; padding: 0; width: 100%; background-color:#fff; background-size: cover; }
	#onstage002	{ width:960px; min-width:280px; text-align:center; }
	#about 		{ margin: 0; padding: 0; width: 100%; height: 100%; background: url(../i/ColourWoodAboutBack.jpg); background-position: center top; background-size: cover; }
	#about002	{ width:960px; min-width:280px; padding-bottom:40px; text-align:center; }
	#contact 	{ margin: 0; padding: 0; width: 100%; height: 100%; background-color:#fff; background-size: cover; }
	#contact002	{ width:960px; min-width:280px; padding-bottom:40px; text-align:center; }
	
}

@media screen and (max-width:900px) {
	html, body 	{ margin: 0; padding: 0; width: 100%; height: 100%; font-family: 'Oswald', sans-serif; color:#fff; }
	#start 		{ margin: 0; padding: 0; width: 100%; height: 100%; position:relative; background: url(../i/tempBackStreet.jpg); background-position: center top; background-size: cover; }
	#topNavi 	{ position: fixed; width:100%; top:0px; right:0px; margin:0px; padding:15px; background-color:rgba(0,0,0,0.5); z-index: 2; display:block; }
	#mainLogo 	{ margin-top:110px; width:100%; }
	#btnMenu 	{ display:none; }
	#music 		{ margin: 0; padding: 0; width: 100%; background-color:#fff; background-size: cover; }	
	#music001	{ width:100%; margin-top:100px; border-bottom:0px dotted #818181; }
	#music002	{ width:960px; min-width:280px; text-align:center; }
	#music003	{ max-width:388px; min-width:280px; float:left; }
	#music004	{ float:right; }
	#onstage 	{ margin: 0; padding: 0; width: 100%; background-color:#fff; background-size: cover; }
	#onstage002	{ width:960px; min-width:280px; text-align:center; }
	#about 		{ margin: 0; padding: 0; width: 100%; height: 100%; background: url(../i/ColourWoodAboutBack.jpg); background-position: center top; background-size: cover; }
	#about002	{ width:960px; min-width:280px; padding-bottom:40px; text-align:center; }
	#contact 	{ margin: 0; padding: 0; width: 100%; height: 100%; background-color:#fff; background-size: cover; }
	#contact002	{ width:960px; min-width:280px; padding-bottom:40px; text-align:center; }
	
}

@media screen and (max-width:750px) {
	html, body 	{ margin: 0; padding: 0; width: 100%; height: 100%; font-family: 'Oswald', sans-serif; color:#fff; }
	#start 		{ margin: 0; padding: 0; width:100%; height: 100%; position: relative; background: url(../i/tempBackStreet.jpg); background-position: center top; background-size: cover; }
	#topNavi 	{ position: fixed; width:100%; top:0px; right:0px; margin:0px; padding:15px; background-color:rgba(0,0,0,0.5); z-index: 2; display:none; }
	#mainLogo 	{ margin-top:80px; width:100%; }
	#btnMenu 	{ display:block; }
	#music 		{ margin-top: 40px; padding: 0; width: 100%; background-color:#fff; background-size: cover; }	
	#music001	{ width:100%; margin-top:30px; border-bottom:0px dotted #818181; }
	#music002	{ width:388px; min-width:280px; text-align:center; }
	#music003	{ max-width:388px; min-width:280px; float:none; }
	#music004	{ float:none; }
	#onstage 	{ margin: 0; padding: 0; width: 100%; background-color:#fff; background-size: cover; }
	#onstage002	{ width:388px; min-width:280px; text-align:center; }
	#about 		{ margin: 0; padding: 0; width: 100%; height: 100%; background: url(../i/ColourWoodAboutBack.jpg); background-position: center top; background-size: cover; }
	#about002	{ width:388px; min-width:280px; padding-bottom:40px; text-align:center; }
	#contact 	{ margin: 0; padding: 0; width: 100%; height: 100%; background-color:#fff; background-size: cover; }
	#contact002	{ width:388px; min-width:280px; padding-bottom:40px; text-align:center; }
	
}


p {}
td {}

a:link, a:visited, a:active { color:#1597dc; font-weight:400; text-decoration:underline; }
a:hover { color:#497497; font-weight:400; text-decoration:underline;  }

a.thin:link, a.thin:visited, a.thin:active { color:#1597dc; font-weight:300; text-decoration:none; }
a.thin:hover { color:#497497; font-weight:300; text-decoration:underline;  }

a.none:link, a.none:visited, a.none:active, a.none:hover { color:#fff; text-decoration:none; }

a.topNavi:link, a.topNavi:visited, a.topNavi:active {
	font-size:18px; font-weight:normal; color:#fff; 
	text-decoration:none; 
	height:50px; line-height:50px; padding:0 25px 0 25px; 
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	float:right 
}
a.topNavi:hover {
	font-size:18px; font-weight:normal; color:#000; 
	text-decoration:none; 
	height:50px; line-height:50px; padding:0 25px; 
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.0);
	float:right 
}

a.menuBtn:link, a.menuBtn:visited, a.menuBtn:active { 
	background-color:rgba(0,0,0,0.0); 
	text-decoration:none; 
	border-radius:5px;
	height:45px; width:45px; line-height:45px; 
	background-image: url(../i/menuIcon.png); 
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
	display:block;
}
a.menuBtn:hover { 
	background-color:rgba(0,0,0,0.3); 
	text-decoration:none; 
	border-radius:5px;
	height:45px; width:45px; line-height:45px;
	background-image: url(../i/menuIcon.png); 
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
	display:block;
}

a.buyBtn:link, a.buyBtn:visited, a.buyBtn:active { 
	background-color:#818181; 
	text-decoration:none;  text-indent:20px; text-align:left;
	font-size:15px; color:#fff;
	height:40px; width:40px; line-height:40px; 
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
	display:block;
	max-width:388px;
}
a.buyBtn:hover { 
	background-color:#497497; 
	text-decoration:none;  text-indent:20px; text-align:left
	font-size:15px; color:#fff;
	height:40px; width:40px; line-height:40px; 
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
	display:block;	
	max-width:388px;	
}

a.iMenuBtn:link, a.iMenuBtn:visited, a.iMenuBtn:active { 
	background-color:#818181; 
	text-decoration:none;  text-align:center;
	font-size:18px; color:#fff;
	height:40px; line-height:40px; 
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
	display:block;
	max-width:600px;
	margin-top:2px;
}
a.iMenuBtn:hover { 
	background-color:#497497; 
	text-decoration:none;  text-align:center;
	font-size:18px; color:#fff;
	height:40px; line-height:40px; 
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
	display:block;
	max-width:600px;
	margin-top:2px;
}

a.iconFB:link, a.iconFB:visited, a.iconFB:active {
	text-decoration:none; 
	height:26px; width:26px; margin:12px 25px 0 25px; 
	background-image: url(../i/iconFacebook26w.png); 
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	float:right 
}
a.iconFB:hover {
	text-decoration:none; 
	height:26px; width:26px; margin:12px 25px 0 25px;
	background-image: url(../i/iconFacebook26b.png); 
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	float:right 
}

.audioList {
	font-weight:300; color:#000; font-size:18px; height:40px; line-height:40px; border-top:1px dotted #818181; text-align:left
}

.dateBlock {
	width:80px; height:100px;
	background-color:#000;
	color:#fff;
	display:block;
}

.dateMonth { font-size:16px; font-weight:300; width:80px; height:30px; text-align:center; padding-top:5px }
.dateDay { font-size:36px; line-height:36px; font-weight:600; width:80px; height:30px; text-align:center }
.dateYear { font-size:14px; font-weight:300; width:80px; text-align:center; padding-top:10px }