html, body, img, div, table, td, th, p, pre, h1, h2, h3, h4, h5, ul, ol { 
 margin:0px; border:0px; padding:0px; 
 font-family: georgia, "Trebuchet MS", trebuchet, verdana, lucida, arial, helvetica, sans-serif;
 font-size:11px; line-height:2.4em; 
 color:rgb(62,31,36);
 }

body {
 padding-bottom:25px;
 background:rgb(255,255,255) url(../img/pattern.gif) repeat;
 background:brown url(../img/cardboard.jpg) repeat;
 text-align:center;
 }

/* ---[ current page on menu ]--- */ 
body#news a#news, body#about a#about, body#press a#press, body#shows a#shows, body#music a#music, body#photos a#photos {
 color:rgb(170,50,50);
 }

 

/* ---[ layout ]---------- */

#container {
 position:relative; /* to absolute divs */
 margin:10px auto;
 width:600px;
 padding:0; border:0px;
 text-align:left;
 }

#banner {
 position:relative; z-index:5;
 top:0px; left:0px;
 height:160px; width:600px;
 }

#banner h1 {
 position:absolute; display:block;
 top:10px; left:-1000px;
 padding-right:1200px; /* browser bug fix? */
 }

#pagebody {
 position:relative;
 top:0px; margin-bottom:10px;
 width:600px;
 background:transparent;
 text-align:left;
 }

#main {
 position:relative;
 width:430px; margin:0;
 left:120px;
 padding-bottom:50px; 
 }

#footer {
 position:relative;
 clear:both;
 left:120px;
 width:420px;
 text-align:left;
 background:url(../img/background-footer.gif);
 }

#nav {
 position:absolute; z-index:10;
 top:62px; left:120px;
 border:0px; margin:0px; padding:0px;
 list-style:none;
 border:1px solid rgb(244,240,220);
 border-width:1px 0;
 }



/* ---[ nav ]---------- */


#nav ul {
 list-style:none;
 margin:0px; padding:0px;
 margin-left:1px;
 background:transparent;
 line-height:1em;
 }

#nav li {
 list-style:none;
 margin:0px; padding:0;
 display:inline;
 background:transparent;
 line-height:1em;
 }

#nav a {
 display:inline;
 margin:0px 11px 0 0;
 height:18px; /* should equal line-height  */
 line-height:18px; /* not block ?? */
 padding:0px; /* height plus padding equals nav height */
 font-weight:bold; text-decoration:none;
 text-align:center;
 color:#000;
 text-decoration:none;
 }

#nav a#contact { margin-right:1px; padding-right:0; }

#nav a:hover { color:white; text-decoration:none; }
#nav a:active { color:black; }


 
/* ---[ footer ]---------- */

#footer { color:black; font-weight:bold;  }
#footer a { color:black; text-decoration:none; }
#footer a:hover { color:rgb(170,50,50);  }
#footer a.designby { float:right; display:inline; font-weight:normal; color:rgb(170,50,50); }
#footer a.designby:hover { font-weight:bold; }

/* ---[ headers ]---------- */

h2, h3, h4, h5 {
 text-indent:0;
 padding:0;
 margin-left:0;
 }

h2 {
 font-size:1.2em;
 line-height:1em;
 margin-bottom:1.7em;
 }

h3 {
 font-size:1em;
 line-height:1em;
 margin:-1.5em 0 2em 0;
 color:rgb(170,50,50);
 }
 
/* ---[ typography ]---------- */

p, pre {
 margin:1em 0 2em; 
 line-height:1.5em;
 width:400px;
 }

p.narrow { width:300px; }

p b, pre b { color:rgb(170,50,50); } /* rose */ 

p em, pre em { font-style:italic; font-weight:bold; }


/* ---[ body links ]---------- */

a:link { color:black; } 
a:visited { color:black;  }
a:hover { color:rgb(170,50,50); } /* rose */ 
a:active { color:white; }

a.bold { color:rgb(170,50,50); text-decoration:none; font-weight:bold; } 
a.bold em { color:black; } 
a.bold:hover { color:white; } 

a.exit { padding-right:12px; background:url(../img/exit.gif) right center no-repeat; }
a.exit:hover { background:url(../img/exit-r.gif) right center no-repeat; }

/* ---[ disc links ]---------- */

a#disc {
	display:block; 
	position:absolute;
	bottom:-18px; right:0px;
	width:100px; 
	height:30px; padding-top:110px;
	background:url(../img/disc.jpg) top right no-repeat;
	text-decoration:none;
 }

a#disc:hover {
	background:url(../img/disc2.jpg) top right no-repeat;
	height:30px; padding-top:110px;
	width:180px;
	}

a#disc div { 
	display:none;
	}

a#disc:hover div { 
	display:block;
	height:12px;
	text-decoration:none;
	text-align:right;
	line-height:1.1em;
	}

	
/* ---[ images ]---------- */

a.thumbnail img { 
 width:100px; height:100px; 
 border:0px;
 }

a.thumbnail  { 
 display:block; float:left;
 width:106px; height:100px; 
 margin:0 12px 12px 0;
 background:transparent; 
 }
 
a.thumbnail:hover  { 
 background:white; 
 width:101px; border-right:5px solid rgb(170,50,50);
 }
 
 a:hover { color:rgb(170,50,50); } /* rose */