/* -- GLOBAL --------------------------------------------------------------------------- */
* { padding: 0; margin: 0; border: 0; }
body {
	background: url("../gif/index/red_repeat.jpg") repeat top center;
	text-align: center;	/* Centers the layout in Win IE 5 */
}

#strip { 
	width: 810px;
	margin: 0 auto;
	text-align: center;
	background: #000000 transparent url("../gif/index/red_repeat.jpg") repeat-y top center;
}
#mainimage {
	position: relative;
	display: block;
	height: 314px;
	background-image: url(../../gif/bio/bio_pic.jpg);

}
#homebase {
	position: absolute;
	width: 46px;
	height: 34px;
	top: 0;
	left: 30px;
	background: transparent url("../gif/index/homebase.jpg") no-repeat;
}
#main-nav {
	position: relative;
	width: 810px;
	height: 69px;
	background: transparent url("../gif/index/nav.gif") no-repeat;
}

#main-content {
	width: 810px;
	border-top: 20px #000 solid;
	border-bottom: 20px #000 solid;
	text-align: left;
	background: transparent url("../gif/index/black_repeat.gif") repeat-y;
}
#left-content {
	float: left;
	width: 544px;
}
#right-content {
	float: right;
	width: 265px;
}
.clear { 	clear: both; }

/* -- GLOBAL > NAVIGATION -------------------------------------------------------------- */
#main-nav ul {
	border: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: left;
	height: 69px;
}
#main-nav ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}
#main-nav ul li a {
	display: block;
	height: 69px;
	padding: 0;
	margin: 0;
}

li#nav_bio a { width: 100px; }
li#nav_band a { width: 99px; }
li#nav_disco a { width: 163px; }
li#nav_music a { width: 96px; }
li#nav_shows a { width: 105px; }
li#nav_links a { width: 117px; }
li#nav_contact a { width: 130px; }

li#nav_bio a:hover { background: transparent url("../gif/index/nav.jpg") 0px 0px no-repeat; }
li#nav_band a:hover { background: transparent url("../gif/index/nav.jpg") -100px 0px no-repeat; }
li#nav_disco a:hover { background: transparent url("../gif/index/nav.jpg") -199px 0px no-repeat; }
li#nav_music a:hover { background: transparent url("../gif/index/nav.jpg") -362px 0px no-repeat; }
li#nav_shows a:hover { background: transparent url("../gif/index/nav.jpg") -458px 0px no-repeat; }
li#nav_links a:hover { background: transparent url("../gif/index/nav.jpg") -563px 0px no-repeat; }
li#nav_contact a:hover { background: transparent url("../gif/index/nav.jpg") -680px 0px no-repeat; }

#main-nav ul li strong { display: none; }
	
/* -- GLOBAL > LINKS ------------------------------------------------------------------- */
a {
	text-decoration: underline;
	color: #AD8585;
}
a:hover {
	text-decoration: none;
	color: #AD8585;
}

/* -- GLOBAL TYPOGRAPHY ---------------------------------------------------------------- */
html,body,div,p {
	font: normal 11px "Lucida Grande", Arial, Helvetica, Tahoma, sans;
	color: #fff;
}
h1 { margin: 0; }
h2, h3 {
	font-size: 16px;
	padding: 10px 0 0 0;
	line-height: 20px;
	font-weight: bold;
	color: #AD8585;
}
h3 { font-size: 12px; padding: 10px 0 5px 0; }
h4 {
	font-size: 14px;
	color: #AD8585;
	text-transform: uppercase;
}
#left-content h2, #left-content h3, #left-content p { margin: 0 40px; }
.author {
	font-size: 9px;
	line-height: 18px;
	color: #555;
	padding: 0 0 10px 0;
}
.journal {
	line-height: 18px;
	padding: 1px 2px;
	background: #000000;
}
a.journal, a:visited.journal {
	font-weight: bold;
	color: #AD8585;
	background: #000000;
	text-decoration: none;
}
a:hover.journal {
	background: #AD8585;
	color: #000000;
}
.old { line-height: 18px; }
.old a, .old a:visited, .cr-text a, .cr-text a:visited {
	padding: 1px 2px;
	line-height: 18px;
	color: #AD8585;
	background: #000000;
	text-decoration: none;
}
.old a:hover, .cr-text a:hover { background: #333333; }


/* -- GLOBAL > FORMS ------------------------------------------------------------------- */
form {
	padding: 0;
	margin: 0;
}
.input {
	width: 85px;
	font-size: 9px;
}
.submit {
	font-size: 9px;
}

/* -- GLOBAL > IMAGES ------------------------------------------------------------------ */
img {
	padding: 0;
	margin: 0;
	border: 0;
}

/* -- [ Content > Homepage ] ----------------------------------------------------------- */
.newsitem { margin: 0 0 10px 0; }
.newsitem h2 { line-height: 18px; }
.oldnews { margin: 0 0 20px 0; }
#cdsale {
	width: 245px;
	height: 225px;
	background: transparent url("../gif/index/cdsale.jpg") no-repeat;
}
#cdsale p {
	font: normal 9px "Lucida Grande", Arial, Helvetica, Tahoma, sans;
	padding: 70px 0 0 53px;
	line-height: 15px;
}
#cdsale p b { font: bold 9px "Lucida Grande", Verdana, Tahoma, sans; }
#right-content img { margin: 0 20px; }


/* -- MAINIMAGE ------------------------------------------------------------------------ */
#homebase a {
	display: block;
	width: 46px;
	height: 34px;
}
#homebase a:hover { background: transparent url("../gif/index/homebase.jpg") 0px -34px no-repeat; }
#homebase a strong { display: none; }
#mainimage { background: transparent url("../gif/index/index_pic.jpg") no-repeat; }
body#bio #mainimage { background: transparent url("../gif/bio/bio_pic.jpg") no-repeat; }
body#band #mainimage { background: transparent url("../gif/band/band_pic.jpg") no-repeat; }
body#disco #mainimage { background: transparent url("../gif/disco/disco_pic.jpg") no-repeat; }
body#music #mainimage { background: transparent url("../gif/music/music_pic.jpg") no-repeat; }
body#shows #mainimage { background: transparent url("../gif/shows/shows_pic.jpg") no-repeat; }
body#links #mainimage { background: transparent url("../gif/links/links_pic.jpg") no-repeat; }
body#contact #mainimage { background: transparent url("../gif/contact/contact_pic.jpg") no-repeat; }

/* -- SECONDARY CONTENT ---------------------------------------------------------------- */
.cr-text { padding-left: 20px; padding-right: 20px; }

/* -- FOOTER --------------------------------------------------------------------------- */
#footer {
	clear: both;
	position: relative;
	width: 810px;
	height: 110px;
	margin: 0 auto;
	text-align: center;
	background: transparent url("../gif/index/footer.jpg") no-repeat;
}
h4#hc2 {
	position: absolute;
	top: 21px;
	left: 680px;
	text-indent: -9999px;
	width: 109px;
	height: 53px;
	margin: 0;
	padding: 0;
}
h4#hc2 a	{
	display: block;
	width: 109px;
	height: 53px;
	text-decoration: none;
	background: transparent url("../gif/index/hc2ca.png") top left no-repeat;
}
h4#hc2 a:hover { background: transparent url("../gif/index/hc2ca.png") 0 -53px no-repeat; }

/* -- [ Miscellaneous Definitions ] ---------------------------------------------------- */
hr {
	border-top: 1px dashed #b2b2b2;
	color: #fff;
	background-color: #fff;
	height: 1px;
	margin: 20px;
}
.notables-hr { margin: 0 20px; }
.hide { display: none; }