/** SPLASH **/

#background-vid {
	background: url(img/website-background.gif) no-repeat center center fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    top:0;
    left:0;
}

#enter {
	width: 157px;
	height: 78px;
	font-size: 60px;
	background: url(img/jjj.png);
	background-blend-mode: multiply;
	cursor:pointer;
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-76px;
	margin-top:-160px;
}

#enter:hover {
	background: url(img/enter.png);
}

/** END SPLASH **/

a:visited {
	
color:#000;	
}

/** HOME **/

#background-vid-home {
	background: url(img/website-background.gif) no-repeat center center fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    top:0;
    left:0;
    background-blend-mode: multiply;
}

#radio{
background: url(img/radio.png);
position:absolute;
top:10%;
left:80%;	
width:105px;
height:101px;
	
}

#radiobox {
	position: absolute;
	top:10%;
    width:105px;
    height:101px;
	left:80%;
	
}


#fact{
	background: url(img/fact.png);	
	width:40px;
	height:16px;
}

#fact:hover {
	background: url(img/factbold.png);	
	width:45px;
	height:16px;
	background-repeat:no-repeat;

}

#bcr{
	background: url(img/bcr.png);	
	width:40px;
	height:16px;
	margin-top:15px;
}

#bcr:hover {
	background: url(img/bcrbold.png);	
	width:40px;
	height:16px;
	margin-top:15px;
	background-repeat:no-repeat;
}

#insanetheories{
	background: url(img/insanetheories.png);	
	width:180px;
	height:16px;
	margin-top:15px;
}

#insanetheories:hover {
	background: url(img/insanetheoriesbold.png);	
	width:180px;
	height:16px;
	background-repeat:no-repeat;
}

#mixestitle {
	background: url(img/mixestitle.png);	
	width:91x;
	height:30px;
	background-repeat:no-repeat;
}




#socials {
	background: url(img/flower.png);
	background-repeat:no-repeat;
	width:100px;
	height:75px;
	position: absolute;
	left:50%;
	margin-left:110px;
	top:50%;
	margin-top:150px;
	background-blend-mode: multiply;

}

#socials:hover {
	background: url(img/sound.png);
	background-repeat: no-repeat;
	width:162px;
	height:31px;
}

#socialbox {
	position: absolute;
	left:50%;
	margin-left:80px;
	top:50%;
	margin-top:140px;	
}

#facebook {
	background: url(img/facebook.png);	
	width:162px;
	height:31px;
}

#facebook:hover {
	background: url(img/facebook-bold.png);	
	width:162px;
	height:31px;
	margin-left:4px;
}

#twitter {
	background: url(img/twitter.png);
	width:162px;
	height:31px;
}

#twitter:hover {
	background: url(img/twitter-bold.png);
	width:162px;
	height:31px;
	margin-left:4px;
}

#instagram {
	background: url(img/instagram.png);
	width:162px;
	height:31px;
}

#instagram:hover {
	background: url(img/instagram-bold.png);
	width:162px;
	height:31px;
}

#videos {
	background: url(img/mask.png);
	background-repeat:no-repeat;
	width:114px;
	height:58px;
	top:35%;
	
	left:77%;
	
	position:absolute;
	background-blend-mode: multiply;

}

#videos:hover {
	background: url(img/videos.png);
	background-repeat: no-repeat;
}

#luv-me-too {
	background: url(img/yesheart.png);
	background-repeat:no-repeat;
	width:200px;
	height:59px;
	top:10%;
	
	left:57%;
	margin-left:60px;
	position:absolute;
	background-blend-mode: multiply;

}

#luv-me-too:hover {
	background: url(img/sound.png);
	background-repeat: no-repeat;
}

#live {
	background: url(img/star.png);
	background-repeat:no-repeat;
	width:67px;
	height:64px;
	top:15%;

	left:12%;

	position:absolute;
	background-blend-mode: multiply;
}

#live:hover {
	background: url(img/live.png);
	background-repeat: no-repeat;
}

#rum-ep {
	background: url(img/snail.png);
	background-repeat:no-repeat;
	width:132px;
	height:59px;
	bottom:26%;

	left:12%;
	
	position:absolute;
	background-blend-mode: multiply;

}

#rum-ep:hover {
	background: url(img/rumep.png);
	background-repeat: no-repeat;
}

#home {
  background: url(img/home.png);
  width: 54px;
  height: 222px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background-blend-mode: multiply;
}

#seth-logo {
	position: absolute;
	left:56%;
	margin-left:-355px;
	top:100px;
}

#seth-logo.invisible {
	display: none;
}

#seth-text {
	position: absolute;
	left:56%;
	margin-left:-355px;
	top:100px;
	display: none;
	background: url(img/sethlp-text.png);
	background-repeat: no-repeat;
	width:339px;
	height:206px;
}


#seth-text.visible {
	display: block;
}



/*
#radio-text {
	position:absolute;
top:10%;
left:80%;	
width:105px;
height:101px;
	display: none;
	background: url(img/radio-text.png);
	background-repeat: no-repeat;
	
}
*/


#jamesk-logo {
	position: absolute;
	top:35%;
	left:56%;
	
}

#jamesk-logo-text{
		position: absolute;
	top:33%;
	left:57%;
	display: none;
	background: url(img/sokit-text.png);
	width:150px;
	height:105px;
	
}




#sherocks {
	position: absolute;
	bottom:23%;
	left:38%;
	
}

#sherocks.invisible {
	display: none;
}

#sherocks-text {
	position: absolute;
	
	left:38%;
	bottom:23%;
	display: none;
	background: url(img/sherocks-text.png);
	width:198px;
	height:183px;
}

#sherocks-text.visible {
	display: block;
}


#PET-album {
position:absolute;
top:43%;
left:24%;
width:230px;
height:58px;	
}


#PET-album-text{
position:absolute;
top:45%;
left:22%;
width:294px;
height:58px;

display:none;
	background: url(img/pettext.png);
	background-repeat: no-repeat;
	
}





#sokit7{
	position: absolute;
	top:55%;
	left:78%;
	width:136px;
	height:130px;

	
}

#sokit-text{
	position: absolute;
	top:56%;
	left:78%;
	width:120px;
	height:120px;
display:none;
	background: url(img/presstext.png);
	background-repeat: no-repeat;
	
}






@media only screen and (max-width : 320px) {
	#socials {
		margin-left:-121px;
		margin-top:-300px;
		display: none;
	}
	#rum-ep {
		background: url(img/rumep.png);
		margin-left:-66px;
		margin-top:-140px;
	}
	#live {
		background: url(img/live.png);
		margin-left:-34px;
		margin-top:-30px;
	}
	#luv-me-too {
		background: url(img/sound.png);
		margin-left: -56px;
		margin-top: -100px;
		width: 112px;
	}
	#videos {
		background: url(img/videos.png);
		margin-left:-57px;
		margin-top:-60px;
	}
	#facebook {
		background: url(img/facebook.png);	
		margin-left:-57px;
		margin-top:-60px;
	}
	#twitter {
		background: url(img/twitter.png);
		margin-left:-72px;
		margin-top:-60px;
	}
	#instagram {
		background: url(img/instagram.png);
		margin-left:-51px;
		margin-top:-60px;
	}
	#socialbox {
		display: block !important;
		position: absolute;
		left: 50%;
		margin-left: -31px;
		top: 50%;
		margin-top: 143px
	}
}


/** END HOME **/