/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}a{text-decoration:none}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0;}

/* html5 */
header, nav, article, section, figure, aside, footer { display: block; }
time { display: inline; }

/* fonts */
@font-face {
	font-family: 'MonospaceTypewriter';
	src: url('../type/MonospaceTypewriter.eot');
	src: local('☺'), 
	url('../type/MonospaceTypewriter.ttf') format('truetype'), 
	url('../type/MonospaceTypewriter.svg#webfont') format('svg');
}

/* do it */
html { background: #786757 url(../images/bkg.jpg) 50% 0 no-repeat; }
body {
	background: url(../images/weeds.png) 25% bottom no-repeat;
	font: 12px verdana, helvetica, arial, sans-serif;
}
.ie6 body { background: none; }

/* header */
#header {
	background: url(../images/header_bkg.jpg) 0 0 no-repeat;
	height: 233px;
	margin: 0 auto;
	position: relative;
	width: 960px;
	z-index: 1;
}
#header h1 {
	color: #4e2e10;
	font: 200 12px "MonospaceTypewriter", Lucida Console, Monaco, monospace;
	letter-spacing: 2px;
	padding-top: 204px;
	text-align: center;
}
#header span {
	background: url(../images/flowers.png) 0 0 no-repeat;
	bottom: 0;
	display: block;
	height: 230px;
	position: absolute;
	right: -95px;
	width: 222px;
	z-index: 100;
}

/* bands */
#bands {
	margin: 0 auto 6px auto;
	overflow: hidden;
	width: 960px;
}
#bands ul li {
	background: url(../images/question_marks.jpg) 0 0 no-repeat;
	display: inline;
	float: left;
	height: 278px;
	margin: 0 6px 6px 0;
	position: relative;
	width: 316px;
}
#bands ul li h3 {
	background: #f2bc1b;
	color: #4e2e10;
	font: 200 18px "MonospaceTypewriter", Lucida Console, Monaco, monospace;
	height: 36px;
	letter-spacing: 2px;
	margin-bottom: 8px;
	padding: 3px 15px;
	text-transform: uppercase;
}
#bands ul li.single h3 { line-height: 36px; }
#bands ul li.double h3 { line-height: 18px; }
#bands ul li span {
	color: #4e2e10;
	display: block;
	font: 200 12px "MonospaceTypewriter", Lucida Console, Monaco, monospace;
	letter-spacing: 2px;
	padding-bottom: 3px;
}
#bands ul li span.solo {
    height:40px;
    line-height:40px;
    text-align:center;
}
#bands ul li .video,
#bands ul li .pic {
	margin-bottom: 3px;
	margin-left: 8px;
}
#bands ul li .song { margin-left: 8px; }
#bands ul li.bottom { margin-bottom: 0; }
#bands ul li.end { margin-right: 0; }
#bands ul li.first,
#bands ul li.second,
#bands ul li.third,
#bands ul li.fourth,
#bands ul li.fifth,
#bands ul li.sixth,
#bands ul li.seventh,
#bands ul li.eighth,
#bands ul li.last { background: url(../images/rgba_red.png); }
/* #bands ul li.ninth { background: url(../images/question_marks.jpg) 0 0 no-repeat; }*/
/* #bands ul li.first { background-position: 0 -290px; }*/
/* #bands ul li.second { background-position: 0 -580px; }*/
/* #bands ul li.fourth { background-position: 0 -868px; }*/
/* #bands ul li.fifth { background-position: 0 -1158px; }*/
/* #bands ul li.sixth { background-position: 0 -1448px; }*/
/* #bands ul li.seventh { background-position: 0 -1736px; }*/
/* #bands ul li.eighth { background-position: 0 -2026px; }*/
#bands ul li.last p {
	color: #fff;
	font: 200 14px/22px "MonospaceTypewriter", Lucida Console, Monaco, monospace;
	letter-spacing: 3px;
	padding: 50px 32px 0 32px;
    text-align:center;
}
#bands ul li.last p a {
	color: #4e2e10;
	font: 200 14px/32px "MonospaceTypewriter", Lucida Console, Monaco, monospace;
	letter-spacing: 3px;
}
#bands ul li.last p a:hover { color: #fff; }

/* schedule & tickets */
#schedule-tickets {
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
}
#schedule-tickets h2 {
	background: url(../images/schedule_tickets.png) 0 0 no-repeat;
	color:#4E2E10;
	font:200 18px/45px "MonospaceTypewriter",Lucida Console,Monaco,monospace;
	letter-spacing: 4px;
	height: 126px;
	margin: 0 auto 10px auto;
	text-align: center;
	text-transform: uppercase;
	width: 960px;
}
#schedule, #tickets {
	background: url(../images/rgba_red.png);
	display: inline;
	float: left;
	height: 420px;
	margin: 0 6px 0 0;
	position: relative;
	width: 477px;
}
#schedule {
	background: url(../images/rgba_schedule.png);
	text-indent: -9999px;
}
#tickets { margin-right: 0; }
#tickets h3, #tickets h4 {
	color: #4e2e10;
	font: 200 12px/32px "MonospaceTypewriter", Lucida Console, Monaco, monospace;
	letter-spacing: 3px;
	text-align: center;
}
#tickets h3 { font-size: 18px; }
#tickets h3:first-child { padding-top: 40px; }
#tickets h4 { margin-bottom: 20px; }
#tickets h4 a {
	color: #4e2e10;
	font: 200 14px/32px "MonospaceTypewriter", Lucida Console, Monaco, monospace;
	letter-spacing: 3px;
}
#tickets h4 a:hover { text-decoration: underline; }

/* footer */
#footer {
	color: #fff;
	font: 200 12px/60px "MonospaceTypewriter", Lucida Console, Monaco, monospace;
	height: 60px;
	letter-spacing: 2px;
	margin: 0 auto;
	text-align: right;
	width: 960px;
}