@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - HOME : 	David Nail Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		dn_home.css
	Date:			Apr 5, 2011
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/


/*	--------------------------------------------------------------------------------------------------------------------------
	Nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav li.navHome a { color:#629ec9; }
	#footer .info .nav li.home a { color:#629ec9; }
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#border { background:url(../../images/bg_borderHome.jpg) center 186px repeat-x; }
	#artist { background:url(../../images/bg_artistHome.jpg) center 188px no-repeat; }
	#contentSpace { padding:21px 28px 20px 22px; }
		#mainCol { width:495px; }
		#altCol { width:386px; }
	h3 a { color:#fff; }
		h3 a:hover { color:#629ec9; }

/*	--------------------------------------------------------------------------------------------------------------------------
	#header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		height:368px; padding:92px 0 0 84px;
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	#twitter Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#twitter { margin:0 0 26px 0; }
		#twitter .body { padding:14px; }
			#twitter .body #twitter_update_list li span { padding:0 0 5px 0; display:block; }
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#videos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#videos { margin:0 0 26px 0; }
		#videos .body { padding:16px; }
			#videos .body .feature {
				width:462px; margin:0 auto; padding:0 0 18px 0; text-align:center;
			}
			#videos .body .minis {}
				#videos .body .minis li {
					width:140px; padding:0 6px;
					float:left;
				}
				#videos .body .minis li:first-child { display:none; }
					#videos .body .minis li .thumbnail { padding:0 0 5px 0; }
						#videos .body .minis li .thumbnail img { margin:0 auto; }
					#videos .body .minis li h3 a { font-size:15px; }
						
/*	--------------------------------------------------------------------------------------------------------------------------
	#news Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#news { margin:0 0 26px 0; }
		#news li { margin:1px 0 0 0; padding:8px 6px; }
			#news li .info { 
				width:400px; padding:10px 0 0 0;
				float:left; 
			}
			#news li h3 { font-size:20px; }
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#setList Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#setList {}
		#setList table {}
			#setList table td.setList a, #setList table td.photos a {
				width:58px; height:32px;
				background:url(../../images/sprites.png) 0 0 no-repeat;
				display:block;
			}
			#setList table td { 
				border-bottom:solid 1px #393836;
				padding:9px 0; vertical-align:top; 
			}
			#setList table td.date {
				width:91px;
				text-align:center;
			}
			#setList table td.location { width:245px; padding:9px 5px 9px 0; font-size:18px; }
				#setList table td.location .venue { font-size:14px; display:block; }
			#setList table td.setList, #setList table td.photos { width:77px; }
				#setList table td.setList a { background-position:-553px -83px; }
					#setList table td.setList a:hover { background-position:-553px -120px; }
				#setList table td.photos a { background-position:-475px -83px; }
					#setList table td.photos a:hover { background-position:-475px -120px; }
			#setList table td.last { border-bottom:none; padding:0; }
				
/*	--------------------------------------------------------------------------------------------------------------------------
	#music Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#music { margin:0 0 23px 0; }
		#music #albums {}
			#music #albums ul {}
				#music #albums ul li {
					float:left;
				}
					#music #albums ul li a {
						position:relative;
						display:block;
						z-index:2;
					}
						#music #albums ul li.latestAlbum a, #music #albums ul li.pastAlbums a {
							width:125px; height:19px;
						}
						#music #albums ul li.latestAlbum a {
							margin:0 10px 0 0;
							background:url(../../images/btn_latestAlbum.png) 0 -19px no-repeat;
						}
						#music #albums ul li.pastAlbums a {
							background:url(../../images/btn_pastAlbums.png) 0 -19px no-repeat;
						}
						#music #albums ul li.ui-tabs-selected a {
							background-position:0 0;
						}
			#music #albums #latestAlbum, #music #albums #pastAlbums {
				height:176px;
				background:url(../../images/bg_transparent.png) repeat;
			}
				#music #albums #latestAlbum img {
					border:solid 1px #fff;
					margin:14px 0 0 0;
					display:inline;
					float:right;
				}
				#music #albums #latestAlbum .albumInfo {
					width:173px;
					margin:8px 27px 0 21px;
					font-family:Georgia, "Times New Roman", Times, serif;
					display:inline;
					float:right;
				}
					#music #albums #latestAlbum .albumInfo h3 {
						margin:0 0 5px 0;
						font-size:27px;
					}
					#music #albums #latestAlbum .albumInfo h4 {
						margin:0 0 10px 0;
						font-size:18px;
						display:none;
					}
					#music #albums .albumInfo a.btn {
						width:106px; height:32px; margin:10px 0 0 0;
						background:url(../../images/sprites.png) 0 -83px no-repeat;
						display:block;
					}
						#music #albums .albumInfo a.btn:hover {
							background-position:0 -120px;
						}
					#music #albums #latestAlbum table img { margin:0; border:none; float:none; }
					#music #albums #latestAlbum table.blm-default img { display:block; }
					#music #albums #latestAlbum table td { background:#434342; }
						#music #albums #latestAlbum table.blm-menugroup td { padding:4px 0; }
						#music #albums #latestAlbum table.blm-menuitemover { cursor:pointer; }
				#music #albums #pastAlbums #pastAlbumsScroll {
					height:176px;
					position:relative;
					overflow:hidden;
				}
					#music #albums #pastAlbums #pastAlbumsScroll ul {
						margin:0; padding:0;
						overflow:none;
						white-space:nowrap;
						position:absolute;
					}
						#music #albums #pastAlbums #pastAlbumsScroll ul li {
							display:inline;
						}
					#music #albums #pastAlbums #pastAlbumsScroll .slider {
						
					}
						#music #albums #pastAlbums #pastAlbumsScroll .slider .handle {
							width:40px; height:15px;
							background:#000;
							position:absolute;
							top:100px;
							z-index:10;
						}
	/*	scrollbar Styles	*/
	#demo-frame > div.demo {
		padding: 10px !important;
	}
	.scroll-pane {
		width:373px;
		margin:0 auto;
		overflow:auto;
	}
	.scroll-content {
		margin:0 0 7px 0;
	}
	.scroll-content-item {
		width:102px; height:140px;
		margin:7px 16px;
		text-align:center;
		float:left;
	}
		.scroll-content-item.first {
			margin-left:0;
		}
		.scroll-content-item.last {
			margin-right:0;
		}
			.scroll-content-item img {
				
			}
			.scroll-content-item h3 {
				margin:5px 0 0 0;
				font-size:11px;
				color:#d24d20;
			}
			.scroll-content-item .date {
				font-size:11px;
				color:#caced0;
				display:block;
			}
	* html .scroll-content-item {
		display:inline;
	}
	.scroll-bar-wrap {
		width:373px;
		background:#333;
	}
		.scroll-bar-wrap .ui-slider {
			border:0;
			height:11px;
			margin:0 auto;
			background:none;
			overflow:visible;
		}
		.scroll-bar-wrap .ui-handle-helper-parent {
			height:100%; position:relative;
			margin:0 auto;
		}
		.scroll-bar-wrap .blank {
			width:12px; height:11px;
			display:block;
		}
			.scroll-bar-wrap .left {
				width:12px;
				background:url(../../images/scrollbar_arrows.png) left top no-repeat;
				position:absolute !important;
				top:0; left:0 !important;
				z-index:99 !important;
			}
			.scroll-bar-wrap .right {
				width:12px;
				background:url(../../images/scrollbar_arrows.png) right top no-repeat;
				position:absolute !important;
				top:0; right:0 !important;
				z-index:99 !important;
			}
		.scroll-bar-wrap .ui-slider-handle {
			height:11px;
			display:block !important;
			overflow:hidden;
		}
			.scroll-bar-wrap .ui-slider-handle .leftCap {
				width:2px; height:11px;
				background:url(../../images/leftCap.png) 0 0 no-repeat;
				float:left;
			}
			.scroll-bar-wrap .ui-slider-handle .ui-icon {
				height:11px;
				background:url(../../images/scrollbar_bar.png) center top no-repeat;
				display:block;
				float:left;
				position:relative;
			}
			.scroll-bar-wrap .ui-slider-handle .rightCap {
				width:2px; height:11px;
				background:url(../../images/rightCap.png) 0 0 no-repeat;
				float:right;
			}
	.ui-slider {
		text-align:left;
		position:relative;
	}
		.ui-slider-handle {
			background:url(../../images/scrollbar_bg.png) center top no-repeat;
			text-align:center;
			position:absolute;
			z-index:2;
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#photos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photos { position:relative; height:320px; overflow:hidden; }
		#photos #photoNav { position:absolute; top:21px; left:0; z-index:100; }
			#photos #photoNav li { width:126px !important; padding:0 10px 0 0 !important; float:left; }
				#photos #photoNav li a { 
					width:126px; height:20px;
					display:block;
				}
					#photos #photoNav li.official a { background:url(../../images/nav_official.png) 0 -19px no-repeat; }
					#photos #photoNav li.fan a { background:url(../../images/nav_fan.png) 0 -19px no-repeat; }
						#photos #photoNav li.official a.active, #photos #photoNav li.fan a.active { background-position:0 0; }
		#photos .header { height:46px; }
			#photos .pager {
				position:absolute; top:0; right:0;
			}
			#photos .pager a {
				width:23px; height:16px; margin:4px 0 0 1px;
				background:url(../../images/sprites.png) 0 0 no-repeat;
				display:block;
				float:left;
			}
			#photos a.btn_arrowPrev, #photos a.btn_arrowPrev2 { background-position:-309px -470px; }
				#photos a.btn_arrowPrev:hover, #photos a.btn_arrowPrev2:hover { background-position:-309px -486px; }
			#photos a.btn_arrowNext, #photos a.btn_arrowNext2 { background-position:-333px -470px; }
				#photos a.btn_arrowNext:hover, #photos a.btn_arrowNext2:hover { background-position:-333px -486px; }
		#photos .jCarousel, #photos .jCarousel2 { height:320px; }
		#photos .content { margin:0; padding:20px 0 11px 0; } 
		#photos ul {  }
			#photos .content ul li {
				position:relative;
				border:solid 1px #333 ;
				width:113px; height:170px; margin:0 3px 0 0; padding:5px;
				background:url(../../images/bg_transparent.png) repeat;
				display:inline;
			}
				#photos .content ul li .photo {
					width:113px; height:170px; padding:0;
				}
					#photos .content ul li .photo .image, #photos ul li .photo .image a {
						height:130px;
						overflow:hidden;
						display:block;
					}
						#photos .content ul li .photo .image img {
							width:100px;
							margin:0 auto;
						}
					#photos .content ul li .photo .description {
						height:35px;
						margin:0 0 5px 0;
						font:bold 11px Arial, Helvetica, sans-serif;
						background:#000;
						color:#fff;
					}
					#photos .content ul li .photo .info {
						height:24px; padding:8px 3px 6px 3px;
						background:#1a1917;
						color:#fff;	
					}
						#photos .content ul li .photo .info .dateformat { display:block; }
						#photos .content ul li .photo .info a { color:#fff; }
							#photos .content ul li .photo .info a:hover { color:#629ec9; }
				#photos .content ul li .photo.active {
					position:absolute;
					padding:5px;
					background:#000;
					z-index:10;
				}
					#photos .content ul li .photo.active .image img { width:auto; }
					#photos .content ul li.left .photo.active { left:0; }
					#photos .content ul li.center .photo.active { }
					#photos .content ul li.right .photo.active { }
				#photos .content ul li .photo.active .image, #photos .content ul li .photo.active .image a {
					height:220px;
				}
				#fanPhotos .content ul li .photo.active .image img {
					width:190px;
				}