@charset "UTF-8";
/* CSS Document */


/*STRUCTURE*/
body{
margin:0px 0px 0px 25px;
/*background:url(http://heavypet.us/images/tiles/1.png);*/
background-attachment:scroll;
background-position: 50% -25px;
background-repeat:no-repeat;
overflow-x:hidden;
font-size:10px;
color:#000000;
font-family:"Times New Roman", Times, serif;
}
#spacer{height:0px;}
th{background-color:#ffffff;}
#logo a:link {text-decoration:none;}
.hpet{
font-weight:bold;
font-style:italic;

color:#FFFFFF;
text-shadow:
		1px 1px 0 #dd0000,
		2px 2px 0 #fe6230,
		3px 3px 0 #fef600,
		4px 4px 0 #00bc00,
		5px 5px 0 #009bfe,
		6px 6px 0 #000083,
		7px 7px 0 #30009b;
		text-decoration:none;
		font-size:40px;

}
#hp a{
font-weight:bold;
font-style:italic;

}
#hp a:hover{
color:#FFFFFF;
background-color:#000000;


}
#logo{



text-align:center;


}

a:link{
color:#000000;
text-decoration:underline;
text-transform:uppercase;


}
a:visited{
color:#000000;
text-decoration:underline;





}
a:hover {
color:#000000;
text-decoration:none;
text-shadow:
		1px 1px 0 #dd0000,
		2px 2px 0 #fe6230,
		3px 3px 0 #fef600,
		4px 4px 0 #00bc00,
		5px 5px 0 #009bfe,
		6px 6px 0 #000083,
		7px 7px 0 #30009b;



}
a:active {color:#000000;
text-decoration:none;

}  
framewrap{




}
#pageframe{


}
#pageframetwo{
width:100%;
min-width:1550px;
height:900px;
margin:0px auto 0px auto;

}

#twoleft{
width:100px;
height:900px;
background-image:url(../images/twolines.png);
float:left;
margin-left:60px;
}
#tworight{
width:796px;
height:900px;
background-color:#FFFFFF;
float:left;
margin-left:5px;
margin-right:45px;
}
#tworightright{
width:500px;
height:900px;
background-image:url(../images/twolines2.png);
float:left;
margin-left:5px;
}

#threeleft{
width:150px;
height:900px;
background-image:url(../images/threelines.png);
float:left;
margin-left:32px;
}
#threemid{
width:650px;
height:782px;
background-color:#FFFFFF;
float:left;
margin-top:118px;
margin-right:10px;
margin-left:0px;

}

#threeright{
width:150px;
height:900px;
background-image:url(../images/threelines2.png);
float:left;
}
#threerightright{
width:500px;
height:900px;
background-color:#ffffff;
float:left;
margin-left:19px;
}

#info{
width:400px;
height:100%;
min-height:900px;
background-color:#FFFFFF;
text-align:center;
padding-top:15px;
padding-left:10px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
margin:50px auto 0px auto;

}
#inforight{
width:500px;
height:900px;
background-image:url(../images/infoline.png);
float:left;
}
#inforightright{
width:500px;
height:900px;
background-image:url(../images/infoline2.png);
float:left;
}

.titles{
	width:auto;
	background-color:#000000;
	color:#FFFFFF;
	font-family:'Gil Sans',Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
	text-transform:uppercase;
	

}
#feed{
margin:0;
width:796px;
height:750px;
overflow-y:auto;
overflow-x:hidden;
}
#sound{
width:650px;
height:600px;
overflow:auto;
margin:0px auto 0px auto;


}
#nav {




}
#fixedbox a{
color:#ffffff;
margin:0px 0px 0px 0px;
font-size:	30px;
text-decoration:none;
text-shadow:
	2px 2px 0 #cccccc;




}
#fixedbox a:hover{
margin:0px 0px 0px 0px;
/*text-shadow: -2px 0 white, 0 2px white,
      2px 0 white, 0 -2px white;*/
	  color:#ffffff;
	  text-shadow:
		1px 1px 0 #dd0000,
		2px 2px 0 #fe6230,
		3px 3px 0 #fef600,
		4px 4px 0 #00bc00,
		5px 5px 0 #009bfe,
		6px 6px 0 #000083,
		7px 7px 0 #30009b;
}
#nav .current{
color:#000000;
margin:0px 0px 0px 0px;


}

#fixedbox a:visited{
margin:0px 0px 0px 0px;


}
  div#fixedbox
    {
	width:920px;
	margin:0px auto 0px auto;
	padding-left:25px;
/*left: 50%;
margin-left: -238px;*/
	font-family:Times, Helvetica Neue, Arial, san-serif;
	font-weight:200;
	font-size:20px;
	z-index:0;
	}



	
	
  /*div#afix
    {
	margin-top:5px;
    width: 200px;
	height:40px;
    position: fixed;
    left: 10px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
    color:#000;
}*/
@media screen
  {
  body>div#fixedbox,div#afix
    {
    /* position:fixed;*/
    }




<!-- STYLES-->

.header {

font-size:100px;
font-family:Helvetica,Geneva, Arial,  sans-serif;
font-weight:bold;
color:#FCF0F9;
text-align:center;
}

#nav ul {
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}
#nav li{ 
display: inline;
list-style-type: none;
padding-right: 10px;
background-color:#FFFFFF;
}

#nav li:hover > ul {
    display:block;
}



#artistmenu {
	position: absolute;
	z-index: 100;
	width: 310px;
	padding: 10px;
	padding-top: 30px;
	top: 40px;
	left: 400px;
	
	top: -500px;
	opacity: 0;
	-webkit-transition: 0.5s ease-in-out;
}

#artistmenu.active {
	opacity: 1;
	top: 0px;
}

#artistmenu a {
	padding: 0px 2px;
}

#artistmenu a:hover{
	border: none;
	background: white;
}

#artists{
display:none;
position:absolute;
top:40px;
left:110px;


}
#artists a {font-size:20px;}