body {
		background:#CC99AD;
		background-image:url(/images/background-music.jpg);
		background-repeat:no-repeat;
		background-size:100%;
		font-family:Verdana, Geneva, sans-serif;
		font-size:16px;
		color:#000000;
		margin:0;
		padding:0;
	}
	#wrapper {
		max-width:1140px;
		height:auto;
		overflow:hidden;
		margin:0 auto;
		padding:20px 20px 0px 20px;
	}
	#container {
		width:100%;
		float:left;
		margin-right:-200px;
	}
	#content {
		
		
		background-color: rgba(204, 153, 173, 0.85);
		
		margin-right:270px;
		max-width:800px;
		padding:20px 20px 20px 20px;
		
	}
	#footer {
		background-color:#c06c84;
		margin-right:270px;
		max-width:800px;
		padding:20px 20px 20px 20px;
	}
	#sidebar {
		width:220px;
		float:right;
		background:#BFE9E8;
		background:#CC99AD;
		margin:0px 0px 0px 30px;
		padding:10px 10px 10px 10px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		text-align:left;
		font-size:16px;
		
	}
.sidebar-on {
	font-size:20px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	
	
}
	#show-desk {
		display:inline;
	}
	#show-mobile {
		display:none;
	}
	
	@media (max-width:600px) {
		body { background-image:none; }
		#wrapper {
			width:100%;
			padding:0px 0px 0px 0px;
		}
		#container {
		width:100%;
			margin:32px 0px 0px 0px;
			
		}
		#content, #sidebar {
		width:90%;
			margin: auto;
		}
		
		
		
		#sidebar {
			margin:15px 0px 0px 0px;
		}
		#show-desk {
			display:none;
		}
		#show-mobile {
			display:inline;
		}
		
		
	}
	h1 {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#94006b;
		font-size:5vw;
		text-align:left;
		margin:0px 0px 20px 0px;
	}
	h2 {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#94006b;
		font-size:2vw;
		text-align:left;
		margin:0px 0px 20px 0px;
	}
	.topnav-full a {
		color:#94006b;
		color:#ffffff;
		text-decoration:none;
		font-weight:bold;
		font-size:20px;
	}
	.topnav-full a:hover {
		color:#ffffff;
		color:#94006b;
	}
	.social-icon {
		width:40px;
		height:40px;
		margin:10px 2px 0px 2px;
	}
	.front-cover {
		width:388px;
		height:500px;
		margin:0px 0px 0px 0px;
	}
	.topnav {
		overflow:hidden;
		background:#c06c84;
	}
	.topnav a {
		float:left;
		display:block;
		color:#ffffff;
		text-align:left;
		padding:5px 18px 5px 12px;
		text-decoration:none;
		font-weight:bold;
		font-size:16px;
	}
	.topnav a:hover {
		color:#94006b;
		text-decoration:none;
		font-weight:bold;
	}
	.topnav .icon {
		display:none;
	}
	
	@media (max-width:600px) {
		.floater {
		position:fixed;
		top:0;
		width:100%;
	}
		
		.topnav a:not(:first-child) {
			display:none;
		}
		.topnav a.icon {
			float:right;
			display:block;
		}
		.topnav.responsive {
			position:relative;
		}
		.topnav.responsive a.icon {
			position:relative;
			right:0;
			top:0;
		}
		.topnav.responsive a {
			float:none;
			display:block;
			text-align:left;
		}
	}
	
	/* Individual album images */
	#album-box {
		display:inline-block;
		vertical-align:top;
		width:300px;
		font-size:12px;
		text-align:center;
		margin:10px 40px 10px 40px;
		background:#cc99ad;
		
	}
	#album-box-page {
		display:inline-block;
		vertical-align:top;
		width:300px;
		font-size:14px;
		text-align:center;
		margin:10px 10px 10px 40px;
		background:#cc99ad;
		
	}
	.album-small {
		float:center;
		width:260px;
		height:260px;
		margin:0px 0px 0px 0px;
	}
	.album-small-page {
		float:center;
		width:260px;
		height:260px;
		margin:0px 0px 0px 0px;
	}
	a.album:link, a.album:active, a.album:visited {
		color:#94006b;
		text-decoration:none;
		font-weight:bold;
		font-size:16px;
	}
	a.album:hover {
		color:#ffffff;
	}
	/* Individual album images - mobile*/
	@media (max-width:600px) {
		#album-box, #album-box-page {
			width:100%;
			margin:10px 0px 10px 0px;
		}
		.album-small {
			width:85%;
			height:85%;
		}
	}
	
	#image-box {
		
		
		display:inline-block;
		vertical-align:top;
		
		
		margin:10px 10px 10px 80px;
		padding:20px 20px 20px 20px;
		background:#cc99ad;
		
	}
	
	
	
	.track-menu{
		
		clear:both;
		width:15%;
		float:left;
	}
	#tracks-album {
		float:left;
	}
	#tracks-listings {
		
		display: block;
		width:270px;
		float:right;
		padding:0px 0px 0px 0px;
		margin:10px 40px 10px 10px;
		font-size:12px;
	}
	
	
	
	.menu-button {
		background:#c06c84;
			border: 0px solid;
			width:270px;
			padding:10px 10px 10px 10px;
			margin:2px 0px 2px 0px;
			text-align:left;
		text-decoration:none;
			color:#94006b;
			color:#ffffff;
		font-size:14px;
	}
	
	@media (max-width:600px) {
		.track-menu{
			width:100%;
			overflow: hidden;
			color:#94006b;
		}
		#tracks-listings {
			width:100%;
			float:left;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			
		}
		.menu-button {
			width:100%;
			
		}
	
	}


a.direct {
		color:#ffffff;
		text-decoration:none;
		font-weight:bold;
		
	}
	a.direct:hover {
		color:#94006b;
	}