html {
	padding: 0;
	margin: 0;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
	background: url(outerbg.gif) bottom center repeat #000;
}

body {
	padding: 0;
	margin: 0;
	text-align: center;
	color: #fff;
}


/* basic divs covering the main layout */

#everything {
	position: relative;
	width: 100%;
	margin: 0;
	text-align: center;
	background: url(outerbgtop.gif) top center no-repeat;
}

#everything2 {
	position: relative;
	width: 780px;
	margin: 0 auto 0 auto;
	background: url(mainbg.jpg) 0 0 repeat-y;
}


/* Top Logo, Image, and etc. */

#topstuff {
	position: relative;
	width: 780px;
	height: 182px;
	padding: 0;
	margin: 0;
	background: url(topstuff.gif) 0 0 no-repeat;
	text-align: left;
}

#topmembers {
	position: relative;
	width: 780px;
	height: 161px;
	background: url(topstuff.gif) 0 0 no-repeat;
}

.topchris {
	float: left;
	padding: 0;
	margin: 0;
	width: 77px;
	height: 161px;
	margin-left: 2px;
	text-indent: -10000px;
}

.topkoleberg {
	float: left;
	padding: 0;
	margin: 0;
	width: 115px;
	height: 161px;
	text-indent: -10000px;
}

.topzinny {
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	width: 96px;
	height: 161px;
	text-indent: -10000px;
}


.toprob {
	float: left;
	padding: 0;
	margin: 0;
	width: 86px;
	height: 161px;
	text-indent: -10000px;
}

.topgrizzly {
	float: left;
	padding: 0;
	margin: 0;
	width: 80px;
	height: 161px;
	text-indent: -10000px;
}

#topextra {
	position: relative;
	width: 495px;
	height: 20px;
	background: url(topstuff.gif) 0 -161px no-repeat;
	margin: 0 0 0 0;
}



/* Middle area (menu + content) */

#middlestuff {
	position: relative;
	width: 780px;
	padding: 0;
	margin: 0;
	background: url(middlestuffbg.gif) 484px 0 no-repeat;
	text-align: left;
}


#menu {
	float: left;
	width: 120px;
	height: 348px;
	background: url(menu.gif) 19px 0 no-repeat;
	margin: 0 0 20px 0;
	padding: 0;
}

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

.mhome {
	display: block;
	padding: 0;
	margin: 1px 0 0 0;
	height: 29px;
	width: 120px;
	text-indent: -10000px;
}
.mhome:hover {
	background: url(menu.gif) 19px -349px no-repeat;
}

.mnews {
	display: block;
	padding: 0;
	margin: 5px 0 0 0;
	height: 24px;
	width: 120px;
	text-indent: -10000px;
}
.mnews:hover {
	background: url(menu.gif) 19px -383px no-repeat;
}

.mshows {
	display: block;
	padding: 0;
	margin: 5px 0 0 0;
	height: 20px;
	width: 120px;
	text-indent: -10000px;
}
.mshows:hover {
	background: url(menu.gif) 19px -412px no-repeat;
}

.mmusic {
	display: block;
	padding: 0;
	margin: 5px 0 0 0;
	height: 26px;
	width: 120px;
	text-indent: -10000px;
}
.mmusic:hover {
	background: url(menu.gif) 19px -437px no-repeat;
}

.mbios {
	display: block;
	padding: 0;
	margin: 5px 0 0 0;
	height: 22px;
	width: 120px;
	text-indent: -10000px;
}
.mbios:hover {
	background: url(menu.gif) 19px -468px no-repeat;
}

.mvids {
	display: block;
	padding: 0;
	margin: 5px 0 0 0;
	height: 22px;
	width: 120px;
	text-indent: -10000px;
}
.mvids:hover {
	background: url(menu.gif) 19px -495px no-repeat;
}

.mpics {
	display: block;
	padding: 0;
	margin: 5px 0 0 0;
	height: 25px;
	width: 120px;
	text-indent: -10000px;
}
.mpics:hover {
	background: url(menu.gif) 19px -522px no-repeat;
}

.mreviews {
	display: block;
	padding: 0;
	margin: 5px 0 0 0;
	height: 23px;
	width: 120px;
	text-indent: -10000px;
}
.mreviews:hover {
	background: url(menu.gif) 19px -552px no-repeat;
}

.mforums {
	display: block;
	padding: 0;
	margin: 5px 0 0 0;
	height: 25px;
	width: 120px;
	text-indent: -10000px;
}
.mforums:hover {
	background: url(menu.gif) 19px -580px no-repeat;
}

.mshop {
	display: block;
	padding: 0;
	margin: 5px 0 0 0;
	height: 22px;
	width: 120px;
	text-indent: -10000px;
}
.mshop:hover {
	background: url(menu.gif) 19px -610px no-repeat;
}

.mlinks {
	display: block;
	padding: 0;
	margin: 5px 0 0 0;
	height: 22px;
	width: 120px;
	text-indent: -10000px;
}
.mlinks:hover {
	background: url(menu.gif) 19px -637px no-repeat;
}

.mcontact {
	display: block;
	padding: 0;
	margin: 5px 0 0 0;
	height: 22px;
	width: 120px;
	text-indent: -10000px;
}
.mcontact:hover {
	background: url(menu.gif) 19px -664px no-repeat;
}



#pagetitle {
	float: left;
	width: 355px;
	height: 40px;
	margin-left: 0px;
	margin-top: 10px;
	text-align: center;
	padding: 0;
}
#middlestuff>#pagetitle {
}


#maincontent {
	float: right;
	width: 640px;
	margin-right: 10px;
	padding-bottom: 40px;
}
#middlestuff>#maincontent {
	margin-right: 20px;
}

/* Home page */
.pagehome {
	background: url(titlehome.gif) top left no-repeat;
	text-indent: -10000px;
}

#frontmain {
	float: left;
	width: 450px;
	margin-left: 5px;
}

.subzannews {
	background: url(frontzannews.gif) top left no-repeat;
	text-indent: -10000px;
	margin: 20px 0 10px 5px;
	height: 40px;
}

#frontalbums {
	float: right;
	width: 160px;
	text-align: center;
	background: url(frontalbums.gif) top center no-repeat;
	padding-top: 45px;
	margin-right: 5px;
	font-size: 0.8em;
}


/* Showz page */
.pagetour {
	background: url(titletourdates.gif) top left no-repeat;
	text-indent: -10000px;
}

.subpastshows {
	background: url(subtitlepastshows.gif) top left no-repeat;
	text-indent: -10000px;
	margin: 50px 0 10px 5px;
	height: 29px;
}

/* Newz page */
.pagenews {
	background: url(titlenews.gif) top left no-repeat;
	text-indent: -10000px;
}

.newsitem {
	clear: right;
	margin: 20px 10px 20px 10px;
}

.newsheadline {
	margin: 0 0 2px 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #f82828;
}

.newsdate {
	font-size: 0.8em;
	color: #e1331b;
}

.newsanchor {
	color: #f82828;
}


#footer {
	position: relative;
	width: 780px;
	padding: 0;
	margin: 0;
	background: url(footer.png) top left no-repeat;
	text-align: left;
	height: 150px;
}

#footercontent {
	position: relative;
	padding: 20px 40px 20px 40px;
}

/* Music page */
.pagemusic {
	background: url(titlemusic.gif) top left no-repeat;
	text-indent: -10000px;
}

.albumtitle {
	margin: 15px 0 0 10px;
}

/* used on OL tag on music page to show track listings */
.albumtracklist {

}

/* Bios pages */
.pagebiosmain {
	background: url(titlebiosmain.gif) top left no-repeat;
	text-indent: -10000px;
}
.pagebiosgrizzly {
	background: url(titlebiosgrizzly.gif) top left no-repeat;
	text-indent: -10000px;
}
.pagebiosrob {
	background: url(titlebiosrob.gif) top left no-repeat;
	text-indent: -10000px;
}
.pagebioszinny {
	background: url(titlebioszinny.gif) top left no-repeat;
	text-indent: -10000px;
}
.pagebioskoleberg {
	background: url(titlebioskoleberg.gif) top left no-repeat;
	text-indent: -10000px;
}
.pagebioschris {
	background: url(titlebioschris.gif) top left no-repeat;
	text-indent: -10000px;
}

.biomainpic {
	float: right;
	width: 350px;
	padding: 0;
	margin: 0 2px 10px 5px;
}

#biospicmenu {
	position: relative;
	width: 597px;
	height: 100px;
	background: url(biospicmenu.gif) 0 0 no-repeat;
	margin: 0 0 15px 15px;
	padding: 0;
}

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

.biomain {
	float: left;
	padding: 0;
	margin: 0;
	width: 99px;
	height: 100px;
	text-indent: -10000px;
}
.biomain:hover {
	background: url(biospicmenu.gif) 0 -99px no-repeat;
}
.biomainsel {
	float: left;
	padding: 0;
	margin: 0;
	width: 99px;
	height: 100px;
	text-indent: -10000px;
	background: url(biospicmenu.gif) 0 -99px no-repeat;
}


.biozinny {
	float: left;
	padding: 0;
	margin: 0;
	width: 99px;
	height: 100px;
	text-indent: -10000px;
}
.biozinny:hover {
	background: url(biospicmenu.gif) -99px -99px no-repeat;
}
.biozinnysel {
	float: left;
	padding: 0;
	margin: 0;
	width: 99px;
	height: 100px;
	text-indent: -10000px;
	background: url(biospicmenu.gif) -99px -99px no-repeat;
}

.biochris {
	float: left;
	padding: 0;
	margin: 0;
	width: 99px;
	height: 100px;
	text-indent: -10000px;
}
.biochris:hover {
	background: url(biospicmenu.gif) -198px -99px no-repeat;
}
.biochrissel {
	float: left;
	padding: 0;
	margin: 0;
	width: 99px;
	height: 100px;
	text-indent: -10000px;
	background: url(biospicmenu.gif) -198px -99px no-repeat;
}

.biokoleberg {
	float: left;
	padding: 0;
	margin: 0;
	width: 99px;
	height: 100px;
	text-indent: -10000px;
}
.biokoleberg:hover {
	background: url(biospicmenu.gif) -297px -99px no-repeat;
}
.biokolebergsel {
	float: left;
	padding: 0;
	margin: 0;
	width: 99px;
	height: 100px;
	text-indent: -10000px;
	background: url(biospicmenu.gif) -297px -99px no-repeat;
}

.biorob {
	float: left;
	padding: 0;
	margin: 0;
	width: 99px;
	height: 100px;
	text-indent: -10000px;
}
.biorob:hover {
	background: url(biospicmenu.gif) -396px -99px no-repeat;
}
.biorobsel {
	float: left;
	padding: 0;
	margin: 0;
	width: 99px;
	height: 100px;
	text-indent: -10000px;
	background: url(biospicmenu.gif) -396px -99px no-repeat;
}

.biogrizzly {
	float: left;
	padding: 0;
	margin: 0;
	width: 99px;
	height: 100px;
	text-indent: -10000px;
}
.biogrizzly:hover {
	background: url(biospicmenu.gif) -495px -99px no-repeat;
}
.biogrizzlysel {
	float: left;
	padding: 0;
	margin: 0;
	width: 99px;
	height: 100px;
	text-indent: -10000px;
	background: url(biospicmenu.gif) -495px -99px no-repeat;
}

/* gallery */
.pagepics {
	background: url(titlepicz.gif) top left no-repeat;
	text-indent: -10000px;
}
.pagegalleryrockhimlen {
	background: url(titlegalleryrockhimlen.gif) top left no-repeat;
	text-indent: -10000px;
}
.pagegalleryswedenrock {
	background: url(titlegallerysrf.gif) top left no-repeat;
	text-indent: -10000px;
}
.pagegalleryrestinsleaze {
	background: url(titlegalleryrestinsleaze.gif) top left no-repeat;
	text-indent: -10000px;
}



.picsmaintn {
	clear: left;
	float: left;
	margin: 0 5px 5px 5px;
}


.gallerythumbviewer {
	width: 580px;
	white-space: nowrap;
	margin: 0 auto 0 auto;
	height: 120px;
	overflow: scroll;
	padding: 5px 5px 0 5px;
	background-color: #000;
}

/* div wraps around actual image */
.maingallerypic{
	width: 100%;
	text-align: center;
	margin: 15px 0 0 0;
	padding: 0;
}
/* class for the actual photo img tag */
.maingalleryimg {
	display: block;
	margin: 0 auto 0 auto;
}


/* Video page */
.pagevideos {
	background: url(titlevideos.gif) top left no-repeat;
	text-indent: -10000px;
}

.videobox {
	clear: both;
}


/* Shop page */
.pageshop {
	background: url(titleshop.gif) top left no-repeat;
	text-indent: -10000px;
}

.shopbox {
	clear: both;
}

/* Reviews Page */
.pagereviews {
	background: url(titlereviews.gif) top left no-repeat;
	text-indent: -10000px;
}

/* Links page */
.pagelinks {
	background: url(titlelinks.gif) top left no-repeat;
	text-indent: -10000px;
}

/* Contact page */
.pagecontact {
	background: url(titlecontact.gif) top left no-repeat;
	text-indent: -10000px;
}



/* text under random images*/
.imgtext {
	text-align: center;
	font-size: 0.8em;
	color: #e1331b;
}

/* Fix for stretching out divs so they completely contain inner floats */
.clearfloater {
	position: relative;
	clear: both;
	height: 1px;
}

.clearit {
	clear: both;
}

.hideit {
	visibility: hidden;
}

/* Fixes a margin bug at top of middlestuff */
.blank {
	display: none;
	height: 1px;
	width: 780px;
	margin-top: -1px;
}
#middlestuff>.blank {
	display: block;
}

.rightfloater {
	float: right;
	padding: 5px;
}

.centerit {
	text-align: center;
}


/* generic dl-dt-dd lists, primary use is show list */
dl {
	display: block;
	margin: 10px;
}

dt {
	font-weight: bold;
	color: #e1331b;
}

dd {

}

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


/* Generic CSS */
p {
	margin: 5px 5px 10px 5px;
	padding: 0 0 0 0;
}

img {
	border: 0;
}

a {
	color: #feff21;
	text-decoration: none;
}

/* h2 is the page title, shows with a background image with its own margins and such */
h2 {
	margin: 0;
	padding: 0;
}
/* h3 is used for subtitles on the page. Also normally shown via a background graphic */
h3 {
	margin: 8px;
	padding: 2px;
	font-size: 1.5em;
	font-weight: bold;
	color: #e1331b;
}
/* h4 is for generic titles, such as the years on the "past shows" section of the shows.html page */
h4 {
	margin: 8px;
	padding: 2px;
	font-size: 1.3em;
	font-weight: bold;
	color: #e1331b;
}

sup {
	color: red;
}