/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}





/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

/* Layout (basic) */

body {background: url(../images/paisley.jpg) top center repeat ;  font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color:#6C4B30; color:#333; text-align: center; }

div#headerWrapper, div#footerWrapper { width:100%; /* height:360px; */ margin:0; padding:1px 0 0 0 } /* The 1px padding is there to fix a weird height bug. Don't ask... */
html>body div#headerWrapper, html>body div#footerWrapper { } /* 'html>body' because IE can't understand parent/child selectors */

div#headerContent { width:628px; height:86px; margin:0px auto 0 auto; padding:0; text-align:left; position:relative; background:url(../images/header.jpg) top left no-repeat }
html>body div#headerContent { background:url(../images/header.jpg) top left no-repeat } /* 'html>body' because IE can't understand parent/child selectors */


div#wrapper { width:628px; margin:0px auto 0 auto; text-align:left; position:relative; background-image:url(../images/bodysection.jpg); background-repeat:repeat-y;}


div.main {  padding:15px 40px 10px 40px; text-align:justify; min-height:570px;}


table { font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;}


/* Navigation  (thanks to Elliot Jay Stocks)*/

ul.nav { width:628px; height:86px; position:absolute; top:0px; left:0px }
ul.nav li a { margin:0; padding:0 }
ul.nav li a:hover { border:none }

/*  
Handy measurements for the nav image replacement:

	The distance from the top to the...
	
	news button = 18px
	bands button = 33px
	shows button = 48px
	contact button = 63px

	The distance from the far-left to the...
	
	news button = 511px
	bands button = 499px
	shows button = 495px
	contact =  476px
	
	The width...
	
	news button = 66px
	bands button = 78px
	shows button = 82px
	contact =  101px
	
	
*/

li.navNews a, li.navBands a, li.navShows a, li.navContact a { background:url(../images/header.jpg) top left no-repeat; text-indent:-9999px; display:block; position:absolute; height:16px; overflow:hidden }

li.navNews a 							{ background-position:-511px -17px; top:17px; left:511px; width:76px; }
li.navNews a:hover 						{ background-position:-511px -103px }
body.pageIsNews li.navNews a 			{ background-position:-511px -189px;}

li.navBands a						{ background-position:-499px -32px; top:32px; left:499px; width:88px; }
li.navBands a:hover					{ background-position:-499px -118px }
body.pageIsBands li.navBands a	{ background-position:-499px -204px }

li.navShows a							{ background-position:-495px -47px; top:47px; left:495px; width:92px; }
li.navShows a:hover						{ background-position:-495px -133px }
body.pageIsShows li.navShows a			{ background-position:-495px -219px }

li.navContact a 							{ background-position:-476px -62px; top:62px; left:476px; width:111px; }
li.navContact a:hover 					{ background-position:-476px -148px }
body.pageIsContact li.navContact a 			{ background-position:-476px -234px }




/* TEXT AND FONTS */

p {color:#1A0000}
h1 { color:#1A0000; font-size:2.2em;clear:both; font-weight:900; text-transform:uppercase; margin: 0 0 28px 0; padding: 8px 5px 8px 5px; background-image:url(../images/barBkgnd.jpg) ;}
h2 {clear:both; padding: 5px 5px; text-transform:uppercase; font-weight:700; color:#190000; font-size:1.3em; background-image:url(../images/barBkgnd.jpg);}
h3 {color:#1A0000;font-weight:bold; text-transform:uppercase;}

.r { background-color:#E4CBAB;}

a { 
color:#000; font-weight:bold;
}



a:hover { 
color:#5E3C39; 
text-decoration:underline;; font-weight:bold;
}


/* LAYOUT */

.post img {
  margin:0 0 5px 0;
  padding:4px;
  border:1px solid; border-color:#E6CCAE;
  
  }
  
  
  object {
  margin:0 0 5px 0;
  padding:4px;
  border:1px solid; border-color:#E6CCAE;
  
  }
    div.bar {background-color:#E4CBAB; clear:both; padding: 5px 5px; margin-bottom:5px; margin-top:15px; text-transform:uppercase; font-weight:700; color:#190000; font-size:1.3em; background-image:url(../images/barBkgnd.jpg) ;}