* {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}


body {
	width:100%;
	padding:0% 10%;
	font-family: 'Montserrat', sans-serif;
	background-color:#333333;
}

p {
	color:#fff;
	margin:15px 0px;
}

h1 {
	color:#F2EBE3;
}

.container {
	width:100%;
}


.header {
	width:30%;
	margin:0 auto;
}

.header img {
	border:none;
	outline:none;
	width:100%;
}


.nav {
	text-align:center;
	font-size:1.5em;
	font-weight:bolder;
}

.nav a {
	text-decoration:none;
	color:#fff;
	padding:0px 10px;
}

.nav a:hover {
	color:#00B2EE;
}

.activepage a {
	color:#00B2EE;
}

.nav ul {
	list-style-type:none;
}

.nav ul li {
	display:inline-block;
}



.snippet p {
	font-family: 'Indie Flower', cursive;
	color:#333333;
	background-color:#F2EBE3;
	font-size:2.5em;
	font-weight:bolder;
	-webkit-transform:rotate(-0.9deg);
	        transform:rotate(-0.9deg);
	padding-left:20px;
}

.maincontent {
	width:100%;
}


.maincontent span {
	font-size:4em;
}


.albumspread {
	position:relative;
	width:100%;
	margin-bottom:-10px;
}


.albumspread img {
	width:100%;
}

#albumfloat {
	position:absolute;
	top:25%;
	right:30px;
	width:40%;
	box-shadow:-0px 0px 10px 5px rgba(250,240,180,0.3);
	-webkit-transform:rotate(-2deg);
	        transform:rotate(-2deg);
	-webkit-transition:0.5s ease all;
	transition:0.5s ease all;
}

#albumfloat:hover {
	box-shadow:-0px 0px 20px 10px rgba(250,240,180,0.3);
	-webkit-transform:rotate(358deg);
	        transform:rotate(358deg);
}

.homepagetext {
	padding:20px;
	margin:30px 0px 20px 0px;
	background-color:#FF6700;
}

.homepagetext h1, p {
	color:#000;
}

.homepagetext a {
	color:#ffffff;
}

.homepagetext a:hover {
	color:#ffff00;
}


.biotext {
	padding:20px;
	margin:30px 0px 20px 0px;
	background-color:#1F801F;
}

.biotext p {
	color:#fff;
	padding-bottom:10px;
	margin:0;
}

.biotext h1 {
	color:#000000;
}

.biotext a {
	color:#fff;
}

.biotext a:hover {
	color:#fcfc4b;
}




.diarytext {
	padding:20px;
	margin:30px 0px 20px 0px;
	background-color:#c20000;
}

.diarytext p {
	color:#ffffff;
	border-bottom:2px dashed #000;
	padding:15px;
}

.diarytext h1 {
	color:#000000;
}

.diarytext a {
	color:#000;
	font-weight:bolder;
}

.diarytext a:hover {
	color:#FFFF00;
}



.photostext {
	padding:20px;
	margin:30px 0px 20px 0px;
	background-color:#009ACD;
}

.photostext p {
	color:#ffffff;
}

.photostext h1 {
	color:#000;
}

.photostext a {
	color:#000;
	font-weight:bolder;
}

.photostext a:hover {
	color:#ffff00;
}

.photostext iframe {
	width:100%;
	height:70vh;
}


.videostext {
	color:#fff;
	padding:20px;
	margin:30px 0px 20px 0px;
	background-color:#365e8d;
}

.videostext p {
	color:#fff;
}

.videostext iframe {
	margin:10px;
	border:2px solid #fff;
}


.presstext {
	color:#000;
	padding:20px;
	margin:30px 0px 20px 0px;
	background-color:#fcfc4b;
}

.presstext h1 {
	color:#000;
}

.presstext a {
	font-weight:bolder;
	color:#0000FF;
}

.presstext a:hover {
	color:#ff0000;
}

.presstext iframe {
	width:100%;
	height:70vh;
}


.shoptext {
	padding:20px;
	margin:30px 0px 20px 0px;
	background-color:#888888;
}

.shoptext h1, p {
	color:#000;
}


.linkstext {
	color:#ffffff;
	padding:20px;
	margin:30px 0px 20px 0px;
	background-color:#7a2685;
}

.linkstext p, h1{
	color:#fff;
}

.linkstext a {
	color:#FFFF00;
}

.linkstext a:hover {
	color:#ff0000;
}




.contacttext {
	padding:20px;
	margin:30px 0px 20px 0px;
	background-color:#FF6700;
}

.contacttext h1, p {
	color:#000;
}

.contacttext a {
	color:#ffffff;
}

.contacttext a:hover {
	color:#FFFF00;
}



.sixofonetext {
	padding:20px;
	margin:30px 0px 20px 0px;
	background-color:#009ACD;
}

.sixofonetext h1 {
	color:#000;
}

.sixofonetext a {
	text-decoration:none;
	font-weight:bolder;
	color:#ffffff;
}

.sixofonetext a:hover {
	color:#ffff00;
}


.lyricsbox {
	font-size:0.8em;
	padding:20px;
	margin:30px 0px 20px 0px;
	background-color:#bbbbbb;
}


.reviewsbox {
	padding:20px;
	margin:30px 0px 20px 0px;
	background-color:#F2EBE3;
}

.reviewsbox a {
	font-weight:bolder;
	text-decoration:none;
	color:#0000ff;
}

.reviewsbox a:hover {
	color:#ff0000;
}


.homepagetext .fancylink {
	display:block;
	color:#333333;
	font-weight:bolder;
	font-size:1.5em;
	text-decoration:none;
	background-color:#F2EBE3;
	margin-top:10px;
	padding:10px;
	-webkit-transform:rotate(-0.3deg);
	        transform:rotate(-0.3deg);
}


.homepagetext .fancylink:hover {
	color:#F2EBE3;
	background-color:#333333;
}








.footer {
	position:relative;
	padding:20px;
	background-color:#151515;
	width:100%;
}

.footer p {
	color:#ffffff;
}

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

.footer a:hover {
	color:#00B2EE;
}




.backtotop {
	-webkit-transform:rotate(2deg);
	        transform:rotate(2deg);
	position:fixed;
	bottom:15px;
	right:5px;
}

.backtotop a {
	color:#000;
	font-weight:bolder;
	padding:10px;
	text-decoration:none;
	background-color:#F2EBE3;
	box-shadow:-3px -3px 3px rgba(0,0,0,0.5);
}

.backtotop a:hover {
	color:#fff;
	background-color:#00B2EE;
}




@media all and (max-width:768px) {


body {
	padding:0% 5%;
}

.header {
	width:80%;
}

.nav {
	font-size:1.7em;
}





}