/* CSS 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,
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-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
/* CSS RESET END */

strong { font-weight: normal; }


body {
  background: white;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: Helvetica, "Lucida Grande", Candara, Verdana, sans-serif;
  line-height: 1.5em;
	overflow-y: scroll;
}
img { border: 0; display: block; }

/* BASIC DESIGN */
#header_wrapper {
	width: auto;
	height: 80px;
  margin: 0 auto;
  background: no-repeat top center; 
}
#header_wrapper #farve {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 50%;
	height: 80px;
	overflow: hidden;
}
#header_wrapper #farve div {
	margin: 0 0 0 661px;
	height: 80px;
}
#header {
	position: relative;
  width: 740px;
	height: 80px;
  margin: 0 auto;
}
#header h1 {
	position: absolute;
	top: 17px; left: 8px;
	width: 246px;
	height: 63px;
	max-height: 63px;
}

#header ul {
	position: absolute;
	top: 49px; left: 350px;
	width: 382px;
  list-style: none;
	margin: 0 0;
}
#header li {
  float: right;
  height: 26px;
	
	margin: 0 0 0 0;
}
#header li a {
  display: block;
  height: 25px;
	padding: 6px 10px 0px 10px;
	text-decoration: none;
	text-align: center;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}
#header_wrapper #header li a:active {
  background-color: #000;
	color: #fff;
}
li#stuff { width: 75px; }
li#biography { width: 119px; }
li#discography { width: 140px; }


body.purple #header_wrapper { background: #221a1d url(../gfx/design/topbar-221a1d-db8bad.jpg) no-repeat top center; }
body.purple #header_wrapper #farve div { background: #db8bad; }
body.purple #header li a:hover { background: #221a1d; }
body.purple a:link, body.purple a:visited { color: #bc3673; }
body.purple a:hover { color: #221a1d; }
body.purple a.block:hover { background: #bc3673; }

body.blue #header_wrapper { background: #1a2022 url(../gfx/design/topbar-1a2022-8bcbdb.jpg) no-repeat top center; }
body.blue #header_wrapper #farve div { background: #8bcbdb; }
body.blue #header li a:hover { background: #1a2022; }
body.blue a:link, body.blue a:visited { color: #33a0b5; }
body.blue a:hover { color: #1a2022; }
body.blue a.block:hover { background: #33a0b5; }

body.green #header_wrapper { background: #1f2219 url(../gfx/design/topbar-1f2219-c9e284.jpg) no-repeat top center; }
body.green #header_wrapper #farve div { background: #c9e284; }
body.green #header li a:hover { background: #1f2219; }
body.green a:link, body.green a:visited { color: #9cbe29; }
body.green a:hover { color: #1f2219; }
body.green a.block:hover { background: #9cbe29; }

body.yellow #header_wrapper { background: #242117 url(../gfx/design/topbar-242117-f5d571.jpg) no-repeat top center; }
body.yellow #header_wrapper #farve div { background: #f5d571; }
body.yellow #header li a:hover { background: #242117; }
body.yellow a:link, body.yellow a:visited { color: #e9ab0a; }
body.yellow a:hover { color: #242117; }
body.yellow a.block:hover { background: #e9ab0a; }

body #header li a.selected, body #header li a.selected:hover , body #header li a.selected:active {
  background-color: #fff;
	color: #000;
	cursor: pointer;
}

a:link , a:visited { font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
body.purple a:active , body.blue a:active , body.green a:active , body.yellow a:active { text-decoration: none; color: #000; }

a.black { color: black; text-decoration: none; }
a.black:hover { color: #900; text-decoration: none; }
a.black:active { color: #f00; text-decoration: none; }

body a.block:hover { color: white; text-decoration: none; } 
body a.block:active { color: white; text-decoration: none; } 
body.purple a.block:active, body.blue a.block:active, body.green a.block:active, body.yellow a.block:active { background: black; }


.content {
  clear: both;
  width: 700px;
  margin: 0 auto;
	position: relative;
}

#footer {
	background: url(../gfx/footer.gif) repeat-x;
	height: 120px;
	margin-top: 6em;
}
#footer_content {
	width: 700px;
	margin: 0 auto;
}
#footer ul li {
	display: block;
	float: left;
	width: 175px;
	text-align: left;
	font-size: 13px;
}
#footer ul li a {
	display: block;
	padding: 1em;
	text-align: center;
	line-height: 1.5em;
}
#footer ul li span {
	display: block;
	padding: 1em 0;
	line-height: 1.5em;
}







/* BASIC DESIGN END */

.clearer { clear: both; }

p { margin-bottom: 1em; }


.appetizer {
	color: #888;
	border: solid #ccc;
	border-width: 0 0 1px 0;
	padding: 30px 0 10px 0;
}
.appetizer strong { color: #000; }
.appetizer .flash-disclaimer { font-size: 12px; }

.album {
	padding: 48px 0 2em 320px;
	border-bottom: 1px solid #ccc;
	position: relative;
	min-height: 252px;
}
.album h2 {
	font-size: 24px; font-weight: bold;
}
.album .cover { 
	position: absolute; top: 1em; left: 0px;
	background: #fff; width: 300px; height: 300px; 
}
* html .album .cover { left: -320px; }
.album .releasedate { color: #888; font-size: 11px; }
.album ol { font-size: 13px; line-height: 2em; margin-top: 1em; }
.album ol li { clear: both; }
.album .playbtn {
	float: left; width: 16px; height: 16px; padding: 3px 0.5em 0 0;
}
.album .buy { font-size: 11px; line-height: 1.5em; font-weight: bold; padding: 2em 0 0 0; margin: 0 0 0 0; }
.album .buy div { padding-top: 0.5em; }
.album .buy a { display: block; border: none; height: 16px; margin-bottom: 5px; }
.album .buy a img { border: none; }


/* STUFF PAGE */

h3 { font-weight: bold; color: #000; }
.stuff .item { padding: 1em 0; float: left; width: 160px; margin-right: 20px; font-size: 11px; line-height: 1.5em; }
.stuff .item img { width: 160px; height: 100px; }

.stuff .item ul { padding-top: 1em; margin-left: 40%; }
.stuff .item h4 { float: left; text-align: right; width: 35%; text-transform: uppercase; padding-top: 1em; font-weight: bold; }



* html .stuff .item h4 { margin-right: 10px; }
* html .stuff .item ul { height: 1%; margin-left: 0; }


/* MAIN PAGE */
.playa { 
	margin: 0 auto;
	width: 485px; height: 140px;
}

.news { width: 473px; margin: 1em auto; }
.news .item { border-bottom: 1px solid #ccc; padding: 2em 0 1em 0; }
.news .date { float: right; width: 30%; text-align: right; font-size: 11px; padding-top: 16px; color: #888; }
.news h3 { font-size: 24px; line-height: 2em; }