/* GLOBAL STYLES
------------------------------------------------------------ */


a:link, a:visited, a:active {
	color: #660000;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #C70000;
	font-weight: bold;
}
body,td,th {
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
}
body {
	margin: 0;
	background: url(../images/bg-wide.jpg);
	background-color: rgb(34,22,12);
	background-position: top center;
	background-repeat: no-repeat;
}
.floatleft {
	clear: none;
	float: left;
	margin: 0 14px 10px 0;
}
.floatright {
	clear: none;
	float: right;
	margin: 0 0 10px 14px;
}
.clear {
	clear: both;
}



/* MAIN CONTAINERS
------------------------------------------------------------ */



#container {
	background-color: transparent;
	margin: 0 auto 0 auto;
	position: relative;
	text-align: left;
	width: 940px;
}
#navcontainer {
	background-color: #660000;
	float: left;
	height: 40px;
	margin: 0;
	padding: 0;
	width: 940px;
}
#hero-container {
	background-color: #FFFFFF;
	background-image: url(../images/distressed-bg.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	float: left;
	margin: 0;
	width:940px;
}

#body-container {
	background-color: #FFFFFF;
	float: left;
	margin: 0;
	padding: 0 0 30px 0;
	width: 940px;
}
#footer-container {
	background-color: rgb(231,225,215);
	float: left;
	margin: 0;
	padding: 0
	width: 940px;
}



/* MAIN NAVIGATION
------------------------------------------------------------ */




	/* Measurements for the nav image replacement:
	
		The distance from the top to the...
			initial state = 0
			rollover state = 40px
			active state = 80px
	
		The distance from the far-left to the...
			home button = 0px
			shows button = 117px
			media button = 234px
			promo button = 351px
			store button = 467px
			band button = 585px
			community button = 702px
			contact button = 819px
		
		The width of the...
			home button = 117px
			shows button = 117px
			media button = 117px
			promo button = 117px
			store button = 117px
			band button = 117px
			community button = 117px
			community button = 121px
				
------------------------------------------------------------ */

ul#nav {
	background: url(../images/nav-states.png);
}
ul#nav li {
	float: left;
	list-style-type: none;
}
ul#nav li a {
	height: 40px;
	display: block;
	outline: none;
	position: absolute;
	top: 183px;
	text-indent: -9999px;
}	
li#navHome a, li#navShows a, li#navMedia a, li#navPromo a, li#navStore a, li#navBand a, li#navCommunity a, li#navContact a {
	background: url(../images/nav-states.png);
}
li#navHome a { 						background-position: 0 0; width: 117px; left: 0; }
li#navHome a:hover { 				background-position: 0 -40px; }
body#pageHome li#navHome a { 		background-position: 0 -80px; }

li#navShows a { 					background-position: -117px 0; width: 117px; left: 117px; }
li#navShows a:hover { 				background-position: -117px -40px; }
body#pageShows li#navShows a { 		background-position: -117px -80px; }

li#navMedia a {						background-position: -234px 0; width: 117px; left: 234px; }
li#navMedia a:hover {				background-position: -234px -40px; }
body#pageMedia li#navMedia a {		background-position: -234px -80px; }

li#navPromo a {						background-position: -351px 0; width: 117px; left: 351px; }
li#navPromo a:hover {				background-position: -351px -40px; }
body#pagePromo li#navPromo a {		background-position: -351px -80px; }

li#navStore a {						background-position: -468px 0; width: 117px; left: 468px; }
li#navStore a:hover {				background-position: -468px -40px; }
body#pageStore li#navStore a {		background-position: -468px -80px; }

li#navBand a {						background-position: -585px 0; width: 117px; left: 585px; }
li#navBand a:hover {				background-position: -585px -40px; }
body#pageBand li#navBand a {		background-position: -585px -80px; }

li#navCommunity a {						background-position: -702px 0; width: 117px; left: 702px; }
li#navCommunity a:hover {				background-position: -702px -40px; }
body#pageCommunity li#navCommunity a {	background-position: -702px -80px; }

li#navContact a {					background-position: -819px 0; width: 121px; left: 819px; }
li#navContact a:hover {				background-position: -819px -40px; }
body#pageContact li#navContact a {	background-position: -819px -80px; }



/* PAGE TITLES
------------------------------------------------------------ */



/* HOMEPAGE ELEMENTS
------------------------------------------------------------ */



#hero {
	background-image: url(../images/nav-shadow.png);
	background-position: top;
	background-repeat: repeat-x;
	min-height: 291px;
	padding: 20px;
	margin: 0;
	width: 900px;
}

#hero h1 {
	background-image: url(../images/h1-welcome.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	height: 29px;
	padding: 0;
	margin: 0 0 15px 0;
	width: 490px;
	text-indent: -9999px;
}
#hero h2 a {
	background-image: url(../images/button-learnmore.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: right;
	height: 71px;
	padding: 0;
	margin: -10px 0 0 -10px;
	width: 274px;
	text-indent: -9999px;
}
#hero p {
	font-size: 14px;
	line-height: 16px;	
	text-indent: 0; 
}
#hero em {
	font-family: Georgia, serif;
	font-style: italic;
}
#hero img {
	float: left;
	margin-right: 20px;
}
#tour-spiff {
	float: left;
	min-height: 250px;
	margin: 5px 20px 0 30px;
	padding: 0;
	width:370px;
}
#tour-spiff h1 a {
	background-color: #FFFFFF;
	background-image: url(../images/h1-tour.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	height: 29px;
	padding: 0 0 10px 0;
	margin: 0;
	width: 370px;
	text-indent: -9999px;
}
#tour-spiff ul {
	background-color: rgb(235,230,222);
	border-bottom: solid 1px rgb(164,147,120);
	float: left;
	list-style-type: none;
	margin: 0 0 8px 0;
	padding: 0;
}
#tour-spiff li {
	border-top: solid 1px rgb(164,147,120);
	float: left;
	padding: 5px 10px 5px 10px;
	width:350px;
}
#tour-spiff li a {
	background-color: rgb(235,230,222);
	color: #660000;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	padding: 2px 0 2px 0;
	margin: 2px 0 0 0;
}
#tour-spiff li a:hover {
	color: #C70000;
	font-size: 14px;
	line-height: 18px;
}
#tour-spiff img {
	margin: 0 0 8px 0;
}
#blog-spiff {
	float: left;
	min-height: 250px;
	margin: 5px 0 0 0;
	padding: 0;
	width:490px;
}
#blog-spiff h1 a {
	background-color: #FFFFFF;
	background-image: url(../images/h1-blog.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	height: 35px;
	padding: 0 0 10px 0;
	margin: 0;
	width: 400px;
	text-indent: -9999px;
}
#blog-content {
	background-color: rgb(235,230,222);
	border-bottom: solid 1px rgb(164,147,120);
	border-top: solid 1px rgb(164,147,120);
	float: left;
	margin: 0;
	padding: 12px 15px 15px 15px;
	width:460px;
}
#blog-spiff h2 {
	color: #660000;
	line-height: 20px;
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 8px 0;
	padding: 0;
}
#blog-spiff p {
	margin: 0 0 8px 0;
	padding: 0;
	text-indent: 0;
}
#store-spiff {
	float: left;
	min-height: 250px;
	margin: 5px 0 0 0;
	padding: 0;
	width:490px;
}
#store-spiff h1 a {
	background-color: #FFFFFF;
	background-image: url(../images/h1-store.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	height: 29px;
	padding: 0 0 10px 0;
	margin: 0;
	width: 490px;
	text-indent: -9999px;
}
#store-content {
	background-color: rgb(235,230,222);
	border-bottom: solid 1px rgb(164,147,120);
	border-top: solid 1px rgb(164,147,120);
	float: left;
	margin: 0;
	padding: 12px 15px 15px 15px;
	width:460px;
}
#store-spiff h2 {
	color: #660000;
	line-height: 20px;
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 8px 0;
	padding: 0;
}
#store-spiff p {
	margin: 0 0 8px 0;
	padding: 0;
	text-indent: 0;
}
#store-spiff img {
	background-color: #FFFFFF;
	border: solid 1px rgb(164,147,120);
	float: left;
	margin: 0 20px 0 0;
	padding: 2px;
}

#store-spiff ul {
	border-top: solid 1px rgb(164,147,120);
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#store-spiff li a {
	background-color: rgb(235,230,222);
	border-bottom: solid 1px rgb(164,147,120);
	float: left;
	margin: 0;
	padding: 5px;
	width: 243px;
}
#store-spiff li a:hover {
	background-color: #FFFFFF;
	float: left;
	padding: 5px;
	width: 243px;
}
#store-spiff p {
	float: left;
	padding: 0;
	margin: 10px 0 0 0;
}

/* FEEDBURNER ELEMENTS
------------------------------------------------------------ */


div.feedburnerFeedBlock ul {
font-family: verdana;
font-size: 10px;
margin-left:0;
padding-left:0;
list-style-type: none
}

div.feedburnerFeedBlock ul li span.headline {
font-weight: none;
font-family: verdana; 
font-size: 12px;
display:block;
margin:0px 0 0px 0;
}

#creditfooter {
display: none; 
}







/* COMMON ELEMENTS
------------------------------------------------------------ */



#masthead {
	background-image: url(../images/masthead.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: 183px;
	float: left;
	margin: 0;
	width:940px;
}
#masthead h1 {
	text-indent: -9999px;
}
#footer {
	background-image: url(../images/footer-bg-slice.png);
	background-repeat: repeat-y;
	float: left;
	margin: 0;
	min-height: 65px;
	padding: 0;
	width: 940px;
}
#footer-copyright {
	color: #000000;
	float: left;
	font-size: 12px;
	line-height: 18px;
	margin: 12px 20px 0 30px;
	padding: 0;
	width:370px;
}
#footer-facebook p {
	padding: 0;
	margin: 0;
}
#footer-myspace p a {
	background-image: url(../images/footer-myspace.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 42px;
	padding: 0;
	margin: 0 0 0 150px;
	width: 154px;
	float: left;
	text-indent: -9999px;
}
#footer-robotarmies p a {
	background-image: url(../images/footer-robotarmies.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 42px;
	padding: 0;
	margin: 0 0 0 30px;
	width: 155px;
	float: left;
	text-indent: -9999px;
}



/* SUBPAGE ELEMENTS
------------------------------------------------------------ */


#construction {
	background-image: url(../images/nav-shadow.png);
	background-position: top;
	background-repeat: repeat-x;
	min-height: 200px;
	margin: 0;
	padding: 45px 180px 15px 180px;
	width: 580px;
}
#construction h1 {
	background-image: url(../images/h1-construction.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	height: 53px;
	padding: 0 0 0 0;
	width: 525px;
	text-indent: -9999px;
}
#construction p {
	float: left;
	font-size: 22px;
	line-height: 30px;	
	margin: 0;
	padding: 0;
	text-indent: 0;
	width: 525px;
}
#promo h1 {
	background-image: url(../images/page-promo.png);
}
#band h1 {
	background-image: url(../images/page-band.png);
}
#community h1 {
	background-image: url(../images/page-community.png);
}
#dollartree h1 {
	background-image: url(../images/page-dollartree.png);
}
#contact h1 {
	background-image: url(../images/page-contact.png);
}
#media h1 {
	background-image: url(../images/page-media.png);
}
#shows h1 {
	background-image: url(../images/page-shows.png);
}
#store h1 {
	background-image: url(../images/page-store.png);
}
#tour h1 {
	background-image: url(../images/page-store.png);
}
#promo h1, #band h1, #community h1, #contact h1, #media h1, #shows h1, #store h1, #tour h1, #dollartree h1 {
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	height: 33px;
	padding: 0;
	margin: 0 0 15px 0;
	width: 900px;
	text-indent: -9999px;
}
#band, #community, #contact, #media, #shows, #tour, #dollartree {
	background-image: url(../images/nav-shadow.png);
	background-position: top;
	background-repeat: repeat-x;
	min-height: 35px;
	padding: 30px;
	margin: 0;
	width: 880px;
}
#promo {
	background-image: url(../images/nav-shadow.png);
	background-position: top;
	background-repeat: repeat-x;
	min-height: 35px;
	padding: 30px;
	margin: 0;
	width: 880px;
}
#store {
	background-image: url(../images/nav-shadow.png);
	background-position: top;
	background-repeat: repeat-x;
	float: left;
	min-height: 291px;
	padding: 30px 0 30px 30px;
	margin: 0;
	width: 500px;
}
#store-right {
	background-image: url(../images/nav-shadow.png);
	background-position: top;
	background-repeat: repeat-x;
	float: left;
	min-height: 291px;
	padding: 50px 30px 30px 0;
	margin: 0;
	width: 380px;
}
#store-right h1 {
	background-image: none;
	text-indent: 0;
}
#promo ul, #store ul {
	border-top: solid 1px rgb(164,147,120);
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0 0 30px 0;
}
#promo li a, #store li a {
	background-color: rgb(235,230,222);
	border-bottom: solid 1px rgb(164,147,120);
	float: left;
	margin: 0;
	padding: 8px;
	width: 680px;
}
#promo li a:hover, #store li a:hover {
	background-color: #FFFFFF;
	background-image: url(../images/download-button.png);
	background-position: top right;
	background-repeat: no-repeat;
	float: left;
	padding: 8px;
	width: 680px;
}
#members img {
	float: left;
	margin-right: 15px;
}
#members {
	float: left;
	padding: 15px 30px 30px 30px;
	width: 550px;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
}
#members h1 {
	border-bottom: dotted 1px #660000;
	color: #660000;
	float: left;
	font-size: 22px;
	line-height: 28px;
	font-weight: normal;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	width: 550px;
}
#group {
	float: left;
	padding: 15px 0 30px 0;
	width: 300px;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
}
#group img {
	float: left;
	margin-right: 15px;
}
#group h1 {
	border-bottom: dotted 1px #660000;
	color: #660000;
	float: left;
	font-size: 22px;
	line-height: 28px;
	font-weight: normal;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	width: 300px;
}
#shows-list {
	padding: 30px;
}
#shows-list ul {
	background-color: rgb(235,230,222);
	border-bottom: solid 1px rgb(164,147,120);
	float: left;
	list-style-type: none;
	margin: 0 0 8px 0;
	padding: 0;
}
#shows-list ul {
	background-color: rgb(235,230,222);
	border-bottom: solid 1px rgb(164,147,120);
	float: left;
	list-style-type: none;
	margin: 0 0 8px 0;
	padding: 0;
}
#shows-list li {
	border-top: solid 1px rgb(164,147,120);
	float: left;
	padding: 5px 10px 5px 10px;
	margin: 0;
	width:860px;
}
#shows-list li a {
	background-color: rgb(235,230,222);
	color: #660000;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	padding: 2px 0 2px 0;
	margin: 2px 0 0 0;
}
#shows-list li a:hover {
	color: #C70000;
	font-size: 14px;
	line-height: 18px;
}
#band {
	background-image: url(../images/nav-shadow.png);
	background-position: top;
	background-repeat: repeat-x;
	min-height: 35px;
	padding: 30px;
	margin: 0;
	width: 880px;
}
#promo img {
	float: right;
	margin-left: 20px;
}
#store-right h1 {
	color: #660000;
	font-size: 22px;
	line-height: 24px;
	margin: 0 0 7px 0;
	padding: 0;
}
#store-right p {
	margin: 0 0 25px 0;
	padding: 0;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
}
#store-right img {
	background-color: #FFFFFF;
	border: solid 1px rgb(164,147,120);
	float: left;
	margin: 0 20px 0 0;
	padding: 2px;
}
#promo-body {
	float: left;
	padding: 30px;
	margin: 0;
	width: 700px;
}
#promo-body h1 {
	color: #660000;
	font-size: 20px;
	font-weight: 100;
	line-height: 26px;
	float: left;
	padding: 0 0 10px 0;
	margin: 0;
}
#promo-body p {
	float: left;
	padding: 0 0 10px 0;
	margin: 0;
}
#online-stores img {
	margin: 25px 25px 0 25px;
}