body {
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
	font-family: Helvetica, arial, san-serif;
	font-size: 72px;
	color: #333333;
	min-width: 
	
}



#bgimg {
	position:absolute;
	z-index: -1;
}

#container{
	position:absolute;
	z-index: 5;				/* Place the new body above the background image */
	overflow: auto; 			/* restore scrollbars for the content */
	height:100%;width:100%;	/* Make the new body fill the screen */
	background: url('../img/raster.png'); /* this is just a fancy raster, you can remove it; I kinda like it though */
    min-width: 960px;
    
  
}


#homelink
{
  width: 255px;
  height: 75px;
  background: url("../img/home.png");
  float: right;
  margin-right: 0px;
  margin-top: 10px;

 }
 
 #homelink:hover
{ 
  background: url("../img/homehover.png");
}

 #homelink:active
{ 
  background: url("../img/homehover.png");
}

#music
{
  width: 278px;
  height: 75px;
  background: url("../img/music.png");
  float: right;
  margin-right:-255px;
  margin-top: 85px;
 }
 
 #music p
{

font-size: 14px;
background: url("../img/whitebg.png") repeat;
margin-top: -10px;

padding: 4px;
padding-left: 10px;
}
 #music:hover
{ 
  background: url("../img/musichover.png");
}

 #music:active
{ 
  background: url("../img/musichover.png");
}

#photos
{
  width: 318px;
  height: 75px;
  background: url("../img/photos.png");
  float: right;
  margin-right:-275px;
  margin-top: 160px;
 }
 
 #photos:hover
{ 
  background: url("../img/photoshover.png");
}

 #photos:active
{ 
  background: url("../img/photoshover.png");
}

#about
{
  width: 262px;
  height: 75px;
  background: url("../img/about.png");
  float: right;
  margin-right:-315px;
  margin-top: 235px;
 }
 
 #about:hover
{ 
  background: url("../img/abouthover.png");
}

 #about:active
{ 
  background: url("../img/abouthover.png");
}

#contact
{
  width: 335px;
  height: 75px;
  background: url("../img/contact.png");
  float: right;
  margin-right:-315px;
  margin-top: 310px;
 }
 
 #contact:hover
{ 
  background: url("../img/contacthover.png");
}

 #contact:active
{ 
  background: url("../img/contacthover.png");
}

#facebook
{
  width: 150px;
  height: 25px;
  background: url("../img/fbicon.png");
  float: right;
  margin-right:-330px;
  margin-top: 395px;
 }
 
 #facebook:hover
{ 
  background: url("../img/fbiconhover.png");
}

#twitter
{
  width: 103px;
  height: 25px;
  background: url("../img/ticon.png");
  float: right;
  margin-right:-330px;
  margin-top: 430px;
 }
 
 #twitter:hover
{ 
  background: url("../img/ticonhover.png");
}

#myspace
{
  width: 145px;
  height: 27px;
  background: url("../img/msicon.png");
  float: right;
  margin-right:-330px;
  margin-top: 468px;
 }
 
 #myspace:hover
{ 
  background: url("../img/msiconhover.png");
}

#copyright
{
  
  float: right;
  margin-right:-322px;
  margin-top: 600px;
  color: white;
  font-family: Helvetica;
  font-size: 10px;
  text-align: right;
  line-height: 2px;
 }
 




#newshome
{

float: left;
width: 250px;
height: 200px;
margin-left: 20px;
margin-top: 10px;
}

#newshome h1
{

font-size: 20px;
margin-top: 10px;
background: url("../img/whitebg.png") repeat;
padding: 10px;
}

#newshome h2
{
font-size: 16px;
margin-top: 20px;
background: url("../img/whitebg.png") repeat;
padding: 4px;
padding-left: 10px;

}

#newshome p
{

font-size: 14px;
background: url("../img/whitebg.png") repeat;
margin-top: -10px;

padding: 4px;
padding-left: 10px;
}

#newshome a
{
color: #36f;
}

#newshome a:hover
{

color: #96f;
}


#abouthome
{

float: left;
width: 400px;
height: 200px;
margin-left: 20px;
margin-top: 10px;
}

#abouthome h1
{

font-size: 20px;
margin-top: 10px;
background: url("../img/whitebg.png") repeat;
padding: 10px;
}

#abouthome h2
{
font-size: 16px;
margin-top: 20px;
background: url("../img/whitebg.png") repeat;
padding: 4px;
padding-left: 10px;

}

#abouthome h3
{
font-size: 16px;
margin-top: 5px;
background: url("../img/whitebg.png") repeat;
padding: 4px;
padding-left: 10px;
}

#abouthome p
{

font-size: 12px;
background: url("../img/whitebg.png") repeat;
margin-top: -10px;
padding: 4px;
padding-left: 10px;
}

#photoshome
{

float: left;
width: 350px;
height: 200px;
margin-left: 20px;
margin-top: 10px;
}

#photoshome h1
{

font-size: 20px;
margin-top: 10px;
background: url("../img/whitebg.png") repeat;
padding: 10px;
}

#photoshome h2
{
font-size: 16px;
margin-top: 20px;
background: url("../img/whitebg.png") repeat;
padding: 4px;
padding-left: 10px;
}



#musichome
{

float: left;
width: 350px;
height: 200px;
margin-left: 20px;
margin-top: 10px;
}

#musichome h1
{

font-size: 20px;
margin-top: 10px;
background: url("../img/whitebg.png") repeat;
padding: 10px;
}

#musichome h2
{
font-size: 16px;
margin-top: 20px;
background: url("../img/whitebg.png") repeat;
padding: 4px;
padding-left: 10px;

}

#phphome
{

float: left;
width: 250px;
height: 200px;
margin-left: 20px;
margin-top: 50px;
}


#phphome p
{

font-size: 14px;
background: url("../img/whitebg.png") repeat;
margin-top: -10px;
padding: 4px;
padding-left: 10px;
}

#phphome a
{
color: #36f;
}

#phphome a:hover
{

color: #96f;
}











#reviews
{

float: left;
width: 375px;
height: 200px;
margin-left: 20px;
margin-top: 10px;
}

#reviews h1
{

width:250px;
font-size: 20px;
margin-top: 10px;
background: url("../img/whitebg.png") repeat;
padding: 10px;
}

#reviews h2
{
font-size: 16px;
margin-top: 20px;
background: url("../img/whitebg.png") repeat;
padding: 4px;
padding-left: 10px;

}

#reviews p
{

font-size: 12px;
background: url("../img/whitebg.png") repeat;
margin-top: -10px;
padding: 4px;
padding-left: 10px;

}

#mailinglist
{
float: left;
margin-top: 10px;
width: 250px;
background: url("../img/whitebg.png") repeat;

}

#mailinglist p
{
padding: 15px;
line-height: 20px;
font-weight: bold;
background: url("../img/whitebg.png") repeat;
}

input
{
margin-top: 10px;

}

#gigsshome
{

float: left;
width: 150px;
height: 400px;
margin-left: 10px;
margin-top: 10px;

}

#gigsshome h2
{
font-size: 16px;
background: url("../img/whitebg.png") repeat;
padding: 4px;
padding-left: 10px;
}

#gigsshome h3
{
font-size: 16px;
background: url("../img/whitebg.png") repeat;
padding: 4px;
padding-left: 10px;
margin-top: -5px;
}

#gigsshome p
{
font-size: 12px;
font-weight: bold;
background: url("../img/whitebg.png") repeat;
margin-top: -10px;
padding: 4px;
padding-left: 10px;
line-height: 18px;
}



#contacthome
{

float: left;
width: 300px;
height: 200px;
margin-left: 20px;
margin-top: 10px;
}

#contacthome h1
{

font-size: 20px;
margin-top: 10px;
background: url("../img/whitebg.png") repeat;
padding: 10px;
}

#contacthome h2
{
font-size: 16px;
margin-top: 20px;
background: url("../img/whitebg.png") repeat;
padding: 4px;
padding-left: 10px;

}

#contacthome p
{

font-size: 14px;
background: url("../img/whitebg.png") repeat;
margin-top: -10px;

padding: 4px;
padding-left: 10px;
}

#contacthome a
{
color: #36f;
}

#contacthome a:hover
{

color: #96f;
}


     
#share
{
  width: 207px;
  height: 23px;
  background: url("../img/pp1.png");
  float: right;
  margin-right:-330px;
  margin-top: 510px;
 }
 
 #share:hover
{ 
  background: url("../img/pp2.png");
}

#ep
{
  width: 256px;
  height: 34px;
  background: url("../img/buy_ep1.png");
  float: right;
  margin-right:-330px;
  margin-top: 550px;
 }
 
 #ep:hover
{ 
  background: url("../img/buy_ep2.png");
}


#podcasthome
{

float: left;
width: 150px;
height: 400px;
margin-left: -150px;
margin-top: 350px;

}

#podcasthome h2
{
font-size: 16px;
background: url("../img/whitebg.png") repeat;
padding: 4px;
padding-left: 10px;
}


#podcasthome p
{
font-size: 12px;
font-weight: bold;
background: url("../img/whitebg.png") repeat;
margin-top: -10px;
padding: 4px;
padding-left: 10px;
line-height: 18px;
}

#podcasthome a
{
color: #36f;
}

#podcasthome a:hover
{

color: #96f;
}