/**********************************
	Color values:
	Yellow #FFFB00


***************************************/
html {
	margin:0;
	height:100%;
	background: url(../images/background2.jpg);
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	width: 915px;
	height: 100%;
	background: url(../images/bground_shadow.png) repeat-y;
	padding-left: 15px;
}
#banner {
	background: #000 url(../banner.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 250px;
	width:900px;
	position:relative;
}
#mainContent {
	height: 100%;
	width: 860px; /*i made this 860 px instead of 100%, because for some reason when i put the table in at 100%, it made this div extend past the wrapper. annoying and confusing*/
	padding: 20px;
	background-color: #fff;
	postion:relative;
	left: 15px;
}
#mainContent a {
	color: #666;
}

h1 {
	LINE-HEIGHT: normal;
	FONT-FAMILY: Verdana, Geneva, sans-serif;
	MARGIN-BOTTOM: 0.5em;
	COLOR: #000000;
	FONT-SIZE: 1em;
	FONT-WEIGHT: bold
}

h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #510B2C;
	line-height: normal;
	vertical-align: -20%;
	margin-bottom: 5px;
}
h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.5em;
	color: #FF6632;
	margin-top: 0.1px;
	border-color: #F36130;
	border-width: 1px;
	background: #FFF url(../images/record_recorder.jpg) no-repeat 0px;
	padding: 3px;
	text-indent: 30px;
}

p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
}

/*_________ This is songlist table formating ________*/

.tableList {
	background: #fff;
}
.tableList td {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	padding: 3px;
}
.songName {
	font-weight: bold;
}
.songArtist {
	text-align: right;
}

.tableList td h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #510B2C;
	line-height: normal;
	vertical-align: -20%;
	margin-left: 10px;
	margin-bottom: 5px;
}

/*------------- This is the navbar styling --------------*/

#banner ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom:8px;
	right:0px;
}
#banner li {
	float: left;
}

#banner li a:link, #banner li a:visited {
	background:#000;
	padding:.2em .5em;
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	line-height:1.2em;
	margin-right:0.5em;
}

#banner li a:hover {
	color:#FFFB00;
}

#banner li a.current, #banner li a.current:hover, #banner li a.current:active {
		color:#FFFB00;
		cursor:default;
}

/*------------- /navbar styling --------------*/

#bandphoto {
	Z-INDEX: 100;
	WIDTH: 360px;
	HEIGHT: 250px;
	TOP: 165px;
	padding: 10px;
	background: #FF6632 no-repeat right bottom;
	float: left;
	position: absolute;
}
#biophoto {
	Z-INDEX: 100;
	WIDTH: 475px;
	padding: 10px;
	float: left;
	position: relative;
	border: 1px solid #000;
	margin-right: 20px;
	margin-top: 0px;
	height: 250px;
}
#bandmemberphoto {
	Z-INDEX: 100;
	WIDTH: 475px;
	padding: 10px;
	float: left;
	position: relative;
	border: 1px solid #000;
	margin-right: 20px;
	margin-top: 30px;
	height: 325px;
}
#footer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	color: #CCC;
	background: #000;
	text-align: center;
	padding: 1em;
	width: 878px;
}

/*----------Music CSS Stuff--------*/
.musicContent {
	background: #fff;
	width:400px;
	position: absolute;
//*	top: 175px;*//
	left: 30px;
	z-index: 3 !important;
	color: #000;
	margin: 0 0 0 25px;
	left: 424px;
	top: 250px;
}
.mp3playerSpace {
	background: #fff;
	width:385px;
	position: absolute;
	top: 250px;
	left: 25px;
	z-index: 5;
	padding: 0;
	margin: 0 0px 0 0;
	text-align: left;
}
/*-------Shows CSS STUFF--------*/
.showsContent {
	background: #ffffff;
	width:836px;
	position: absolute;
	/*	top: 175px;*/
	left: 30px;
	z-index: 3 !important;
	padding: 10px;
	margin: 25px 0 0 25px;
	top: 250px;
	/*	height: 316px;*/
	left: -3px;
}
#mainContent h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.5em;
	color: #FF6632;
	margin-top: 0.1px;
	border-color: #F36130;
	border-width: 1px;
	background: #FFF url(../images/record_recorder.jpg) no-repeat 0px;
	padding-left: 35px;
}


/*---------Homepage content------------*/
.homeContent {
	background: #ffffff;
	width:400px;
	position: absolute;
	/*	top: 175px;*/
	left: 30px;
	z-index: 3 !important;
	padding: 10px;
	margin: 25px 0 0 25px;
	opacity: .7;
	top: 250px;
	/*	height: 316px;*/
	left: -3px;
}

/*=======Crowd============*/

.footercrowd {
	/*	font-size: 12px;*/
	margin: 0px;
	padding: 0px;
	position: fixed;
	left: 0px;
	bottom: 0;
	background-image: url(images/crowd_grey.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 250px;
	z-index: 2;/*	opacity: .6;*/
/*	min-height: 700px;*/
}
#bioContent {
	height: 100%;
	width: 860px; /*i made this 860 px instead of 100%, because for some reason when i put the table in at 100%, it made this div extend past the wrapper. annoying and confusing*/
	padding: 20px;
	background-color: #fff;
	postion:relative;
	left: 15px;
	outline: none;
	font-family: Verdana, Geneva, sans-serif;

}
#bioContent a img {
	border-width: 0px;
	border-style: none;
}


#bioContent a:active
{
    outline: none;
}

#bioContent a:focus
{
      -moz-outline-style: none;
}
#photoContent {
	height: 100%;
	width: 860px; /*i made this 860 px instead of 100%, because for some reason when i put the table in at 100%, it made this div extend past the wrapper. annoying and confusing*/
	padding: 20px;
	background-color: #fff;
	postion:relative;
	left: 15px;
	outline: none;
	font-family: Verdana, Geneva, sans-serif;
}