* { margin: 0px; padding: 0px; border: 0px;}
BODY {
  text-align: center;
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
  font-size: .7em;
  line-height: 1.5em;
  color: #fff;
  background-image: url(/images/layout/bg_main_repeat_x.jpg);
  background-repeat: repeat-x;
  background-position: top;
  background-color: #000;
} 

/* ------------------------------------ General Links ----------------------------------------- */

a:link {
  text-decoration: none;
  color: #fff;
}
a:hover {
  background-color: #222;
  color: #fff;
}
a:visited {
  text-decoration: none;
  color: #fff;
}

/* ------------------------------------ Client Formatting ------------------------------------- */

.textsmallest { font-size: 80%}
.textsmaller { font-size: 85%}
.textlarger { font-size: 120%}
.textlargest { font-size: 140%}
.alerttext { color:#f00; font-weight:bold}

/*------------------------------------ Layout Elements ---------------------------------------- */

#container {
  margin: 0 auto;
  text-align: left;
  
  width: 860px;
  padding: 0;
  
  background-image: url(/images/layout/bg_main_center_repeat_y.jpg);
  background-repeat: repeat-y;
  background-position: top;
}

#header {

}

#leftcolumn {
  float: left;
  width: 176px;
  padding: 10px;
  height: auto;
}

#centercolumn {
  width: 468px;
  margin-left: 196px;
  min-height: 400px;
}

#rightcolumn {
  float: left;
  width: 196px;
  height: auto;
  margin-left: 664px;
}

#content {
  padding: 20px 20px 0 20px;
}

#footer {
  clear: left;
  padding: 10px 20px 5px 20px;
  font-size: .9em;
  text-align: center;
  color: #444;
}

#footer a {
	color: #555;
}

#footercap {
  width: 860px;
  height: 53px;
  background: url(/images/layout/footercap.jpg) top no-repeat;
}

/* Left Column */
#leftcolumn p#showdesc {
  display: none;
}
#leftcolumn #showentry {
  border-bottom: 1px dotted #696764;
}

/* Right Column */
#myspacelink {
  width: 121px;
  height: 26px;
  background: url(/images/icons/myspace.gif) center no-repeat;
  text-indent: -9999px;
}
#myspacelink a {
  display: block;
  width: 121px;
  height: 26px;
}
#purevolumelink {

}

/* ----------------------------------- Navigation Elements ------------------------------------ */

#nav {
  height: 30px;
  width: 468px;
  color: #fff;
  background-color: #222;
  
  list-style-type: none;
}

#nav li {
  width: 78px;
  display: block;
  float: left;
  text-align: center;
}

#nav a {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 10px 10px 0 10px;
  border-top: solid 5px #222;
}

#nav a:hover {
  border-top: solid 5px #fff;
  background-image: url(/images/layout/bg_nav_over.jpg);
  background-repeat: repeat-x;
  background-position: top;
}

body#home a#navhome,
body#about a#navabout,
body#contact a#navcontact,
body#media a#navmedia,
body#merch a#navmerch,
body#shows a#navshows {
  border-top: solid 5px #fff;
  background-image: url(/images/layout/bg_nav_over.jpg);
  background-repeat: repeat-x;
  background-position: top;
}

/* ------------------------------------- Text Formatting -------------------------------------- */

/* Content */

h1#mainhead {
  text-indent: -9000px;
  height: 372px;
  margin: 0 0 -90px 0;
  background-image: url(/images/layout/home_groupshot.jpg);
  background-repeat: no-repeat;
  background-position: top;
}
h1#subhead{
  text-indent: -9000px;
  height: 208px;
  margin: 0 0 -70px 0;
  background-image: url(/images/layout/subhead.jpg);
  background-repeat: no-repeat;
  background-position: top;
}

#content p {
  padding: 5px 0;
}

#content h2 {
  font-size: 1.4em;
  font-weight: normal;
  text-align: center;
  padding: 0;
}

h2#pagetitle {
  display: none;
}

#content h3 {
  font-size: 1.2em;
  font-weight: normal;
  color: #999;
  padding: 10px 0 0 0;
  margin: 0 0 5px 0;
  border-bottom: 2px solid #222;
}

/* -------------------------------------- Page Specific ---------------------------------------- */

/* Media Page */

#media_audio {
  list-style-type: none;
  margin: 10px 0 10px 5px;
}
#media_audio li {
  display: block;
  padding: 0 0 0 18px;
  margin: 4px 0;
  background-image: url(/images/icons/icon_mp3.gif);
  background-repeat: no-repeat;
  background-position: left;
}
#media_audio ul li {
  padding: 5px 15px;
  margin: 0;
  background-image: none;
  background-color: #111;
}

#media_lyrics {
  list-style-type: none;
  margin: 10px 0 10px 5px;
}
#media_lyrics li {
  display: block;
  padding: 0 0 0 18px;
  margin: 4px 0;
  background-image: url(/images/icons/icon_doc.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
#media_lyrics ul li {
  list-style-type: none;
  padding: 5px 15px;
  margin: 0;
  background-image: none;
  background-color: #111;
}
#media_lyrics p {
  margin: 10px 0;
  color: #CCCCCC;
}

/* News */

#news {
  padding: 0 0 10px 0;
}
#news ul {
  list-style-type: none;
  padding: 0 0 10px 0;
}
#news p {
  padding: 5px 0;
}
.newsentry {
}
.newsdate {
  font-size: 1.2em;
  font-weight: normal;
  color: #999;
  padding: 10px 0 0 0;
  margin: 0 0 5px 0;
  border-bottom: 2px solid #222;
  display: block;
}
.newstext {
}
.newserror{
}
.newsdesc {
}

/* Bio Page */

.biodesc {
  border-top: 2px solid #222222;
  background: url(/images/layout/bio_desc_bg.jpg) top no-repeat;
  padding: 3px 10px 0 10px;
  height: 6em;
}

/* Hacks */

.cleardiv {
	clear:both;
}

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
		display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}
/*\*//*/
.clearfix {display: inline-block;} 
/**/
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
 * html .clearfix {height: 1%;}
 .clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */