@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : 	David Nail Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		dn_main.css
	Date:			Apr 5, 2011
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	

/*	--------------------------------------------------------------------------------------------------------------------------
	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 {
		border:0;
		margin:0; padding:0; 
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
		outline:none;
		font-weight:normal;
	}
	html {
		overflow-y:scroll;
	}
	img {
		display:block;
	}
	body {
		background:url(../../images/bg.jpg) repeat;
		color:#fff;
		line-height:1;
		font:normal 12px Arial, Helvetica, sans-serif;
	}
	ol, ul {
		list-style:none;
	}
	blockquote, q {
		quotes:none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content:'';
		content:none;
	}
	
	strong { font-weight:bold; }
	
	/* 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 {
		border:0;
		margin:0; padding:0;
		height:0px;
		background:transparent;
		overflow:hidden;
		font-size:1px;
		clear:both;
	}
	.clearfix:after {
		content: ".";
		height:0;
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	.fix {
		margin-right:0 !important;
	}
	a {
		font-weight:normal; color:#629ec9;
		text-decoration:none;
	}
		a:hover { color:#fff; }
	#border { background:url(../../images/bg_border.jpg) center 186px repeat-x; }
	#artist { background:url(../../images/bg_artist.jpg) center 188px no-repeat; }
	#main {
		width:960px; margin:0 auto;
	}
	#contentSpace {
		padding:24px 0 20px 22px;
	}
		#mainCol {
			width:557px;
			float:left;
		}
		#altCol {
			width:357px;
			float:right;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#mediaPlayer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mediaPlayer { height:59px; text-align:center;	}
		#mediaPlayer p { padding:23px 0 0 0; }
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#mastHead Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mastHead {
		padding:18px 26px 3px 35px;
	}
		#mastHead h1 {
			width:256px; height:53px; margin:11px 0 0 0;
			float:left;
		}
			#mastHead h1 a { 
				width:256px; height:53px; 
				background:url(../../images/sprites.png) 0 0 no-repeat;
				display:block; 
			}
				#mastHead h1 a:hover { background-position:-277px 0; }
		#mastHead #fblike {
			float:right;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	#nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav {
		width:920px; margin:0 auto; padding:0 0 37px 0;
		background:url(../../images/nav.png) 0 top repeat-x;
	}
		#nav li {
			/*margin:0 5px 0 0;*/
			text-align:center;
			display:inline;
			float:left;
		}
		#nav li.navSpace{ padding:0 27px 0 0; }
		#nav li.navSpace.last{ padding:0; }
		
			#nav li a {
				height:28px; padding:10px 0 0 0;
				font-size:16px; color:#fff; text-transform:uppercase;
				display:block;
			}
				#nav li a:hover { color:#629ec9; }
		#nav li.navHome.navSpace{ padding: 0 27px 0 7px; }
			#nav li.navHome a { width:46px; }
			#nav li.navNews a { width:48px; }
			#nav li.navDisco a { width:50px; }
			#nav li.navVideos a { width:60px; }
			#nav li.navPhotos a { width:66px; }
			#nav li.navBio a { width:27px; }
			#nav li.navTour a { width:44px; }
			#nav li.navExtras a { width:64px; }
			#nav li.navCommunity a { width:101px;  }
			#nav li.navStore a { width:54px; }
			#nav li.navTwitterWall a {  }
			#nav li.navContact{ width:76px; }
/*	--------------------------------------------------------------------------------------------------------------------------
	#header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header { height:157px; padding:25px 0 0 83px; }
		#header a.btn_meetDavid {
			width:228px; height:133px;
			background:url(../../images/sprites.png) -1px -173px no-repeat;
			display:block;
		}
			#header a.btn_meetDavid:hover { background-position:-1px -321px; }

/*	--------------------------------------------------------------------------------------------------------------------------
	general Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.content { background:url(/images/bg_transparent.png) repeat; }
	#altCol .content { margin:0 0 23px 0; }
	.header h2 { float:left; }
	h2 {
		font-style:normal; font-weight:normal; font-size:22px; color:#fff; text-transform:uppercase;
	}
	.header a.more {
		margin:9px 0 0 0; padding:0 10px 0 0;
		background:url(../../images/arrow.png) right 6px no-repeat;
		font-size:14px; color:#fff;
		float:right;
	}
		.header a.more:hover { color:#629ec9; }
	.cms-cmstools img { display:inline; }
	
/*	--------------------------------------------------------------------------------------------------------------------------
	.breadcrumbs Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.breadcrumbs {
		margin:0 0 7px 0;
		font-size:11px; color:#caced0;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	.date.format Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.date.format {
		width:57px; height:52px; margin:0 20px 0 0; padding:7px 0 0 0;
		background:#232a2e;
		font-size:20px; color:#fff; text-align:center;
		display:block;
		float:left;
		overflow:hidden;
	}
		.date.format .month {
			text-transform:uppercase;
			display:block;
		}
		.date.format .day {}

/*	--------------------------------------------------------------------------------------------------------------------------
	#footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		padding:25px 0 50px 0;
		background:#191919;
	}
	#footer .container {
		width:956px; margin:0 auto; padding:0 0 0 4px;
	}
		#footer .buyAlbum {
			width:152px; padding:0 10px 0 0;
			float:left;
		}
			#footer .buyAlbum img {
				border:solid 1px #fff;
				float:left;
			}
			#footer .buyAlbum .buyLinks {
				width:85px; padding:0 0 0 6px;
				float:left;
			}
				#footer .buyAlbum .buyLinks h3 {
					padding:0 0 9px 0;
					font-size:15px;
				}
				#footer .buyAlbum .buyLinks .blm { padding:10px 0 0 0; }
					#footer .buyAlbum .buyLinks table td { background:#434342; }
					#footer .buyAlbum .buyLinks table.blm-menugroup td { padding:4px 0; }
					#footer .buyAlbum .buyLinks table.blm-default img { border:none; }
					#footer .buyAlbum .buyLinks table.blm-menuitemover { cursor:pointer; }
				#footer .buyAlbum .buyLinks a.btn {
					width:78px; height:32px; margin:10px 0 0 0;
					background:url(../../images/sprites.png) -127px -83px;
					display:block;
				}
					#footer .buyAlbum .buyLinks a.btn:hover {
						background-position:-127px -120px;
					}
		#footer .logos {
			width:248px; height:52px;
			background:url(../../images/sprites.png) -808px 0 no-repeat;
			display:block;
			float:left;
		}
		#footer .info {
			width:535px; padding:0 7px 0 0;
			color:#fff; text-align:right;
			float:right;
		}
			#footer .info a { color:#fff; }
				#footer .info a:hover { color:#629ec9; }
			#footer .info #fineprint {
				padding:0 0 10px 0;
				line-height:15px;
			}
				#footer .info #fineprint a {
					text-decoration:underline;
				}
			#footer .info .nav {
				padding:0 0 10px 0;
				line-height:14px;
			}
				#footer .info .nav li {
					margin:0 0 0 2px;
					text-transform:lowercase;
					display:inline;
				}
		#footer a.btn_microgroove {
			width:153px; height:22px; margin:0 0 0 auto;
			background:url(../../images/microgroove_logo.png) 0 0 no-repeat;
			display:block;
		}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	.socialLinks Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.socialLinks {
		padding:0 0 0 70px;
	}
		.socialLinks li { float:left; margin:0 !important; padding:0 4px 0 0 !important; }
			.socialLinks li a { float:none; margin:0; }
		.socialLinks a {
			height:25px; margin:0 4px 0 0;
			background:url(../../images/sprites.png) 0 0 no-repeat;
			font-size:0px; text-indent:-3000px;
			display:block; overflow:hidden;
		}
			.socialLinks a.facebook {
				width:92px !important;
				background-position:-258px -244px;
			}
				.socialLinks a.facebook:hover { background-position:-258px -269px; }
			.socialLinks a.twitter {
				width:78px !important;
				background-position:-354px -244px;
			}
				.socialLinks a.twitter:hover { background-position:-354px -269px; }
			.socialLinks a.myspace {
				width:90px !important;
				background-position:-436px -244px;
			}
				.socialLinks a.myspace:hover { background-position:-436px -269px; }
			.socialLinks a.digg {
				width:68px !important;
				background-position:-530px -244px;
			}
				.socialLinks a.digg:hover { background-position:-530px -269px; }
			.socialLinks a.share {
				width:72px !important;
				background-position:-602px -244px;
			}
				.socialLinks a.share:hover { background-position:-602px -269px; }



/*	--------------------------------------------------------------------------------------------------------------------------
	Universal Button Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.footer .btn_readMore {
		width:75px; height:9px;
		margin:7px 0 0 0;
		background:url(../../images/btn_readMore.png) 0 0 no-repeat;
		display:block;
		float:right;
	}
		.footer .btn_readMore:hover {
			background-position:0 -9px;
		}
	a.btn_moreNews {
		width:79px; height:7px;
		margin:12px 0 0 0;
		background:url(../../images/btn_moreNews.png) 0 0 no-repeat;
		display:block;
		float:right;
	}
		a.btn_moreNews:hover {
			background-position:0 -7px;
		}
	a.btn {
		width:82px; height:20px;
		padding:5px 0 0 2px;
		color:#fff !important;
		text-align:center;
		display:block;
	}
		a.btn:hover {
			background-position:0 -25px;
		}
	a.btn_next {
		padding:0 10px 0 0;
		background:url(../../images/arrow.png) right 4px no-repeat;
	}
	a.btn_prev {
		padding:0 0 0 10px;
		background:url(../../images/arrow_left.png) left 4px no-repeat;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	.pagination Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.pagination {
		width:402px;
		margin:20px auto 0 auto;
		background:none;
	}
		.pagination li {
			margin:0 4px 0 0;
			display:inline;
			float:left;
		}
			.pagination li a {
				height:22px; width:20px;
				padding:4px 0 0 12px;
				background:url(../../images/btn_pageNumber.png) 0 0 no-repeat;
				font-size:.69em;
				color:#faf8ee !important;
				display:block;
			}
				.pagination li a:hover {
					background-position:0 -26px;
				}
				.pagination li a.btn_prev {
					width:52px; height:21px;
					padding:5px 0 0 19px;
					background:url(../../images/btn_prev_sm.png) 0 0 no-repeat;
				}
					.pagination li a.btn_prev:hover {
						background-position:0 -26px;
					}
				.pagination li a.btn_next {
					width:64px; height:21px;
					padding:5px 0 0 7px;
					background:url(../../images/btn_next_sm.png) 0 0 no-repeat;
				}
					.pagination li a.btn_next:hover {
						background-position:0 -26px;
					}

/*	--------------------------------------------------------------------------------------------------------------------------
	.stepped Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.stepped {
		width:411px;
		margin:0 0 10px 108px; padding:10px 0 0 0;
	}
		.stepped a {
			float:left;
		}
		.stepped .viewing {
			width:170px; padding:0 16px 0 18px;
			font-size:11px; color:#caced0; text-align:center;
			float:left;
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#comments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#comments {	margin:40px 0 0 0; }
		#comments .entry {
			margin:0 0 1px 0; padding:0 0 14px 10px;
			background:url(../../images/bg_transparent.png) repeat;
		}		
			#comments .noBorder {
				background:none;
			}
			#comments .entry .userPic {
				border:solid 3px #232a2e;
				width:50px; margin:16px 5px 0 0;
				float:left; overflow:hidden;
			}
			#comments .entry .comment {
				width:440px; padding:14px 14px 0 14px;
				float:left;
			}	
				#comments .entry .comment a { font-size:1.13em; }
				#comments .entry .comment .date {
					font-size:11px;
					color:#fff;
				}
				#comments .entry .comment p {
					padding:5px 0 0 0;
					color:#caced0;
				}
					#comments .entry .comment p object, #comments .entry .comment p embed {
						width:430px !important; height:270px !important;
					}
		#comments .pagination {
			width:auto; margin:0 auto; padding:10px 0 0 190px;
		}
			#comments .pagination li {
				margin:0;
				display:inline;
				float:left;
			}
				#comments .pagination a {
					width:auto; height:auto; margin:0 13px 0 0; padding:0;
					background:none;
					font:bold .69em Arial, Helvetica, sans-serif;
				}
		#comments a.btn_addComment {
			width:145px; height:32px; margin:10px 0 0 0;
			background:url(../../images/sprites.png) -971px -83px no-repeat;
			font-size:0px; text-indent:-3000px;
			display:block; overflow:hidden;
		}	
			#comments a.btn_addComment:hover {
				background-position:-971px -120px;
			}
		#comments .instructions {
			padding:5px 0 0 0;
			color:#caced0;
			display:block;
			float:left;
		}
		#comments a.btn_backToTop {
			width:62px; height:12px; margin:8px 0 0 0;
			background:url(../../images/sprites.png) -259px -174px no-repeat;
			display:block;
			float:right;
		}
			#comments a.btn_backToTop:hover { background-position:-259px -186px; }
		#comments a.disabled {
			color:#999999 !important;
			cursor:default;
		}
			#comments a.disabled:hover {
				color:#999999 !important;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#cart Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.shopminiWrapper {
		width:100%; height:26px;
		background:url(../../images/bg_transparent.png) repeat;
	}
	.shopmini {
		width:960px; height:26px; margin:0 auto;
	}
		.shopmini ul {
			width:340px; height:26px;
			display:block;
			float:right;
		}
			.shopmini ul li.shopminiorderstatus {
				margin:5px 15px 0 0;
				float:right;
			}
				.shopmini ul li.shopminiorderstatus a {
					width:88px; height:18px;
					background:url(../../images/sprites.png) -600px -3px no-repeat;
					text-indent:-3000px;
					display:block; overflow:hidden;
				}
					.shopmini ul li.shopminiorderstatus a:hover {
						background-position:-600px -29px;
					}
			.shopmini ul li.shopminicheckout {
				margin:5px 5px 0 0;
				float:right;
			}
				.shopmini ul li.shopminicheckout a {
					width:89px; height:18px;
					background:url(../../images/sprites.png) -698px -3px no-repeat;
					text-indent:-3000px;
					display:block; overflow:hidden;
				}
					.shopmini ul li.shopminicheckout a:hover {
						background-position:-698px -29px;
					}
			.shopmini ul li.shopminicart {
				height:22px; padding:5px 0 0 35px;
				background:url(../../images/sprites.png) -386px -468px no-repeat;
				color:#636363;
				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;
		}
			.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:inline-block !important;
				}*/


	.buybtns { }
		.buybtns .direct_btn { 
			top:2px; left:7px;
			position:relative; 
		}
		
			.buybtns a.direct_btn {
				width:166px; height:42px;
				background:url(../../images/direct_btn.jpg) 0 0 no-repeat;
				display:block;
				float:left;
			}
				.buybtns a.direct_btn:hover {
					background-position:0 -42px;
				}
		.buybtns .amazon_btn {
			top: 15px; left: -75px;
			float:left; 
			position:relative;
		}
		
		.buybtns a.amazon_btn {
			width:83px; height:21px;
			background:url(../../images/amazon_btn.jpg) 0 0 no-repeat;
			display:block;
			float:left;
		}
		.buybtns a.amazon_btn:hover {
			background-position:0 -21px;
		}
		
		.buybtns .itunes_btn {
			top: 25px; left: -33px; 
			float:left; 
			position:relative; 
		}
		
		.buybtns a.itunes_btn {
			width:83px; height:21px;
			background:url(../../images/itunes_btn.jpg) 0 0 no-repeat;
			display:block;
			float:left;
		}
			.buybtns a.itunes_btn:hover {
				background-position:0 -21px;
			}

						
/*	--------------------------------------------------------------------------------------------------------------------------
	.ui-tabs-hide Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.ui-tabs-hide {
		display:none !important;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	.noContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.noContent {
		padding:9px;
		text-align:center;
	}
