@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		jj_main.css
	Date:			Jul 27, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	@import url("jj_components.css");
	
/*	--------------------------------------------------------------------------------------------------------------------------
	body/global/reset Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	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,
	b, u, i, center,
	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-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
		font:normal 11px Arial, Helvetica, sans-serif;
		color:#908b86;
		background:#000 url(../../images/main_bg.jpg) center top no-repeat;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		clear:both;
		height:0px;
		font-size:1px;
		overflow:hidden;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
		height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	#main {
		width:960px;
		margin:0 auto;
	}
		#mainCol {
			width:576px;
			margin:0 21px 30px 0;
			display:inline;
			float:left;
		}
		#altCol {
			width:330px;
			margin:7px 0 30px 0;
			float:left;
		}
	a:link, a:active, a:visited {
		color:#e27c0a;
		text-decoration:none;
	}
		a:hover {
			color:#fff;
		}
	.noContent {
		padding:10px;
		background:url(../../images/bg_altCol.png) 0 0 repeat-y;
		color:#d8cfbd;
		text-align:center;
		clear:both;
	}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		height:483px;
		font:normal 9px Arial, Helvetica, sans-serif;
		color:#000;
	}
		#header h1#jj_logo {
			width:313px; height:46px;
			margin:0 0 0 6px; padding:17px 0 0 0;
			float:left;
			display:inline;
		}
			#header h1#jj_logo a {
				width:318px; height:49px;
				display:block;
				background:url(../../images/jameyJohnson_logo.png) 0 0 no-repeat;
			}
		#header .community {
			width:255px; height:60px;
			overflow:hidden;
			margin:0 10px 0 0; padding:8px 0 0 0;
			float:right;
		}
			#header .community a:hover {
				color:#000;
			}
			#header .community h1 {
				width:196px; height:20px;
				background:url(../../images/h1_jameyJohnsonCommunity.png) 0 0 no-repeat;
			}
			#header .community p {
				margin:0 0 5px 0;
				height:14px;
			}
				#header .community p .text {
				}	
				#header .community p a {
					width:150px;
					overflow:hidden;
				}
			#header .community .icons {
				width:174px; height:16px;
				float:left;
			}
			#header .community .actions {
				margin:0 10px 0 0; padding:4px 0 0 0;
				display:inline;
				float:left;
			}
			#header .community a.btn_62w {
				float:left;
			}
		
		#header #nav {
			height:25px;
			padding:14px 0 0 9px;
		}
			#header #nav li {
				margin-left:12px;
				list-style:none;
				float:left;
				display:inline;
			}
				#header #nav li a {
					height:25px;
					display:block;
					background:url(../../images/nav.png) 0 0 no-repeat;
				}
				/*	.navHome	*/
				#header #nav li.navHome {
					margin-left:13px;
				}
					#header #nav li.navHome a {
						width:64px;
						background-position:0 0;
					}
						#header #nav li.navHome a:hover {
							background-position:0 -25px;
						}
				/*	.navNews	*/
				#header #nav li.navNews {
					margin-left:6px;
				}
					#header #nav li.navNews a {
						width:64px;
						background-position:-77px 0;
					}
						#header #nav li.navNews a:hover {
							background-position:-77px -25px;
						}
				/*	.navTour	*/
				#header #nav li.navTour {
					
				}
					#header #nav li.navTour a {
						width:62px;
						background-position:-147px 0;
					}
						#header #nav li.navTour a:hover {
							background-position:-147px -25px;
						}
				/*	.navMusic	*/
				#header #nav li.navMusic {
					
				}
					#header #nav li.navMusic a {
						width:68px;
						background-position:-221px 0;
					}
						#header #nav li.navMusic a:hover {
							background-position:-221px -25px;
						}
				/*	.navVideos	*/
				#header #nav li.navVideos {
					
				}
					#header #nav li.navVideos a {
						width:79px;
						background-position:-301px 0;
					}
						#header #nav li.navVideos a:hover {
							background-position:-301px -25px;
						}
				/*	.navPhotos	*/
				#header #nav li.navPhotos {
					margin-left:9px;
				}
					#header #nav li.navPhotos a {
						width:86px;
						background-position:-391px 0;
					}
						#header #nav li.navPhotos a:hover {
							background-position:-391px -25px;
						}
				/*	.navBio	*/
				#header #nav li.navBio {
					margin-left:8px;
				}
					#header #nav li.navBio a {
						width:41px;
						background-position:-486px 0;
					}
						#header #nav li.navBio a:hover {
							background-position:-486px -25px;
						}
				/*	.navBlog	*/
				#header #nav li.navBlog {
					
				}
					#header #nav li.navBlog a {
						width:51px;
						background-position:-83px 0;
					}
						#header #nav li.navBlog a:hover {
							background-position:-546px -25px;
						}
				/*	.navMobile	*/
				#header #nav li.navMobile {
					
				}
					#header #nav li.navMobile a {
						width:78px;
						background-position:-535px 0;
					}
						#header #nav li.navMobile a:hover {
							background-position:-535px -25px;
						}
				/*	.navCommunity	*/
				#header #nav li.navCommunity {
					margin-left:18px;
				}
					#header #nav li.navCommunity a {
						width:121px;
						background-position:-624px 0;
					}
						#header #nav li.navCommunity a:hover {
							background-position:-624px -25px;
						}
				/*	.navStore	*/
				#header #nav li.navStore {
					
				}
					#header #nav li.navStore a {
						width:71px;
						background-position:-762px 0;
					}
						#header #nav li.navStore a:hover {
							background-position:-762px -25px;
						}
		/*   #promoSpace   */
		#header #promoSpace {
			color:#fff;
			width:330px;
			margin:30px 17px 0 auto;
			margin-top: 30px;
		}
		#header #promoSpace .album_area {
			width:330px; height:285px;
			overflow:hidden;
		}
			#header #promoSpace img {
				float:left;
			}
			#header #promoSpace .buy {
				width:180px;
				background:url() 0 0 no-repeat;
				float:left;
			}
				#header #promoSpace .buy a.btn_62w {
					margin:4px 0 0 0;
				}
.single_area {margin-top: 100px;}

/*	--------------------------------------------------------------------------------------------------------------------------
	#mediaPlayer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/			
	#mediaPlayer {
		width:323px; height:41px;
		margin:10px 0 0 614px;
	}		
	#audioPlayer {
		outline:none;
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	#contentHolder Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contentHolder {
		width:945px;
		padding:0 0 0 15px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#comments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#mainCol #comments {
		width:538px;
	}
		#mainCol #comments .header {
			width:538px;
			padding:0 0 8px 0;
			background:none;
		}
			#mainCol #comments .header h3 {
				width:106px; height:17px;
				background:url(../../images/h3_comments.png) 0 0 no-repeat;
				float:left;
			}
			#mainCol #comments .header .pagination {
				width:428px;
				float:right;
			}
				#mainCol #comments .pagination .displaying {
					margin:4px 0 0 0;
					font:bold 10px Verdana, Arial, Helvetica, sans-serif;
					color:#a6a196;
					float:left;
				}
				#mainCol #comments .pagination .buttons {
					float:right;
				}
					#mainCol #comments .pagination .buttons a.btn_prev {
						width:37px; height:16px;
						margin:0 6px 0 0; padding:3px 0 0 16px;
						background:url(../../images/btn_prev.png) 0 0 no-repeat;
						font:bold 10px Verdana, Arial, Helvetica, sans-serif;
						color:#d8cfbd;
						display:inline-block;
					}
						#mainCol #comments .pagination .buttons a.btn_prev:hover {
							background-position:bottom;
							color:#231e1b;
						}
					#mainCol #comments .pagination .buttons a.btn_next {
						width:43px; height:16px;
						padding:3px 0 0 10px;
						background:url(../../images/btn_next.png) 0 0 no-repeat;
						font:bold 10px Verdana, Arial, Helvetica, sans-serif;
						color:#d8cfbd;
						display:inline-block;
					}
						#mainCol #comments .pagination .buttons a.btn_next:hover {
							background-position:bottom;
							color:#231e1b;
						}
			#mainCol #comments ul {
				width:538px;
				background:none;
			}
				#mainCol #comments ul li {
					border-bottom:none;
					width:538px;
					padding:0; margin:0 0 17px 0;
					background:none;
				}
					#mainCol #comments ul li .userPic {
						width:68px;
						padding:15px 0 0 0;
						background:url(../../images/bg_userPic.png) 5px 40px no-repeat;
						float:left;
					}
						#mainCol #comments ul li .userPic a img {
							border:solid 1px #e27c0a;
						}
							#mainCol #comments ul li .userPic a:hover img {
								border:solid 1px #fff;
							}
					#mainCol #comments ul li .commentTop {
						width:470px;
						padding:4px 0 0 0;
						background:url(../../images/bg_commentTop.png) top left no-repeat;
						float:left;
					}
						#mainCol #comments ul li .comment {
							width:459px;
							padding:12px 0 0 11px;
							background:url(../../images/bg_commentBottom.png) bottom left no-repeat;
							color:#2e1b10;
						}
							#mainCol #comments ul li .comment .date {
								font:normal 11px Arial, Helvetica, sans-serif;
								color:#6c5c53;
								display:inline;
							}
							#mainCol #comments ul li .comment a {
								font:bold 12px Arial, Helvetica, sans-serif;
								color:#e27c0a;
							}
								#mainCol #comments ul li .comment a:hover {
									color:#fff;
								}
							#mainCol #comments ul li .comment .post {
								width:440px;
								padding:0 0 15px 0;
								color:#908b86;
							}
								#mainCol #comments ul li .comment .post p {
									margin:0 0 5px 0; padding:0;
								}
			#mainCol #comments a.btn_postComment {
				width:111px; height:19px;
				margin:8px 0 0 0;
				background:url(../../images/btn_postComment.jpg) 0 0 no-repeat;
				display:block;
			}
				#mainCol #comments a.btn_postComment:hover {
					background-position:0 -20px;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	#button Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	a.btn_62w {
		width:62px; height:17px;
		padding:4px 0 0 0;
		display:block;
		font:bold 11px Arial, Helvetica, sans-serif;
		line-height:12px;
		text-align:center;
		text-decoration:none;
		color:#231e1b !important;
		background:url(../../images/btn_62w.png) 0 0 no-repeat;
	}
		a.btn_62w:hover {
			color:#fff  !important;
			background-position:0 -21px;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	#footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		margin:14px 0 40px 15px;
	}
		#footer .microgroove {
			width:136px; height:20px;
			display:block;
			background:url(../../images/logo_microgroove.png) 0 0 no-repeat;
			float:left;
			margin:3px 0 0 165px;
		}
		#footer ul.icons {
			width:500px;
			float:left;
		}
			ul.icons li {
				display:inline;
				float:left;
				margin:0 8px 0 0;
			}
			ul.icons li.myspace {
				width:20px; height:30px;
			}
				ul.icons li.myspace a {
					width:20px; height:30px;
					display:block;
					background:url(../../images/link_logos.png) 0 0 no-repeat;
				}
					ul.icons li.myspace a:hover {
						background-position:0 -30px;
					}
			ul.icons li.youTube {
				width:45px; height:19px;
				margin-top:6px;
			}
				ul.icons li.youTube a {
					width:45px; height:19px;
					display:block;
					background:url(../../images/link_logos.png) -28px -6px no-repeat;
				}
					ul.icons li.youTube a:hover {
						background-position:-28px -36px;
					}
			ul.icons li.cmt {
				width:33px; height:33px;
				margin-top:8px;
			}
				ul.icons li.cmt a {
					width:33px; height:14px;
					display:block;
					background:url(../../images/link_logos.png) -84px -8px no-repeat;
				}
					ul.icons li.cmt a:hover {
						background-position:-84px -38px;
					}
			ul.icons li.gac {
				width:35px; height:17px;
				margin-top:7px;
			}
				ul.icons li.gac a {
					width:35px; height:17px;
					display:block;
					background:url(../../images/link_logos.png) -126px -7px no-repeat;
				}
					ul.icons li.gac a:hover {
						background-position:-126px -37px;
					}
			ul.icons li.iLike {
				width:33px; height:12px;
				margin-top:10px;
			}
				ul.icons li.iLike a {
					width:33px; height:12px;
					display:block;
					background:url(../../images/link_logos.png) -172px -10px no-repeat;
				}
					ul.icons li.iLike a:hover {
						background-position:-172px -40px;
					}
			ul.icons li.facebook {
				width:51px; height:10px;
				margin-top:11px;
			}
				ul.icons li.facebook a {
					width:51px; height:10px;
					display:block;
					background:url(../../images/link_logos.png) -217px -11px no-repeat;
				}
					ul.icons li.facebook a:hover {
						background-position:-217px -41px;
					}
			ul.icons li.mozes {
				width:53px; height:8px;
				margin-top:13px;
			}
				ul.icons li.mozes a {
					width:53px; height:8px;
					display:block;
					background:url(../../images/link_logos.png) -280px -13px no-repeat;
				}
					ul.icons li.mozes a:hover {
						background-position:-280px -43px;
					}
			ul.icons li.eventful {
				width:48px; height:12px;
				margin-top:9px;
			}
				ul.icons li.eventful a {
					width:48px; height:12px;
					display:block;
					background:url(../../images/link_logos.png) -346px -9px no-repeat;
				}
					ul.icons li.eventful a:hover {
						background-position:-346px -39px;
					}
			ul.icons li.isquad {
				width:16px; height:17px;
				margin-top:7px;
			}
				ul.icons li.isquad a {
					width:16px; height:17px;
					display:block;
					background:url(../../images/link_logos.png) -412px -7px no-repeat;
				}
					ul.icons li.isquad a:hover {
						background-position:-412px -37px;
					}
			ul.icons li.fanclub {
				width:19px; height:16px;
				margin-top:7px;
			}
				ul.icons li.fanclub a {
					width:19px; height:16px;
					display:block;
					background:url(../../images/link_logos.png) -443px -7px no-repeat;
				}
					ul.icons li.fanclub a:hover {
						background-position:-443px -37px;
					}
			ul.icons li.myreg {
				width:17px; height:18px;
				margin-top:7px;
			}
				ul.icons li.myreg a {
					width:17px; height:18px;
					display:block;
					background:url(../../images/link_logos.png) -475px -7px no-repeat;
				}
					ul.icons li.myreg a:hover {
						background-position:-475px -37px;
					}
		#footer a.btn_halo {
			width:105px; height:8px;
			margin:10px 15px 0 0;
			display:inline-block;
			float:right;
			background:url(../../images/btn_halo.png) 0 0 no-repeat;
		}
			#footer a.btn_halo:hover {
				background-position:0 -8px;
			}
		ul.links {
			margin:0 15px 0 0;
			clear:both;
			color:#908b86;
		}
			ul.links li {
				float:right;
			}
				ul.links li a:link, ul.links li a:active, ul.links li a:visited {
					font:normal 10px Verdana, Arial, Helvetica, sans-serif;
					color:#252422;
					text-decoration:none;
				}
					ul.links li a:hover {
						color:#fff;
					}
			ul.links li.copyright {
				float:left;
			}
				ul.links li.copyright a {
					margin:0 0 0 8px;
				}
			ul.links li.nav {
				display:inline;
				float:right;
			}
				ul.links li.nav ul {
					list-style:none;
				}
					ul.links li.nav ul li {
						margin:0 2px 0 0;
						display:inline;
						float:right;
					}


/*	--------------------------------------------------------------------------------------------------------------------------
	#cart Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.shopminiWrapper {
		width:100%; height:26px;
		background:#000;
	}
	.shopmini {
		width:960px; height:26px;
		margin:0 auto;
		background:#000;
	}
		.shopmini ul {
			width:340px; height:26px;
			display:block;
			float:right;
		}
			.shopmini ul li.shopminiorderstatus {
				width:85px; height:15px;
				margin:5px 15px 0 0;
				float:right;
				display:block;
			}
				.shopmini ul li.shopminiorderstatus a {
					width:85px; height:15px;
					background:url(../../images/btn_orderStatus.png) 0 0 no-repeat;
					text-indent:-3000px;
					display:block;
				}
					.shopmini ul li.shopminiorderstatus a:hover {
						background-position:0 -15px;
					}
			.shopmini ul li.shopminicheckout {
				width:67px; height:15px;
				margin:5px 5px 0 0;
				float:right;
				display:block;
			}
				.shopmini ul li.shopminicheckout a {
					width:67px; height:15px;
					background:url(../../images/btn_checkOut2.png) 0 0 no-repeat;
					text-indent:-3000px;
					display:block;
				}
					.shopmini ul li.shopminicheckout a:hover {
						background-position:0 -15px;
					}
			.shopmini ul li.shopminicart {
				height:22px;
				padding:5px 0 0 35px;
				background:url(../../images/icon_cart.png) 0 1px no-repeat;
				float:left;
			}
				.shopmini ul li.shopminicart .echospinCartSubtotal {
					
				}
				
					/*	cart	*/
					.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart {
						width:317px;
					}
							
						.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .item {
							border-top:solid 1px #000;
							width:317px; height:30px;
							background:#312e2c;
							font:bold 11px Arial, Helvetica, sans-serif;
							color:#fff;
						}
							.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .item .type {
								display:none;
							}
							.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .item .title {
								width:188px;
								padding:0 0 0 5px;
								font:bold 9px Arial, Helvetica, sans-serif;
								line-height:9px;
								display:block;
								float:left;
							}
								.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .item .title a .artist {
									display:none;
								}
							.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .item .quantity {
								width:47px;
								padding:2px 0 0 0;
								text-align:center;
								line-height:26px;
								display:block;
								float:left;
							}
							.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .item .price {
								width:60px;
								padding:0 7px 0 0;
								text-align:right;
								line-height:26px;
								display:block;
								float:left;
							}
						.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .header {
							width:317px; height:25px !important;
							background:#66625d !important;
							font:normal 11px Arial, Helvetica, sans-serif;
							line-height:25px;
							color:#c7c5c4;
						}
							.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .header .type {
								display:none;
							}
							.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .header .title {
								width:193px;
								text-indent:7px;
								font:normal 11px Arial, Helvetica, sans-serif;
								line-height:25px;
								display:block;
								float:left;
							}
							.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .header .quantity {
								width:47px;
								text-indent:10px;
								font:normal 11px Arial, Helvetica, sans-serif;
								line-height:25px;
								display:block;
								float:left;
							}
							.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .header .price {
								width:60px;
								padding:0 7px 0 0;
								text-align:right;
								display:block;
								float:left;
							}
						.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .subtotal .title {
							font:normal 11px Arial, Helvetica, sans-serif !important;
							line-height:25px !important;
						}
						.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .footer .checkout a {
							width:67px; height:15px;
							margin:5px 5px 0 0;
							background:url(../../images/btn_checkOut2.png) 0 0 no-repeat;
							display:block;
							text-indent:-3000px;
							float:right;
						}
							.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .footer .checkout a:hover {
								background-position:0 -15px;
							}
				
		.shopmini .cartminiWrapper {
			width:317px;
			margin-left:148px;
			position:absolute;
			left:50%; top:26px;
			z-index:10;
			display:none;
		}
			.shopmini .cartminiWrapper #subtotal {
				border-top:solid 1px #000;
				width:317px; height:52px;
				background:#66625d;
				font:normal 11px Arial, Helvetica, sans-serif;
				line-height:25px;
				color:#c7c5c4;
			}
				.shopmini .cartminiWrapper #subtotal .text {
					width:240px;
					text-indent:7px;
					display:block;
					float:left;
				}
				.shopmini .cartminiWrapper #subtotal .price {
					width:60px;
					padding:0 7px 0 0;
					text-align:right;
					display:block;
					float:left;
				}
				
				
				
				/*	temp	
				.cartminiWrapper {
					display:block !important;
				}
				.echospinCart {
					display:block !important;
				}*/