@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - COMPONENTS : 	The Neon Trees Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		nt_components.css
	Date:			Feb 09, 2010
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	

/*	--------------------------------------------------------------------------------------------------------------------------
	#album Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#altCol #album {
		margin:0 0 35px 0;
	}
		#altCol #album img {
			border:solid 4px #5fd5ea;
			margin:0 4px 0 0;
			display:inline-block;
			float:left;
		}
		#altCol #album .albumInfo {
			width:120px;
			float:left;
		}
			#altCol #album .albumInfo h2 {
				padding:9px 0 0 0;
				font:bold 15px Arial, Helvetica, sans-serif;
				color:#5fd5ea;
				line-height:15px;
			}
			#altCol #album .albumInfo .date {
				font:normal 13px Arial, Helvetica, sans-serif;
				color:#ebebeb;
				line-height:13px;
			}
			#altCol #album .albumInfo a.btn_PreOrder {
				width:102px; height:28px;
				margin:9px 0 0 0;
				background:url(../../images/btn_preOrder.png) 0 0 no-repeat;
				display:block;
			}
				#altCol #album .albumInfo a.btn_PreOrder:hover {
					background-position:0 -28px;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	#mediaPlayer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#altCol #mediaPlayer {
		margin:0 0 10px 0; padding:0 0 25px 0;
		background:#020303 url(../../images/Neon-Trees_components.png) 0 14px no-repeat;
	}
		#altCol #mediaPlayer .header {
			padding:0 0 5px 0;
		}
			#altCol #mediaPlayer .header h3#h3_nowPlaying {
				width:109px; height:10px;
				background:url(../../images/Neon-Trees_nowPlaying.png) 0 0 no-repeat;
				float:left;
			}
		#altCol #mediaPlayer #player {
			margin:11px 0 0 15px;
		}
			#altCol #mediaPlayer #player p {
				padding:10px;
				font:normal 10px Arial, Helvetica, sans-serif;
			}
				#altCol #mediaPlayer #player p a {
					display:inline-block;
				}
					#altCol #mediaPlayer #player p a img {
						
					}

/*	--------------------------------------------------------------------------------------------------------------------------
	#photos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#altCol #photos {
		margin:0 0 35px 0;
		position:relative;
	}
		#altCol #photos .header {
			padding:0 0 5px 0;
		}
			#altCol #photos .header h3#h3_myPhotos {
				width:62px; height:10px;
				background:url(../../images/h3_myPhotos.png) 0 0 no-repeat;
				float:left;
			}
			#altCol #photos .header a.btn_more {
				width:80px; height:6px;
				margin:3px 0 0 0;
				background:url(../../images/Neon-Trees_morePhotos.png) 0 0 no-repeat;
				display:block;
				float:right;
			}
				#altCol #photos .header a.btn_more:hover {
					background-position:0 -6px;
				}
		#altCol #photos .slideShow {
			margin:0 auto;
			background:#020303 url(../../images/Neon-Trees_components.png) 0 0 no-repeat;
		}
			#altCol #photos .slideShow ul {
				
			}
				#altCol #photos .slideShow ul li {
					width:219px;
				}
				#altCol #photos .slideShow ul li .photo_info {
					width:159px;
					margin:45px auto 0 auto; padding:10px 25px;
					background:#0e0f0f;
					text-align:center;
				}
					#altCol #photos .slideShow ul li .photo_info h4 {
						
					}
						#altCol #photos .slideShow ul li .photo_info h4 a {
							font:bold 12px Arial, Helvetica, sans-serif;
						}
					#altCol #photos .slideShow ul li .photo_info .date {
						font:normal 11px Arial, Helvetica, sans-serif;
						color:#6a7476;
					}
			#altCol #photos .slideShow .image {
				height:156px;
			}
				#altCol #photos .slideShow img {
					border:solid 3px #d2cbaa;
					display:inline;
					float:left;
				}
		#altCol #photos .nav_slide {
			width:118px; height:11px;
			margin:0 auto; padding:12px 0 20px 0;
			position:absolute;
			top:160px; left:51px;
			z-index:2;
		}
			#altCol #photos .nav_slide #btn_prev {
				width:6px; height:11px;
				margin:0 8px 0 0;
				background:url(../../images/btn_prevSlide.png) 0 0 no-repeat;
				display:inline-block;
				float:left;
				cursor:pointer;
			}
			#altCol #photos .nav_slide #pager {
				padding:2px 0 0 0;
				float:left;
			}
				#altCol #photos .nav_slide #pager a {
					border:none;
					width:8px; height:8px;
					margin:0 8px 0 7px;
					background:url(../../images/btn_slide.png) 0 0 no-repeat;
					text-indent:-3000px;
					display:inline-block;
					float:left;
					outline:none;
				}
					#altCol #photos .nav_slide #pager a:hover {
						background:url(../../images/btn_activeSlide.png) 0 0 no-repeat;
					}
						#altCol #photos .nav_slide #pager a.activeSlide {
							background:url(../../images/btn_activeSlide.png) 0 0 no-repeat;
						}
			#altCol #photos .nav_slide #btn_next {
				width:6px; height:11px;
				margin:0 0 0 6px;
				background:url(../../images/btn_nextSlide.png) 0 0 no-repeat;
				display:inline-block;
				float:left;
				cursor:pointer;
			}
		#altCol #photos .photo_info {
			text-align:center;
		}
			#altCol #photos .photo_info h4 {
				font:normal 14px Georgia, "Times New Roman", Times, serif;
				color:#ea9072;
			}
				#altCol #photos .photo_info h4.loading {
					color:#8b8570;
				}
			#altCol #photos .photo_info .date {
				font:normal 10px Georgia, "Times New Roman", Times, serif;
				color:#8b8570;
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	#tour Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#altCol #tour {
		margin:0 0 35px 0;
	}
		#altCol #tour .header {
			height:auto;
			margin:0; padding:0 0 5px 0;
			background:none;
		}
			#altCol #tour .header h2#h2_myUpcomingTourDates {
				width:42px; height:10px;
				background:url(../../images/Neon-Trees_myUpcomingTourDates.png) 0 0 no-repeat;
				float:left;
			}
			#altCol #tour .header a.btn_moreDates {
				width:73px; height:6px;
				margin:3px 0 0 0;
				background:url(../../images/Neon-Trees_moreDates.png) 0 0 no-repeat;
				display:block;
				float:right;
			}
				#altCol #tour .header a.btn_moreDates:hover {
					background-position:0 -6px;
				}
		#altCol #tour .content {
			background:#020303 url(../../images/Neon-Trees_components.png) 0 0 no-repeat;
			font:normal 9px Arial, Helvetica, sans-serif;
			text-align:left;
		}
			#altCol #tour .content table {
				width:209px;
				margin:0 auto;
				font:normal 9px Arial, Helvetica, sans-serif;
				text-align:left;
			}
				#altCol #tour .content table colgroup {
					
				}
					#altCol #tour .content table colgroup .dateCol {
						
					}
					#altCol #tour .content table colgroup .venueCol {
						
					}
					#altCol #tour .content table colgroup .locationCol {
						
					}
					#altCol #tour .content table colgroup .ticketsCol {
						
					}
				#altCol #tour .content table thead {
					
				}
					#altCol #tour .content table thead tr {
						
					}
						#altCol #tour .content table thead tr th {
							font:bold 9px Arial, Helvetica, sans-serif;
							color:#ffe589;
						}
							#altCol #tour .content table thead tr th.thDate {
								width:35px;
								padding:10px 0 0 5px;
							}
							#altCol #tour .content table thead tr th.thVenue {
								
							}
							#altCol #tour .content table thead tr th.thLocation {
								
							}
							#altCol #tour .content table thead tr th.thTickets {
								
							}
				#altCol #tour .content table tbody {
					
				}
					#altCol #tour .content table tbody tr {
						
					}
						#altCol #tour .content table tbody tr td {
							background:url(../../images/Neon-Trees_tourList.png) 0 bottom repeat-x;
						}
							#altCol #tour .content table tbody tr td.dateCol {
								padding:5px 0 5px 5px;
								color:#6a7476;
							}
							#altCol #tour .content table tbody tr td.venueCol {
								width:55px;
								padding:5px 4px 5px 0;
								overflow:hidden;
							}
							#altCol #tour .content table tbody tr td.locationCol {
								width:60px;
								padding:5px 6px 5px 0;
							}
							#altCol #tour .content table tbody tr td.ticketsCol {
								
							}
								#altCol #tour .content table tbody tr td.ticketsCol a {
									width:38px; height:29px;
									background:url(../../images/Neon-Trees_buyTickets.png) 0 0 no-repeat;
									display:block;
									text-indent:-9999px;
								}
									#altCol #tour .content table tbody tr td.ticketsCol a:hover {
										background-position:0 -29px;
									}
						#altCol #tour .content table tbody tr.noBorder {
							
						}

/*	--------------------------------------------------------------------------------------------------------------------------
	#videos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#altCol #videos {
		margin:0 0 35px 0;
	}
		#altCol #videos .header {
			padding:0 0 5px 0;
		}
			#altCol #videos .header h3#h3_myVideos {
				width:49px; height:10px;
				background:url(../../images/h3_myVideos.png) 0 0 no-repeat;
				float:left;
			}
			#altCol #videos .header a.btn_more {
				width:81px; height:6px;
				margin:3px 0 0 0;
				background:url(../../images/btn_moreVideos.png) 0 0 no-repeat;
				display:block;
				float:right;
			}
				#altCol #videos .header a.btn_more:hover {
					background-position:0 -6px;
				}
		#altCol #videos .entry {
			padding:15px 0 0 0;
			background:#020303 url(../../images/Neon-Trees_components.png) 0 0 no-repeat;
		}
			#altCol #videos .entry .info {
				padding:10px;
				background:#0e0f0f;
			}
				#altCol #videos .entry .info h2 {
					text-align:center;
				}
					#altCol #videos .entry .info h2 a {
						font:bold 12px Arial, Helvetica, sans-serif;
					}
						#altCol #videos .entry .info h2 a:hover {
							
						}
				#altCol #videos .entry .info .stats {
					padding:10px 0 0 0;
				}
					#altCol #videos .entry .info .stats .date {
						padding:0 15px 0 0;
						font:normal 11px Arial, Helvetica, sans-serif;
						color:#6a7476;
						line-height:11px;
						float:left;
					}
					#altCol #videos .entry .info .stats .viewCount {
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#6a7476;
						line-height:11px;
						float:left;
					}
					#altCol #videos .entry .info .stats .commentCount {
						padding:0 0 2px 15px;
						background:url(../../images/Neon-Trees_commentBubble.png) 0 0 no-repeat;
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#487171;
						line-height:10px;
						float:right;
					}
				#altCol #videos .entry .info a.view {
					margin:0 0 0 140px; padding:0 7px 0 0;
					background:url(../../images/arrow_viewNow.png) right 4px no-repeat;
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#f89911;
				}
					#altCol #videos .entry .info a.view:hover {
						background-position:right -12px;
						color:#244248;
					}
			#altCol #videos .entry .thumbnail {
				margin:0 0 15px 0;
			}
				#altCol #videos .entry .thumbnail h2 {
					
				}
					#altCol #videos .entry .thumbnail h2 a {
						border:solid 1px #5fd5ea;
						width:152px;
						margin:0 auto;
						display:block;
					}
						#altCol #videos .entry .thumbnail h2 a:hover {
							border:solid 1px #19454d;
						}
							#altCol #videos .entry .thumbnail h2 a img {
								border:solid 1px #fff;
							}
				#altCol #videos .entry .thumbnail .toolTip {
					display:none;
				}
					#altCol #videos .entry .thumbnail .toolTip a.btnPlay {
						
					}
						#altCol #videos .entry .thumbnail .toolTip a.btnPlay:hover {
							
						}
							#altCol #videos .entry .thumbnail .toolTip a.btnPlay img {
								
							}

/*	--------------------------------------------------------------------------------------------------------------------------
	#news Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#altCol #news {
		margin:0 0 35px 0;
	}
		#altCol #news .header {
			padding:0 0 5px 0;
		}
			#altCol #news .header h3#h3_latestNews {
				width:40px; height:10px;
				background:url(../../images/h3_latestNews.png) 0 0 no-repeat;
				float:left;
			}
			#altCol #news .header a.btn_more {
				width:73px; height:6px;
				margin:3px 0 0 0;
				background:url(../../images/btn_moreNews.png) 0 0 no-repeat;
				display:block;
				float:right;
			}
				#altCol #news .header a.btn_more:hover {
					background-position:0 -6px;
				}
		#altCol #news ul {
			padding:5px 5px 0 5px;
			background:#020303 url(../../images/Neon-Trees_components.png) 0 0 no-repeat;
		}
			#altCol #news ul li.entry {
				padding:8px 7px 10px 6px;
				background:url(../../images/bg_news_component.png) 0 0 repeat-x;
			}
				#altCol #news ul li.entry .date {
					width:38px; height:29px;
					padding:1px 0 0 0;
					background:url(../../images/bg_date_component.png) 0 0 no-repeat;
				}
					#altCol #news ul li.entry .date .month {
						font:bold 9px Arial, Helvetica, sans-serif;
						color:#e6b963;
					}
					#altCol #news ul li.entry .date .day {
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#e6b963;
						position:relative;
						top:-5px;
					}
				#altCol #news ul li.entry h2 {
					width:150px;
					float:right;
				}
					#altCol #news ul li.entry h2 a {
						font:bold 9px Arial, Helvetica, sans-serif;
					}

/*	--------------------------------------------------------------------------------------------------------------------------
	#extras Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#altCol #extras {
		margin:0 0 35px 0;
	}
		#altCol #extras .header {
			padding:0 0 5px 0;
		}
			#altCol #extras .header h3#h3_extras {
				width:100px; height:10px;
				background:url(../../images/h3_extras.png) 0 0 no-repeat;
				float:left;
			}
			#altCol #extras .header a.btn_more {
				width:106px; height:6px;
				margin:3px 0 0 0;
				background:url(../../images/btn_moreDownloads.png) 0 0 no-repeat;
				display:block;
				float:right;
			}
				#altCol #extras .header a.btn_more:hover {
					background-position:0 -6px;
				}
		#altCol #extras .body {
			padding:15px 0 0 0;
			background:#020303 url(../../images/Neon-Trees_components.png) 0 0 no-repeat;
		}
			#altCol #extras .body .icons {
				width:69px;
				padding:0 0 0 4px;
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#484848;
				text-align:center;
				display:block;
				float:left;
			}
				#altCol #extras .body .icons a {
					border:4px solid #26d7f7;
					width:50px;
					margin:0 auto;
					display:block;
				}
					#altCol #extras .body .icons a:hover {
						border:4px solid #19454d;
					}
						#altCol #extras .body .icons a img {
							
						}
			#altCol #extras .body .wallpaper {
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#484848;
				text-align:left;
				display:block;
				float:left;
			}
				#altCol #extras .body .wallpaper a {
					border:solid 2px #26d7f7;
					width:130px;
					padding:1px;
					background:#fff;
					display:block;
				}
					#altCol #extras .body .wallpaper a:hover {
						border:solid 2px #19454d;
					}
						#altCol #extras .body .wallpaper a img {
							
						}
/*	--------------------------------------------------------------------------------------------------------------------------
	#confessions Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#altCol #confessions {
		margin:0 0 35px 0;
	}
		#altCol #confessions .header {
			padding:0 0 5px 0;
			background:url(../../images/bg_quoteLeft_sm.png) 2px 35px no-repeat;
		}
			#altCol #confessions .header h3#h3_confessions {
				width:119px; height:10px;
				background:url(../../images/h3_confessions.png) 0 0 no-repeat;
				float:left;
			}
			#altCol #confessions .header a.btn_more {
				width:36px; height:6px;
				margin:3px 0 0 0;
				background:url(../../images/btn_moreConfessions.png) 0 0 no-repeat;
				display:block;
				float:right;
			}
				#altCol #confessions .header a.btn_more:hover {
					background-position:0 -6px;
				}
		#altCol #confessions .entry {
			padding:12px 0 0 10px;
			background:#020303 url(../../images/Neon-Trees_components.png) 0 0 no-repeat;
		}
			#altCol #confessions .entry .header .date {
				width:106px;
				padding:0 0 0 4px;
				font:normal 10px Arial, Helvetica, sans-serif;
				color:#6a7476;
				display:block;
			}
				#altCol #confessions .entry .header .date .username {
					color:#bbeff8;
				}
			#altCol #confessions .entry .header h2 {
				width:178px;
				padding:0 0 0 20px;
				position:relative;
				top:3px;
			}
				#altCol #confessions .entry .header h2 a {
					font:bold 11px Arial, Helvetica, sans-serif;
				}
		#altCol #confessions .entry .body {
			position:relative;
			top:-1px;
		}
			#altCol #confessions .entry .body p {
				height:32px;
				padding:0 30px 15px 17px;
				background:url(../../images/bg_quoteRight_sm.png) 183px 35px no-repeat;
				overflow:hidden;
				font:normal 9px Arial, Helvetica, sans-serif;
				color:#bbeff8;
				line-height:15px;
			}