body{
margin:0;
font-family: 'Open Sans', sans-serif;
}

.header{
padding:15px; 
padding-left:15px;
font-family: 'Lobster', cursive; color:#000; 
font-size:22pt; 
margin-bottom:15px;

}

.haveAListenGreen{
background-color:#cbd643;

}

.haveAListenBeige{
background-color:#B1A25E;

}

.haveAListenBlue{
background-color:#98A8BC;

}

.haveAListenYellow{
background-color:#F9C83A;

}

.haveAListenRed{
background-color:#7eb771;

}


.iPad1{
background-color:#cbd643;	
}

.iPad3{
background-color:#B1A25E;	
}

.iPad4{
background-color:#98A8BC;	
}

.iPad5{
background-color:#F9C83A;	
}

.iPad6{
background-color:#7eb771;	
}







.tapText{
	
	color:#000;
	font-family: 'Lobster', cursive;
	text-decoration:none;
	font-size:24px;
}

.tapText a{
	
	color:#000;
	text-decoration:none;
}

.haveAListenContainer{
text-align:center;	
margin-top:50px;
}

.haveAListenHeader{
font-family: 'Lobster', cursive;
font-size:35pt;

color:#000;
}
.haveAListenSubHeader{
font-family: 'Lobster', cursive;
text-shadow: 2px 2px 2px rgba(94, 94, 94, 0.8);
font-size:50pt;
color:#fff;
margin-top:12px;
}

.haveAListenSubHeaderSpecial{
font-size:50pt;
color:#000;
margin-top:12px;
}


.headerRightTitle{
	
	float:right;
	font-family: 'Open Sans', sans-serif;
}

.photoGroup{
	 -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
	margin-left:25px;
	margin-bottom:25px;
	padding-top:15px;
		padding-left:15px;
			padding-right:15px;
	float:left;
	text-align:center;
	
  border:1px solid #e0e0e0;
  -webkit-box-shadow: 6px 6px 8px -4px rgba(107,107,107,1);
-moz-box-shadow: 6px 6px 8px -4px rgba(107,107,107,1);
box-shadow: 6px 6px 8px -4px rgba(107,107,107,1);
}

.marginLeft{
	margin-left:75px!important;
	margin-top:50px!important;
}


.photoGroup2{
	width:200px;
	background-color:#fff;
	margin-right:25px;
	margin-left:15px;
	margin-bottom:25px;
	padding-top:15px;
	padding-left:15px;
	border-radius:5px; 
	float:left;
	
  border:1px solid #e0e0e0;
  -webkit-box-shadow: 6px 6px 8px -4px rgba(107,107,107,1);
-moz-box-shadow: 6px 6px 8px -4px rgba(107,107,107,1);
box-shadow: 6px 6px 8px -4px rgba(107,107,107,1);
}

.artistName{
font-size:16px;	

text-align:center;
padding-bottom:5px;
font-weight:bold;
font-family: 'Open Sans', sans-serif;
}

.artistContainer .photoGroup:nth-child(even){
	
 -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
}

.artistContainer .photoGroup:nth-child(3n){
	
	 -webkit-transform: none;
  -moz-transform: none;
  position: relative;
  top: -5px;
}

.artistContainer .photoGroup:nth-child(5n){
	
	 -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  position: relative;
  right: 5px;
}

.artistContainer .photoGroup:nth-child(8n){
	
	  position: relative;
  top: 8px;
  right: 5px;
}

.artistContainer .photoGroup:nth-child(11n){
	
position: relative;
  top: 3px;
  left: -5px;
}

.artistPhoto img{
	padding-bottom:10px;
}

.artistBio{
	width:185px;
	padding-bottom:10px;

}

.artistContainer{
	
	width:100%;
}

.smallPhoto{
	display:inline-block;margin-right:10px;
; 
}


.songHeader{
font-size:22px;
font-weight:bold;	
margin-top:8px;
margin-bottom:18px;
display:inline-block;
padding-left:5px;
}

.song{
	
border:1px solid #CCC;
padding:15px;
margin:5px;
margin-bottom:15px;
border-radius:5px; 
}

.songList{
float:left;
width:750px;
}


.songDescription{
color:#999;
}

.songTitle{
display:inline-block;
vertical-align:top;
font-size:16px;
padding-bottom:8px;


}

.audioControl{
display:inline-block;
padding-right:8px;
}

.artistPhoto img{
	padding-bottom:10px;
}

.artistBio{
	width:185px;
	padding-bottom:10px;

}

.artistContainer{
	
	width:990px;
}

.sourceLine{
	margin-bottom:20px;
	margin-top:20px;

}

.otherNotes{
	font-size:18px;

	margin-left:6px;
	margin-bottom:20px;
	margin-top:20px;

}


.btnReturn {
  text-align:center;
  display:inline-block;
  width:705px;
  -webkit-border-radius: 14;
  -moz-border-radius: 14;
  border-radius: 14px;
  font-family: Arial;
  color: #ffffff;
  font-size: 17px;
  background: #a5a5a5;
  padding: 10px 20px 10px 20px;
  margin-bottom:20px;
  text-decoration: none;
}
