/*
** All lovingly hand-prepared by Mark in the web-kitchen of sallonoroff.co.uk
*/

body,div,p,img,form,h1,h2,h3,h4,h5,h6
{
  margin: 0; 
  padding: 0; 
  border: 0;
}

body
{
	background-color: #000000;
	background-image: url('jc-background.jpg');
	background-repeat: repeat;
	text-align: center;
	font-family: Verdana, Arial, Helvetica;
	font-size: 1.0em;
	color: #000000;
	margin-top: 6.0em;
	margin-bottom: 2em;
	margin-left: 2em;
}

#band-logo
{
	position:absolute;
	left: -2.8em;
	top: -2.8em;
	z-index: 99;
}

#the-canvas
{
	margin: 0 auto;
	background-color: #999999;
	width: 53em;
	position: relative;
	border-right-style: solid;
	border-left-style: solid;
	border-width: 0.1em;
	border-color: #FFFFFF;
}

#the-main-content
{
	margin: 0em 0em 0em 11em;
	padding: 0.8em;
	height: 30.0em;
	overflow: auto;
	font-size: 0.9em;
	text-align: right;
	font-weight: bold;
}

#the-main-content h1
{
	font-size: 1.6em;
	letter-spacing: -0.05em;
	text-align: right;
	margin-bottom: 0.65em;
}

#the-main-content a:link, #the-main-content a:visited
{
	color: #000000;
	text-decoration: none;
	border-style: dotted;
	border-width: 1px;
}

#the-main-content a:hover, #the-main-content a:active
{
	color: #000000;
	background-color: #604d8f; /*D91D1D*/
}

#the-side-content
{
	background-color: #666465;
	position: absolute;
	left: 1.2em;
	top: 12em;
	height: 15.5em;
	width: 7.6em;
	z-index: 1;
	padding: 0.35em;
}

#the-side-content p
{
	font-size: 0.6em;
	color: #FFFFFF;
}

.myspace-button
{
	display:block;
	width: 120px;
	height: 80px;
	background: url('myspace-grey-120x80.png') bottom;
	text-indent: -99999px;
}

.myspace-button:hover, .myspace-button:active
{
	background: url('myspace-grey-120x80-blur.png');
}

.facebook-button
{
	display:block;
	width: 120px;
	height: 80px;
	background: url('facebook-grey-120x80.png') bottom;
	text-indent: -99999px;
}

.facebook-button:hover, .facebook-button:active
{
	background: url('facebook-grey-120x80-blur.png');
}

.twitter-button
{
	display:block;
	width: 120px;
	height: 80px;
	background: url('twitter-grey-120x80.png') bottom;
	text-indent: -99999px;
}

.twitter-button:hover, .twitter-button:active
{
	background: url('twitter-grey-120x80-blur.png');
}

#the-menu
{
	text-align: right;
	height: 1.2em;
	padding: 0.2em 1.0em 0.2em 0.0em;
	font-size: 1.1em;
	word-spacing: 1.2em;
	letter-spacing: -0.1em;
	background-color: #000000;
	border-top-style: solid;
	border-bottom-style: solid;
	border-width: 0.1em;
	border-color: #FFFFFF;
	color: #FFFFFF;
}

#the-menu a:link, #the-menu a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

#the-menu a:hover, #the-menu a:active
{
	color: #604d8f;
}

#the-footer
{
	text-align: right;
	height: 1.2em;
	padding: 0.2em 1.0em 0.2em 0.0em;
	font-size: 0.7em;
	color: #FFFFFF;
	background-color: #000000;
	border-top-style: solid;
	border-bottom-style: solid;
	border-width: 0.1em;
	border-color: #FFFFFF;
}