/*@charset "utf-8";*/

/* CSS Document */


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #131116;
	margin: 0; /*  zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* center container in IE 5* browsers */
	color: #FFF;
	speak: none;
}

#superContainer { /*contains whole page*/
	width: 82%;
	background: #131116;
	margin: 0 auto; /* auto margins to center page  */
	text-align: left; /*  override text-align: center on the ^body^ element. */
	margin-bottom: 20px;	
	background-image: url(../images/bkgd2.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
} 

#header { 
	background: none;
	text-align: center;
}
 
#header h1 {
	margin: 0; /* zeroing margin of last element in the #header will avoid margin collapse - not necessary with borders */
	padding: 10px 0;
}

#nav {
	background: none;
	text-align: center;
	padding: 10px 0;
}

#nav a {
	color: #fff;
	background-color: #333336;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
	font-family: garamond;
	letter-spacing: 2px;
	border: #730a17 solid 2px;
	padding: 2px 5px 2px 5px;
	margin: 0px 5px 0px 5px;
}

#nav a:hover {
	background-color: #131116;
	color: #ff0000;
}

#nav a:active {
	background-color: #cccccc;
	color: #000000;
}

#container { /* container for #sidebar, #mainContent and #footer */
	border: solid #730a17 2px;
	padding-right: 20px;	
	background-image: url(../images/bkgd.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#sidebar {
	float: left; 
	width: 145px;
	height: 400px;
	padding: 15px 5px;
	border-left: solid #730a17 2px;
	border-top: solid #730a17 2px;
	text-align: center;
}

* html #sidebar { /* IE fix for 3px gap on floats */
  margin-right: 10px;
}

* html #mainContent { /* ^^ IE fix ^^ */
  height: 1%;
  margin-left: 0;
}

#sidebar h3, #sidebar p {
	margin-left: 10px;
	margin-right: 10px;
}

#sidebar a {
	display:block;
	background-color: #333336;
	color:#FFFFFF;
	margin: 4px 4px;
	padding: 2px 7px 2px 7px;
	border: #730a17 solid 2px;
	font-size: 1em;
	font-family: garamond;
	font-weight:bold;
	font-variant:small-caps;
	letter-spacing: 2px;
	text-decoration:none;
	text-align:center;
}

#sidebar a:hover {
	background-color: #131116;
	color: #FF0000;
	letter-spacing: 4px;
}

#sidebar a:active {
	background-color: #CCCCCC;
	color: #000000;
	letter-spacing: 4px;
}

#sidebar img {
	border: solid #730a17 2px;
}

#members { /* band members sub-menu */
	display: none;
}

#members a {
	display:block;
	background-color: #333336;
	color: #FFFFFF;
	margin: 3px 10px;
	padding: 1px 3px 1px 3px;
	border: #730a17 solid 1px;
	font-variant: normal;
	font-size: 0.9em;
	font-family: garamond;
	font-weight:normal;
	text-align: center;
	text-decoration: none;
	letter-spacing: 1px;
}

#members a:hover, #members a:active {
	letter-spacing: 2px;
}


#mainContent {
	margin: 0 0 0 165px; /* right margin controlled by #container padding-right. */
	text-align: justify;
	font-size: 0.8em;
	background: none;
} 

#mainContent h1 {
	font-size: 2em;
	font-family: garamond;
	font-variant:small-caps;
	text-align: left;
}

#mainContent h2 {
	display:inline;
	font-size: 1.4em;
	font-family: garamond;
	font-variant: small-caps;
	text-align: left;
}

.bio_pic {
	margin-right: 15px;
	margin-bottom: 10px;
	border: solid #730a17 2px;
	float: left;
}

.bio_info {
	display: inline;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#footer { 
	text-align: center;
	margin: 0 auto;
	margin-top: 10px;
	width: 60%;
	border-top: solid #730a17 1px;	
	font-size: 0.7em;
	font-family: arial;
	letter-spacing: 2px;
	background: none;
} 

#footer p {
	margin: 0; /* zeroing  margins of  first element in footer avoids margin collapse */
	padding: 10px 0; /* padding instead of margin (so no collapse issue) */
}

a.footer {
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}

a.footer:hover, a.footer:active {
	color:#730a17;
}

.credits { /* below footer styles */
	font-size: 0.7em;
	font-family: arial;
	letter-spacing: 2px;
}

p a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

p a:hover, p a:active {
	color: #ff0000;
}

.gigs {
}

.past-gigs {
text-decoration:line-through;
}


/* content and pic divs */
#content1 {
	display: none;
	speak: none;
}
#content2 {
	display: none;
	speak: none;
}
#content3 {
	display: none;
	speak: none;
}
#content4 {
	display: none;
	speak: none;
}
#content5 {
	display: none;
	speak: none;
}
#content6 {
	display: none;
	speak: none;
}
#content7 {
	display: none;
	speak: none;
}
#content8 {
	display: none;
	speak: none;
}
#content9 {
	display: none;
	speak: none;
}
#content10 {
	display: none;
	speak: none;
}
#content11 {
	display: none;
	speak: none;
}

#pic4 {
	display: none;
}
#pic5 {
	display: none;
}
#pic6 {
	display: none;
}
#pic7 {
	display: none;
}
#pic8 {
	display: none;
}

<!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
#sidebar { padding-top: 15px; }
#mainContent { zoom: 1; padding-top: 15px; padding-left: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it may need to avoid several bugs */
</style>
<![endif]-->