@charset "utf-8";
/* CSS Document */

body {
	background: url("images/background.png") repeat-x fixed;	
	padding-bottom: 10px;
	font-family: arial, helvetica, sans-serif;
}

textarea {
	font-family: "Lucida Grande", sans-serif;
	font-size: 11px;
}

small{
	font-size: 11px;
}

h1, h1 a, h1 a:visited{
	font-family: arial, helvetica, sans-serif;
	font-size: 32px;
	color: #b52915;
	margin-bottom: 10px;
}
h1 a:hover{
	
	font-family: arial, helvetica, sans-serif;
	font-size: 32px;
	color: #b52915;
	margin-bottom: 10px;
	text-decoration:underline;
	
}

h2, h2 a, h2 a:hover, h2 a:visited, h2 a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
}

a, a:hover, a:visited, a:active{
	color: #00559f;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
}

#middle {
	background: #ffffff;	
	margin-top: -1px;
	margin-bottom: 2px;
}

#logo{
	background: url("images/logo.png");
	width: 242px;
	height: 111px;
	float: left;
}

/* TEXT_MAIN */
#text_main{
	margin: 20px;
}
#text_main .content{
	margin-bottom: 20px;
}

/* header */
#header{
	width: 758px;
	height: 111px;
	float: right;
	position: relative;
}
#header #search {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 5px;
	width: 758px;
	text-align: right;
	padding-bottom: 10px;
}

#searchForm { position: relative; }
#searchForm a{
	color: #fff;
}
#header #search .textInput {
	width: 335px; 
	height: 26px; 
	padding-left: 10px; 
	padding-right: 10px; 
	font-size: 15px; 
	border: 0; 
	background: url('images/search_bar.png'); 
	color: #441200; 
	font-family: arial; 
	position: absolute; 
	top: 0; 
	right: 170px;
} 

/* register form */
.registerInput {
	width: 335px; 
	height: 26px; 
	padding-left: 10px; 
	padding-right: 10px; 
	font-size: 15px; 
	border: 0; 
	background: url('images/search_bar.png'); 
	color: #441200; 
	font-family: arial; 
} 

/* navigation */
#nav{
	background: url("images/nav.png");
	width: 1000px;
	height: 38px;
}
#nav > div{
	margin-top: 9px;
	margin-left: 40px;
	float: left;
}
#nav > div, #nav > div a{	
	font-size: 14px;
	font-family: arial, sans;
	color: #ffffff;
}

/* RHS content */
#rhs { float: right; width: 176px; }
#lhs { float: left; width: 824px; position: relative; }
#lhs h1 { margin-bottom: 30px; }

/* members login box */
#members_login {
	background: url("images/members_control_panel.png");
	width: 166px;
	height: 129px;
	text-align:center;
	padding-top: 38px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
	color: #00559f;
	text-align: left;
	position: relative;
}
#members_login a{
	width: 166px;
	height: 20px;
}
#members_login .textInput {
	width: 139px; 
	height: 25px; 
	padding-left: 10px; 
	padding-right: 10px; 
	font-size: 15px; 
	border: 0; 
	background: url('images/login_form.png'); 
	color: #441200; 
	font-family: arial;
	margin-bottom: 6px;
}
#members_login .checkbox{
	padding-right: 2px;
}
#members_login .remember{
	color: #000000;
	float: left;
	padding-top: 6px;
	padding-left: 4px;
	height: 26px;
	float: left;
}
#members_login hr{
	margin-bottom: 5px;
}
#loginButton{
	float: right;
	margin-right: 6px;
}
#members_login h3{
	font-size: 16px;
	color: #000000;
}
#members_login a,#members_login a:hover, #members_login a:visited, #members_login a:active{
	color: #00559f;
	text-decoration: none;
}
#members_login a:hover{
	text-decoration: underline;
}

#adside{
	width: 176px;
	height: 126px;
	text-align:center;
	background-color: #EFE9E1;
	padding: 10px 0;
}
#mini_chart{
	background: url("images/mini_chart.png");
	width: 166px;
	height: 411px;
	padding: 0px;
	padding-right: 5px;
	padding-left: 5px;
	overflow: hidden;
	position:relative;
}
#mini_chart .top{
	height: 38px;
	width: 166px;
}
#mini_chart .mid{
	height: 343px;
	width: 166px;
	overflow: hidden;
	position:absolute;
	top: 38px;
}
#mini_chart .mid .content{
	position: absolute;
	top: 0;
}
#mini_chart .bot, #mini_chart .bot a{
	height: 30px;
	width: 166px;
	position: absolute;
	bottom: 0;
}
#mini_chart .item{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding-bottom: 3px;
	padding-left: 33px;
	padding-right: 20px;
	background: url('images/circle.png') 2px 2px no-repeat;
	position:relative;
}
#mini_chart .item .number{
	width: 18px;
	text-align:center;
	position: absolute;
	top: 5px;
	left: 6px;
	font-size: 13px;
}
#mini_chart h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0px;
	padding: 0px;
}
#mini_chart .up{
	position: absolute;
	top: 0px;
	right: 0px;
}
#mini_chart .down{
	position: absolute;
	right: 0px;
	bottom: 0px;
}


/* artist carousel */
#artist_carousel{
	height: 134px;
	width: 823px;
	padding-right: 1px;
}
#artist_carousel > div{
	height: 134px;
}
#artist_carousel .left{ background: url("images/artist_carousel_left.png"); float: left; width: 30px; cursor: pointer; }
#artist_carousel .right{ background: url("images/artist_carousel_right.png"); float: right; width: 30px; cursor: pointer; }
#artist_carousel .middle{ background: url("images/artist_carousel_background.png") repeat-x; float: left; width: 763px; overflow: hidden; position: relative; }
	/* this is the content in middle */
	#ac_mid_content{ position: absolute; height: 134px; left: 0; }
	#ac_mid_content a,#ac_mid_content a:hover,#ac_mid_content a:visited,#ac_mid_content a:active{ width: 110px; height: 70px; color: #000000; text-decoration: none; position:relative; }
	#ac_mid_content > div{ float: left; position: relative; background-position: 5px 11px; background-repeat: no-repeat; }
	#ac_mid_content > div > div { position: absolute; top: 60px; font-size: 12px; width: 103px; margin: 12px; z-index: 10000000; }


/* bottom content boxes */
#bottom_content{
	width: 824px;
}
#bottom_content > div { 
	height: 188px; 
	float:left; 
	padding-top: 50px; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-bottom: 7px; 
	font-size: 12px; 
}
#bc_1{ background: url("images/what_for_free.png"); width: 254px; position: relative; }
#bc_2{ background: url("images/news.png"); width: 255px; position: relative; }
#bc_3{ background: url("images/join_discussion.png"); width: 255px; position: relative; }
	#bc_1 .button, #bc_2 .button, #bc_3 .button{
		position: absolute; 
		bottom: 0;
		left: 8px;
		width: 250px; 
		height: 24px;
		padding: 2px;
		padding-top: 4px;
		padding-bottom: 7px;
		background: url("images/big_orange_button.png") 2px 2px no-repeat; 
		font-size: 14px; 
		font-weight: bold; 
		font-face: arial, helvetica, sans-serif; 
		color: #ffffff; 
		cursor: pointer; 
		text-align: center; 
	}
	.button a, .button a:hover, .button a:visited{ position: relative; text-decoraton: none; color: inherit; }
	.button a:active{ top: 1px; }

/* news */
.newsItem{
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	margin-bottom: 10px;
}
.newsItem a, .newsItem a:hover, .newsItem a:active, .newsItem a:visited{
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
.newsItem a:hover{
	text-decoration: underline;
}

.newsItem .date{
	color: #909090;
	float:left;
	padding-right: 5px;
}

/* intro box on index.php */
#intro > div {
	height: 314px;
}
#intro .left { float: left; background: url("images/intro_left.png"); width: 10px; }
#intro .right { float: right; background: url("images/intro_right.png"); width: 10px; }
#intro .middle { float: right; background: url("images/intro_background.png") repeat-x; width: 804px; text-align: center; }

#what_is_it_all_about{
	background: url("images/whats_it_all_about.png");
	width: 381px;
	height: 165px;
	padding-top: 84px;
	padding-bottom: 65px;
	padding-left: 35px;
	padding-right: 23px;
	font-size: 11px;
	color: #666666;
	position: relative;
}
#what_is_it_all_about p{
	margin-bottom: 15px;
	text-align: left;
}
#what_is_it_all_about .nav_button{
	width: 85px;
	height: 23px;
	background: url("images/orange_button.png");
	position: absolute;
	top: 254px;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	padding-top: 3px;
	cursor: pointer;
}
#wiiaa_last{
	left: 33px;
}
#wiiaa_next{
	left: 335px;
}

/* paged content */
.paged_content .content{
	display: none;
}
.paged_content > div:first-child{
	display: block;
}

/* ads at bottom */
#bottom .ad {
	background: #e6e5e4;
	width: 499px;
	height: 60px;
	float: left;
}
#bottom #ad1st{
	margin-right: 2px;
}

/* portfolio */
.gradient{
	padding-bottom: 17px;
	background: url("images/portfolio_gradient.png") center bottom repeat-x;
}
.right_detail{
	margin-left: 10px;
	margin-right: 10px;
	float: right;
	font-size: 16px;
	color: #333333;
	text-align: right;
}

/* manage account */
.account_module{
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.account_module p{
	font-size: 12px;
	margin-bottom: 3px;
}
.account_module h2{
	padding-top: 3px;
	margin-bottom: 4px;
}
.account_module .module_image{
	float: left;
	padding-right: 5px;
	overflow: visible;
}
#back_to_account{
	position: absolute;
	top: 10px;
	right: 10px;
}

/* top right Button */
.topRight{
	position: absolute;
	top: 46px;
	right: 10px;
	text-align:right;
}

/* charts page */
#charts_page h1{
	margin-bottom: 0px;
}
#charts_page .item{
	padding: 10px;
	height: 75px;
	margin-bottom: 20px;
	background-color: #f4f1ed;
}
#charts_page .image{
	float: left;
	padding-right: 10px;
}
#charts_page .number{
	float: left;
	width: 95px;
	padding-right: 20px;
	text-align: center;
	font-size: 60px;
	font-weight: bold;
	color: #cccccc;
	line-height: 72px;
}


/* artist page */
.artist_rhs{
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	width: 454px;
}
.artist_lhs{
	float: left;
	width: 310px;
	padding-right: 5px;
	padding-left: 5px;
}

/* userSelectList */
#userSelectList, #userSelectedList{
	float:left;
	width: 300px;
	padding: 30px;
}
#userSelectList div, #userSelectedList div{
	height: 250px;
	overflow: auto;
}
#userSelectList ul li, #userSelectedList ul li{
	color: #00559f;
	text-decoration: underline;
	cursor: pointer;
}
#userSelectedList ul .unenabled{
	color: #c0c0c0;
	cursor: default;
	text-decoration: none;
}

/* forum */
.forumHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
.forumRow{
}
.forumRow table{
	width: 100%;
	background-color: #f4f1ed;
	margin-bottom: 10px;
}
.forumRow td, .forumTitleRow td{
	padding: 5px;
}

.forumTitleRow, .forumTitleRow a {
	background-color: #6F5753;color: #ffffff;
}

/* purchase history */
#history .item .header{
	width: 784px;
	border-bottom: 1px solid #000000;
	background: #EEEEEE;
	padding-left: 5px;
	height: 20px;
	cursor: pointer;
}

#history .item .information{
	width: 769px;
	padding: 10px;
	display: none;
	height: 100px;
	background: #efeefe;
	margin-bottom: 20px;
}
#history .item .image{
	float: left;
	padding-right: 20px;
}

#history .item .header > div{
	float: left;
	padding-right: 30px;
}

/* messages */
.table .headerRow{
	border-bottom: 3px solid #650D00;
	color: #650D00;
}
.table .headerRow th{
	text-align: left;
}

/* hack */
#search a{
	color: #ffffff;
	font-size: 12px;
}

/* advanced search */
#advancedSearch div{
	padding: 10px;
	background: #f4f1ed;
	margin-bottom: 10px;
}
#advancedSearch p{
	margin-left: 10px;
}
#advancedSearch h2{
	margin-bottom: 5px;
}

.itunesArtistBox{
	margin-bottom: 10px;
}
.itunesArtistBox > img{
	padding-right: 5px;
	padding-bottom: 5px;
}

.posArr{
	
	float:left;
	widtH:55px;
	margin-top:15px;
	
}

.one{
	margin-top:55px !important;
}