@import "reset.css";
em { font-style: italic;}
a { color: #369; text-decoration: none;}
a:hover { text-decoration: underline;}
a:hover, a:visited { color: #c63; }

#content div, #header div, #wrapper, #footer { float: left;} 

#wrapper {
	margin-top: 8px;
/*	width: 100%; */
	float: none;
}

#header {
	margin: 0 0 5px 60px;
	width: 905px;
}

#header #logo { margin-top: 11px; }

#header #audioplayer {
	width: 325px;
	height: 80px;
	float: right;
}

#audioplayer #top {
	width: 321px; height: 6px;
	background: url(../img/player.top.png) no-repeat;
	float: left;
}

#audioplayer #bot {
	width: 321px; height: 6px;
	background: url(../img/player.bot.png) no-repeat;
	float: left;
}
#audiocont { 
	width: 321px;
	background: url(../img/player.bg.png) repeat-y;
}
#audiocont #controls li { 
	margin-right: 6px;
	background: url(../img/player.controls.png); width: 12px; height: 12px; 
	display: inline; 
	float: left;
}
#audiocont {
	width: 316px; height: 70px;
	padding-left: 5px;
	float:left;
}
#audiocont img#alb { width: 67px; height: 67px; float: left; }
#audiocont #controls, #audiocont #title, #audiocont #artist { padding-left: 75px; color: #666; cursor: pointer; font-size: 12px}
#audiocont #title em { font-style: italic; font-size:12px;}
#audiocont #controls { padding-top: 15px; width: 70px;}
#audiocont #controls li#player_prev { width: 18px; }
#audiocont #controls li#player_play { background-position: -41px 0; }
#audiocont #controls li#player_pause { background-position: -25px 0; }
#audiocont #controls li#player_next { background-position: -58px 0; width: 18px; }
#audiocont #seemore { font-size: 11px;}

/* nav */
#nav {
	height: 44px;
	width: 100%;
	background: url(../img/nav.bg.jpg) repeat-x;
}

#nav h1, #nav ul li { 
		display: inline; 
		float:left;
}
#nav h1 { margin-top: 10px;}
#nav li { margin: 5px 40px 0 0; }

#nav #artistSelectList {
	width:257px; height:34px;
	margin-left: 60px;
	background: url(../img/nav.artists.jpg);
	cursor: pointer;
}
#nav #artistList h2 {
	margin: 3px 0 0 3px;
	font-size: 16px;
	font-weight: bold;
}

#nav #artistList ul {
	margin-left: 3px;
}

#nav #artistList ul li {
	margin-left: 0;
	width: 244px;
}

#nav #artistList ul.other li a { color: #369;}

#nav #artistSelect {
	padding: 10px 0 0 10px;
	height:22px;
	font-size: 16px;
	font-weight: bold;
}

#nav #about { background: url(../img/nav.about.png) no-repeat;width:152px;height:17px;}
#nav #management { background: url(../img/nav.management.png) no-repeat;width:220px;height:17px;}
#nav #europe { background: url(../img/nav.europe.png) no-repeat;width:164px;height:17px;}
#nav #about.on, #nav #management.on, #nav #europe.on{
	background-position: 0 -17px; 
	background-attachment: scroll;
}
/* end nav */

#content {
	margin: 22px 0 0 60px;
	width: 910px;
}

#content #main {
	width: 555px;
	margin-right: 14px;
}

/* main post container */
#content #main .postWrapper { margin-top: 25px; }
#content #main .post { width: 554px;}
#content #main .post.postHd { background: url(../img/main.post.hd.jpg) no-repeat; height: 4px; }
#content #main .post.postBd { background: url(../img/main.post.bd.jpg) repeat-y; }
#content #main .post.postBt { background: url(../img/main.post.bt.jpg) no-repeat; height: 4px; }
/* post container content */
#content #main .post h3 { 
	padding: 10px 0 2px 10px; 
	font-size: 18px; 
	color: #333;
}
#content #main .post .date {
	padding: 0 10px; 
	font-style: italic;
	font-weight: bold;
	color: #333;
}
#content #main .post p {
	padding: 12px 10px 10px 10px; 
	color: #505050;
	font-size: 14px;
	line-height: 24px;
}

#content #main .post p img {
	padding: 0 0 10px 10px;
}

#content #main .postNavBtn { 
	width: 94px; height: 19px;
	padding-top: 7px;
	margin-top: 12px;
	background: url(../img/btn.postnav.jpg);
	text-align: center;
}

#content #main .postNavBtn a {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}
/* artist posts */
#content #main .artistImg {
	width:203px;
	margin:15px 10px;
	float:right;
}
.artistImg .slider{
	background: url(../img/artist.img.bg.line.png) repeat-y;
	width: 202px;
}

#content #main .artistImgTxt {
	width:203px;height:31px;
	padding: 3px 0 0 0;
	background:url(../img/artist.img.bg.jpg);
	color:#505050;
	text-align: center;
}
/* end main post */

#content #sidebar { 
	margin-left: 14px;
	width:320px;
}

#content #sidebar .postWrapper {
	margin: 25px 0;
	width: 320px;
}

#content #sidebar .post { width: 321px;}
#content #sidebar .post.postHd { background: url(../img/sidebar.post.hd.jpg) no-repeat; height: 4px; }
#content #sidebar .post.postBd { background: url(../img/sidebar.post.bd.jpg) repeat-y; padding: 10px; width: 301px;}
#content #sidebar .post.postBt { background: url(../img/sidebar.post.bt.jpg) no-repeat; height: 4px; }

#content #sidebar #albumList ul li {
	width: 16px; height: 16px;
	margin-right: 2px;
	padding-left: 4px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background: url(../img/sidebar.alblist.jpg) no-repeat;
	display: inline;
	float: left;
	cursor: pointer;
}

#content #sidebar #albumList ul li.on {
	color: #d34225;
	background-attachment: scroll;
	background-position: -17px 0; 
}

#content #sidebar .artistAlbum {
	width: 168px; height: 28px;
	font-size: 14px;
	line-height: 1.2;
	float: right;
}

#content #sidebar #ontourList ul li { 
	padding-left: 15px;
	margin-bottom: 15px;
	font-weight: bold;
	background: url(../img/bullet.jpg) 0 2px  no-repeat;

}

#content #sidebar .artist, #content #sidebar .album { width: 160px; }
#content #sidebar .artist a {
	font-size: 14px;
	color: #d34225;
}
#content #sidebar .album a {
	font-size: 14px;
	color: #333;
}

#content #sidebar .purchase {
	width: 100%; 
	margin:6px 0;
}
#content #sidebar .purchaseIco { width: 90px;}
#content #sidebar .purchaseLink { padding-top: 7px; font-weight: bold;}

#content #sidebar .shirt { 
	width: 300px; 
	padding: 10px 0;
	border-top: 1px solid #d9d9d9;
}
#content #sidebar .shirtTxt { 
	padding: 25px 10px 0 10px;
	font-size: 14px; 
	font-weight:bold;
}

#content #sidebar #tracklist { font-weight: bold; }
#content #sidebar #tracklist ol li { margin-bottom: 8px; font-size: 12px; font-weight: normal;}
#content #sidebar #tracklist a { font-style: italic; font-weight: normal;}
/* end sidebar */ 

#footer {
	width: 100%; height: 44px;
	background: url(../img/nav.bg.jpg) repeat-x;
	margin: 25px 0;
}
#footer #copyright { padding: 15px 0 0 15px; float: left; width: 400px;}

#footer #promofact { padding: 11px 0 0 10px; font-family: Verdana, Arial, sans-serif; font-size: 9px; line-height: 11px; color: #999;}

#footer a { color: #d34225; font-size: 9px; }