/**************************************************************************************
* This style sheet was designed and developed by william@headfullofdesign.com.
* Feel free to use any of the code for you own sites.
* However, all images are *not* to be reused without the designer's permisson.
* Peace.
***************************************************************************************/
/****************
* Common Elements
*****************/

/* Set the styles for the body */
body {
	background: #35414F url(../images/71mySpaceBg.jpg) repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
}

/* Master font control */
p,td,ol,ul,li,h1.h2,h3,h4,h5,h6{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #E5E7EB;
}

/* Turn off unwanted gaps in Gecko for inline images */
.inline {
	display: inline;
}

/* Displays are images as a block level item */
img{
	display:block;
}



/*H1 & H2 settings */
h1, h2{
	font-size:14px;
	font-weight:bold;
}

/* Top Margin and padding */
#top {
	margin: 0px 0px 0px 70px;
	padding: 0px 0px 0px 0px 0px;
}

/* All Links */
a:link {
	color:#8897A8;
	font-weight: bold;
	text-decoration:none;
	line-height:11px;
	letter-spacing: .1em
}

a:visited {
	color:#8897A8;
	font-weight: bold;
	text-decoration:none;
	line-height:11px;
	letter-spacing: .1em
}


a:hover {
	color:#F76A02;
	font-weight: bold;
	text-decoration:none;
	line-height:11px;
	letter-spacing: .1em
}

a:active {
	color:#8897A8;
	font-weight: bold;
	text-decoration:none;
	line-height:11px;
	letter-spacing: .1em
}

/*************
* Copyright
*************/

#copy{
	margin: 10px 0px 0px 70px;
	font-size: 9px;
}

/* Music */
#copy a:link, #copy a:visited {
	color:#F76A02;
	font-weight: bold;
	text-decoration:none;
	font-size: 9px;
	
}

#copy a:hover, #copy a:active{
	color:#F76A02;
	font-weight: bold;
	text-decoration:underline;
	font-size: 9px;
	
}


/**************
* The Logo
*************/
#logo {
	width: 598px;
	margin: 0px 0px 0px 70px;
	padding: 0px 0px 0px 0px 0px;
	border:1px solid #68717A;
}

/*****************
* The Top Nav bar
******************/
/*How the navigation displays*/
#nav {
	height: 20px;
	width:598px; 
}

/* ID's for the individual nav items*/
/*Backrounds for the navigation */
#navLeft{
	border-left:1px solid #68717A;
	border-bottom:1px solid #68717A;
}

#home {
	border-bottom:1px solid #68717A;
	background: #52606D url(../images/46-homeOver.gif) 0 no-repeat -100px;
}

#music {
	border-bottom:1px solid #68717A;
	background: #52606D url(../images/48-msuicOver.gif) 0 no-repeat -100px;
}

#photos{
	border-bottom:1px solid #68717A;
	background: #52606D url(../images/20-photosOver.gif) 0 no-repeat -50px;
}

#projects{
	border-bottom:1px solid #68717A;
	background: #52606D url(../images/50-projectsOver.gif) 0 no-repeat -50px;
}

#shows{
	border-bottom:1px solid #68717A;
	background: #52606D url(../images/22-showsOver.gif) 0 no-repeat -50px;
}

#forum{
	border-bottom:1px solid #68717A;
	background: #52606D url(../images/52-forumOver.gif) 0 no-repeat -50px;
}

#merchandise{
	border-bottom:1px solid #68717A;
	background: #52606D url(../images/55-merchOver.gif) 0 no-repeat -100px;
}

#contact {
	border-bottom:1px solid #68717A;
	background: #52606D url(../images/56-contactOver.gif) 0 no-repeat -50px;
}

#navRight {
	border-right:1px solid #68717A;
	border-bottom:1px solid #68717A;
}


/**************** 
* Rollover effects 
******************/

/* Home */
#home a:link, #home a:visited {
	background: url(../images/45-homeUp.gif) top center no-repeat;
	display: block;
}

#home a:hover, #home a:active{
	background: url(../images/46-homeOver.gif) top center no-repeat;
	display: block;
}

/* Music */
#music a:link, #music a:visited {
	background: url(../images/47-musicUp.gif) top center no-repeat;
	display: block;
}

#music a:hover, #music a:active{
	background: url(../images/48-musicOver.gif) top center no-repeat;
	display: block;
}


/* Projects */
#projects a:link, #projects a:visited {
	background: url(../images/49-ProjectsUp.gif) top center no-repeat;
	display: block;
}

#projects a:hover, #projects a:active{
	background: url(../images/50-ProjectsOver.gif) top center no-repeat;
	display: block;
}

/* Forum */
#forum a:link, #forum a:visited {
	background: url(../images/51-forumUp.gif) top center no-repeat;
	display: block;
}

#forum a:hover, #forum a:active{
	background: url(../images/52-forumOver.gif) top center no-repeat;
	display: block;
}

/*Merchandise */
#merchandise a:link, #merchandise a:visited {
	background: url(../images/53-merchUp.gif) top center no-repeat;
	display: block;
}

#merchandise a:hover, #merchandise a:active{
	background: url(../images/54-merchOver.gif) top center no-repeat;
	display: block;
}

/*Contact */
#contact a:link, #contact a:visited {
	background: url(../images/55-contactUp.gif) top center no-repeat;
	display: block;
}

#contact a:hover, #contact a:active{
	background: url(../images/56-contactOver.gif) top center no-repeat;
	display: block;
}

/***********
* Content
***********/

/* General set up of the content cell */
#content {
	margin: 0px 0px 0px 70px;
	padding: 0px 0px 0px 0px 0px;
}

/* Create the 9px Pad at the top */
#ContentMargin {
	font-size:9px;
	background: #4D5662;
	border-left:1px solid #68717A;
	border-right:1px solid #68717A;
	width:600px; 
}

/*Control the left table cell */
#left {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	border-left:1px solid #68717A;
	border-bottom: 1px solid #68717A;
	background: #4D5662 url(../images/26-leftCellBorder.gif)  right repeat-y;
	width: 362px;
	
}



/* Left table cell text */
#left p, h1, h2 {
	text-align: left;
	vertical-align:top;
	line-height:11px;
	letter-spacing: .1em;
	margin: 11px 15px;
		
}

/* For the pages with no split cell */
#OneCell {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	border-left:1px solid #68717A;
	border-bottom: 1px solid #68717A;
	border-right:1px solid #68717A;
	background-color: #4D5662 ;
	height:400px;
	
}

/* For the pages with no split cell  */
#OneCell p, h1, h2 {
	text-align: left;
	vertical-align:top;
	line-height:11px;
	letter-spacing: .1em;
	margin: 11px 15px;
		
}


/* Right table cell format */
#right {
	margin: 0px 0px 0px 0px;
	padding:0px 0px;
	border-left:1px solid #68717A;
	border-bottom: 1px solid #68717A;
	border-right:1px solid #68717A;
	background: #4D5662 url(../images/test-2.gif) repeat-y ;
	width: 238px;
	text-align:left;
	vertical-align: top;
	
}

/* Right table cell text */
#right p, h1, h2 {
	text-align: left;
	vertical-align:top;
	line-height:11px;
	letter-spacing: .1em;
	margin: 11px 15px;
	
}

/* Location image */
#location {
	vertical-align:top;
	margin: 0px 0px;
	padding: 0px 0px;
}

/*************************
* Music pages formatting
*************************/
/* bump up the track listings */
#tracks {
	margin-top:0px;
}

/* Gray out the album name in the right nav */
#albumCover{
	float: right;
	margin: 0px 10px 0px 16px;
}

/* Text for the downloading a track sample */
#download_sample {
	font-size: 9px;
	font-weight: normal;
	padding-bottom: 5px;
}

/* Turn the numbers blue in the track listings */
#songs li {
	color:#8897A8;
}

#songs li a{
	font-weight: normal;
}

.songs li {
	color:#8897A8;
}

.songs li a{
	font-weight: normal;
}

/* New songs */
.leftSong{
	float:left; 
	margin: 13px 10px 5px 0px;
	voice-family: "\"}\""; 
    voice-family:inherit;
	 margin:5px 10px 5px 0px;

}

.rightSong{
	float:right;
    margin:5px 5px;
}