/* Normalizes margin padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;



}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {
/* 	font-size: 100%; */
	font-size: 1em;
	line-height:1em;
}

/* remove list style from lists */
ol, ul {
	list-style: none;

}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;

}

/* removes border from tables */
table {
	border-collapse: collapse;
	border-spacing: 0;

}

/* removes border from fieldset and img */
fieldset, img {
	border: 0;

}

/* Left align text in caption and th */
caption, th {
	text-align: left:

}

/* removes quotation marks from q */
q:before, q:after {
	content: '';

}

a:link,a:visited, a:hover,a:active   {
	text-decoration: none;
	color: black;
	font-weight: bold;
	
}

/* actual CSS starts here */
   
.emph {
	font-size: 1.4em;
	color: #8B0000;
	padding: 0 0px 0px 0px;
	
}

.bio-index {
	font-size: 1.0em;
	background: #F6F9ED;
	}

	

html {

}

body {
/* 	color: white; */
		color: black;
 	font:12px/1.5 arial,helvetica,sans-serif; 
/* 	background: black; */
/* 	font-size: 1.2em; */
	font-size: 62.5%;
}



div#content {
/* 	background: #333333 ; */
	position: absolute;
	margin: 50px 0 0 5px;
	width: 960px;
	height: 600px;
	font-size: 1.2em;
	z-index: 0;
		
}


div#topPane {

/* 	background: #444444 ; */
	position: absolute;
	width: 800px;
	height: 150px;


}

div#branding {
	position: absolute;
	margin: 1%;
/* 	height: 285px; */
	width: 960px;
 	height: 150px;
	border: 0px dotted #666666;
	
}

div#strip {
	font-family: "Myriad Pro Regular","Trebuchet MS";
	position: absolute;
	margin: 165px 0 0 0;
	height: 20px;
	width: 80%;
 /* border: 3px dotted #666666; */
	font-size: 1.5em;
	line-height: 1.0em;
	
}

.title {
	position: absolute;
	top: 0%;
	right: 1%;
	color:#860000;
}

.align-right {
	position: absolute;
	right: 5%;
	
}

.small {
	font-size: 0.8em;

}

.news-call-out {
	position: relative;
	font-size: 1.0em;
	line-height: 15px;
	width: 80%;

}

.news-call-out-img {
	position: relative;

	float: right;
}

.mainlinks  li{
	display: block;
	float: left;
	padding: 0 2% 0 2%;

	}

.mainlinks a {
/* 	color: #8B0000; */
/* 	color: white; */
	color: black;
}
	

.pane {
	position: absolute;
	margin: 200px 0 0 0;
	width: 50%;
	height: 450px;
/* 	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px; */
	z-index: 1;	
	overflow:none;
	line-height: 1.4em;

}



.pane.right {
	position:absolute;
	left:35%;
	right: 5%;
	z-index: 0;
	overflow: none;
	height: 500px;

}

.pane p, .pane h1{
	margin: 20px 20px 0 20px;

}

.pane h2{
	margin: 10px 20px 10px 20px;

}

.pane h1{
	font-size: 1.2em;
}

.pane p:first-line {
	font-size: 1.4em;
}

/* .band-all-img {
	position: absolute;
	right: 5%;
}
 */
.pane-wide {
/* 	background: #555555 ; */
	position: absolute;
	margin: 300px 0 0 0;
	width: 100%;
	height: 500px;
	overflow: auto;
	z-index: 0;

}

.pane a {
	color: #8B0000;
}

#square-nav-links-conatiner {
	margin-top: 0px;


}

.square-nav-links {
/* 	position: absolute; */
 	margin: 0% 0 0 0%;
 	right: 0%;
	width: 300px;
	bottom: 0%;

}

/* size of square-nav-links li is 75px X 75x (4+1+65+1+4) */
.square-nav-links li {
	position: relative;
	display: inline;
 	border: 1px dotted #444444;
	width: 65px;
	height: 65px;
	float: left;
 	margin: 4px; 
	background: #8B0000;
}



li.txt-link {
	height: 20px;
	color: white;
	font-size: .8em;
	font-weight: bold;
	text-align: center;
}

li.txt-link a {
	color: white;
}

li.long-link {
	width: 290px;
	border: 1px dotted #444444;

}

li.long-link.jplay {
	width: 290px;
	border: 1px dotted #444444;
	height: 110px;
}

.right-box{
	float: left;
	color: black;
	font-family:"Myriad Pro Regular","Trebuchet MS";
	position: relative;
 	margin: 0px 0 0 30%;
	width: 300px;
	padding: 10px 10px 10px 10px;
/* 	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC; */
	border-top: 0px dotted #8B0000;
}

#gigs{
	margin-bottom: 10px;
	color: black;
	margin-top: 10px;
	
	
}

#gigs h3 {
	margin: 0 0 10px 0;
/* 	color: white; */
	color: black;
}

ul#gigs { 
	font-size: 1em;
	border: 0px dotted #CCCCCC;
	width: 290px;
	padding: 5px 5px 0 5px;
}
ul#gigs li { 
	margin-bottom: 0px;
}


.gigs-links{ 
	font-size: 1em;
	border: 0px dotted #CCCCCC;
	width: 290px;
	padding: 5px 5px 0 5px;
	color: #8B0000;

}

/*********************** twitter ***********************/

.twit-box{
	float: left;
	color: black;
	font-family:"Myriad Pro Regular","Trebuchet MS";
	position: relative;
 	margin: 20px 0 0 5%;
	width: 400px;
	padding: 50px 10px 10px 10px;
/* 	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC; */
	border-top: 0px dotted #8B0000;
		height: 100%;
}



#twit-feed{
	height: 150px;
	margin-bottom: 10px;
	color: #222222;
	margin-top: 0px;
	height:50%;
	
}

#twit-feed h3 {
	margin: 0 0 10px 0;
/* 	color: white; */
	color: black;
}


#twit-feed a {
/* 	color: white; */
	color: black;
	font-size: .8em;

}

ul#twitter_update_list { 
	font-size: 1em;
	border: 0px dotted #CCCCCC;
	width: 380px;
	padding: 5px 5px 0 5px;
	color: #8B0000;
}
ul#twitter_update_list li { 
	margin-bottom: 0px;
}


/*********************** ***********************/


div#bottom {
	position: absolute;
	bottom: 0px;
	margin: 10px;
}



/*********************** player ***********************/


#player {
	font-family: "Myriad Pro Regular","Trebuchet MS";
	position: relative;
	z-index: 1;
	padding: 10px;
	font-size: .8em;
/* 	background: #8B0000; */
	width: 280px;
/* 	color: white; */
	color: black;
/* 	position:absolute; */
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
/* 	border-top: 1px solid #8B0000;
	border-bottom: 1px solid #8B0000; */
}

#player a, #player a:link, #player a:visited, #player a:hover, #player a:focus, #player a:active {


}

#player h3 {
	margin: 0 0px 10px 0;
	margin-left:-10px;
/* 	color: white; */
	color: black;
	font-size: 1.2em;
}

#player ul {
	list-style-type:none;
	padding:0 0 0 15px;
	margin:1em 0;
	overflow:hidden;
	font-size: 1em;


}

#player ul span {
	color: #A0A600;

}

#player li {
	float:left;
	padding-right:1em;


}

#player p {
	margin: 0 0 0 0;
	font-size: 1.0em;
	
}

#player p span {
	color: #009BE3;
	font-weight: bold;
	
}

#player .play-info {
	color: #002869;
}

.menu_body {
	position:absolute;
	display:none;
	z-index: 2;
	width: 150px;
	border-left: 1px dotted #CCCCCC;
	border-top: 1px dotted #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	background: white;

	}
	
.menu_head a{
	color: #860000;

}

.menu_head {
	position: absolute;
	right: 5%;

}

#tracks ul {
	position:absolute;
	z-index: 3;
	margin: -5px 0 0 225px;
	padding:1em;



}


#tracks li {
	font-size: 1.0em;
	float:none;
	border-bottom: 1px dotted #CCCCCC;

}

#tracks a, #tracks a, #tracks a:active {
	display: block;
	color: #111111;
}

#tracks li:hover {

	border-bottom: 1px solid #CCCCCC;
}

.track-txt {
	color: #111111;
}

#tracks li.close{
	position: absolute;
	display: block;
	right: 4%;
	top: 2%;
	padding: 2px;
	border: 0px dotted #CCCCCC;
}

#tracks li.close:hover {
	font-size: 1.1em;

}

#contact {

	margin-top: 10px;
}
	
#contact h3 {
	margin: 0 0 10px 0;
/* 	color: white; */
	color: black;
}

.gallery-box{
	float: left;
	color: black;
	font-family:"Myriad Pro Regular","Trebuchet MS";
	position: relative;
 	margin: 20px 0 0 5%;
	padding: 50px 10px 10px 10px;
/* 	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC; */
	border-top: 0px dotted #8B0000;
}


#reverbplayer, #reverbmail {
	font-family: "Myriad Pro Regular","Trebuchet MS";
	position: relative;
	z-index: 1;
	padding: 10px;
	font-size: .8em;
	width: 280px;
	color: black;
/* 	position:absolute; */
/* 	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC; */



}

