body, div, p, h1, h2, h3, img, ul, li {
margin:0;
padding:0;	
}

ul {
	list-style-type:none;
}

img {
	border:none;
}

body {
/*background:url(../img/body_bg.gif) top left repeat-x #ff8a00;*/
background:url(../img/body_bg.gif) top left repeat-x #fff;
text-align:center;
font-size:0.75em;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
line-height:1.5;
}

#wrapper {
	font-size:100%;
	text-align:left;
	width:781px;
	margin:0 auto 0 auto;
}

div.content {
	background:url(../img/wrapper_bg.gif) top left repeat-y;	
}

img.header {
	display:block;
}

div.buy {
	float:right;
	width:303px;
}

div.buy img.packshot {
	float:left;
}

div.buy img.buylink {
	float:right;
}

div.copy {
	padding:0 16px;
	}


div.header div.copy {
	display:inline;
	float:left;
	width:434px;
	padding-right:0;
	
}

div.header div.copy p.first {
	font-size:120%;
	font-weight:bold;
}

div.copy p {
	margin:0 0 10px 0;
}

div.copy p.last {
	margin-bottom:10px;
}

div.copy p b {
	font-size:120%;
}


h1.title {
	background:url(../img/title.jpg) top left no-repeat;
	height:84px;
}

div.tracklist h2.title{
	background:url(../img/tracklist.gif) top left no-repeat;
	height:78px;
}

img.tracklist {
	display:block;
	float:left;
}

div.tracklist {
	width:350px;
	float:left;
	
	zoom:1.0;
}

div.video {
	width:370px;
	display:inline;
	margin-left:30px;
	_margin-left:20px;
	float:left;
	zoom:1.0;
}

div.video p {
	font-size:100%;
	font-weight:bold;
	padding:10px 0;
}

div.video p img {
	vertical-align:-8px;
}

div.media h2.title {
	background:url(../img/video_title.gif) top left no-repeat;
	height:45px;
	width:322px;
	float:right;
	margin-right:80px;
	display:inline;
}

div#player {
	margin-top:5px;
	background-color:#000;
	color:#fff;
	text-align:center;
	/*padding-top:20px;*/
	height:240px;
	width:360px;
	border:1px solid white;
}

div.media {
	margin-left:26px;
	_zoom:1.0;
	width:100%;
}

div.comicrelief {
	margin:10px 0 0 26px;
	padding-top:10px;
	padding-right:20px;
	position:relative;
	_zoom:1.0;
}

div.comicrelief p {
width:700px;
}

div.comicrelief div p {
	width:400px;
}

img.noses {
position:absolute;
bottom:0;
right:0;
}

div.comicrelief p {
	padding-bottom:10px;
}

div.comicrelief p.link  {
	text-align:center;	
}

div.comicrelief p.link a {
	font-size:150%;
	font-weight:bold;
	color:#fff;
	padding-bottom:0;
}

.replace {
	text-indent: -5000px;
}

.clearfix {overflow:auto}

.clear {
	clear:both;
}

/***************************/

.stepcarousel{
position: relative; /*leave this value alone*/
border: 4px solid #fdee10;
overflow: scroll; /*leave this value alone*/
width: 350px; /*Width of Carousel Viewer itself*/
height: 340px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 330px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel ul {
	margin-top:20px;
	line-height:1.4;
}

.stepcarousel .panel li {
	margin-bottom:5px;
	font-size:95%;
	position:relative;
	width:330px;
}

.stepcarousel .panel li span.artist {
	display:block;
	font-weight:bold;
}

.stepcarousel .panel li span.title {
	color:#ffff00;
}

.stepcarousel .panel li span.video {
	position:absolute;
	right:0;
	top:0;
}