/* simple reset */
* {
margin: 0;
padding: 0;
}

/* ----------------------------------------------------------------------- */




/* body background and font for regular text */
body {
background-color:#000000;
font: normal small Helvetica, Arial, sans-serif;
color: #999999;
}


/* This controls whether the headings are in all caps or regular-- don't know what i like more */
h1, h2, h3 {
margin-bottom: 20px;
text-transform: uppercase; 
color: #FFFFFF;
}


strong {
color:red;
}


h1 { 
font-size: 3em; 
}

h2 {
font-family: "century gothic", helvetica, sans-serif;
font-size: 2em; 
}

h3 { 
font-size: 1.4em; 
}



p, blockquote, ul, ol {
margin-bottom: 1.5em;
line-height: 1.8em;
}

blockquote, ul, ol {
margin-left: 3em;
}



blockquote {
margin-right: 3em;
}

a {
color: #23B9FF;
}

a:hover {
text-decoration: none;
color: #CC0000;
}

img { border: none; }

img.left {
float: left;
margin: 0 15px 15px 0;
}

img.right {
float: right;
margin: 0 15px 0 15px;
}


/* horiz rulez */
hr { display: none; }

.hr {
height: 36px;
margin-bottom: 15px;
background: url(../images/redgrad1.gif) repeat-x left center;
}



/* ----------------------------------------------------------------------- */

/* wrapper */

	/* Each page will have a different background behind the logo, so each wrapper will have a separate class */
	
.wrapperhome {
background: url(../images/news_wrapper_bg.gif) repeat-x;
}

.wrappernews {
background: #000000 url(../images/pic_wrapper.jpg) repeat-x;
}

.wrapperband {
background: #000000 url(../images/pic_wrapper.jpg) repeat-x;
}

.wrappershows {
background: #000000 url(../images/pic_wrapper.jpg) repeat-x;
}

.wrappermedia {
background: #000000 url(../images/pic_wrapper.jpg) repeat-x;
}

.wrappermerch {
background: #000000 url(../images/pic_wrapper2.jpg) repeat-x;
}

.wrappercontacts {
background: #000000 url(../images/pic_wrapper.jpg) repeat-x;
}



/* ----------------------------------------------------------------------- */

/* header */

#header {
width: 760px;
height: 200px;
margin: 0 auto;
}

/* logo */

#logo {
float: left;
}	

#logo h1 {
margin: -158px 0 0 0;
position:relative;
left:-9999px;
}  /* I shot this baby way off the page so I could use the gif for the logo and the actual h1 is hidden, unless you got the world's biggest monitor. once again it's hidden, not deceptive, so the h1 is there for search engine hits and meta... */   

#logo p {
margin: 0;
padding-top: 50px;
}	/* lines the tater famine logo up in the middle of the banner background */






#logo a {
text-decoration: none;
color: #FFFFFF;
}

/* Menu */

#menu {
margin:0 70px 0 0;
float: right;
}

#menu ul {
margin: 0;
padding: 90px 0 12px 0;
text-align: center;
list-style: none;
}

#menu li {
display: inline;
}

#menu a {
padding:0 20px;
border-left:1px solid #FFFFFF;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}

#menu a:hover {
color: #23B9FF;
}

#menu .first a {
border: none;
}






/* Page */

#page {
width: 760px;
margin: 0 auto;
}

/* Content */

#content {
float: right;
width: 500px;
}

#content p {
text-align:justify;
padding:5px 0 0 0;
}

#content h2 {
height: 20px;
margin: 0;
padding: 13px 0 10px 20px;
background: url(../images/bluegrad.gif) repeat-x;
font-size: 12px;
color: black;
}



#content h3 {
text-transform: none;
font-size: 1.2em;
}

#content h3 span {
color:red;
}

#content .content {
padding: 10px 0 0 0;
}



.tour h2 {
margin: 0;
padding:0 0 20px 0;
}


.dates h3 {
margin:10px 0 3px 0;
color:red;
}

.dates p {
margin-top:-5px;
}











/* SIDEBAR   SIDEBAR */

#sidebar {
float: left;
width: 240px;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}

#sidebar li {
padding: 0 20px 20px 20px;
background: url(../images/redgrad3.gif) repeat-x;
}

#sidebar li ul {
list-style-type: none;

}

#sidebar li li {
margin-bottom:3px;
padding: 0;
background: none;
border:none;
}

#sidebar dl {
}

#sidebar dt {
font-size: x-small;
font-weight: bold;
}

#sidebar dd {
margin-bottom: 15px;
line-height: normal;
font-size: x-small;
}

#sidebar ol {
margin: 0;
list-style-position: inside;
}

#sidebar h2 {
height: 25px;
padding: 10px 0 0 0;
font-size: 12px;
color: #000000;
}

#sidebar blockquote {
margin: 0;
}

#sidebar a {
}

/* Footer */

#footer {
width: 720px;
margin: 0 auto;
padding: 10px 20px;
border-top: 1px solid #666666;
font-size: x-small;
}

#footer p {
margin: 0;
line-height: normal;
color: #999999;
}

#footer a {
color: #999999;
}

#anim {
padding-bottom:16px;
position:relative;
top:10px;
left:185px;
}

#links ul li {
margin:0;
padding:0 0 15px 0;
}


#band p.job{
margin:-20px 0 50px 58px;
font-weight:bold;
font-size:16px;
}

#band img {
padding:0 13px 0 50px;
}


p.merchpic {
margin:-10px 0 20px 0;
padding:0px;
}

.window {
margin:0 0 0 110px;
width:280px;
text-align:center;
}

.merchname {
margin:10px 0 40px 110px;
width:280px;
text-align:center;
}





/* sayonara, 2009 by Jim Dodds --- Doddso Designs */