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

/*	--------------------------------------------------------------------------------------------------------------------------
	#header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body {
		background-color:#020303;
		background-image:none;
	}
	#headerContainer {
		padding:0 0 0 5px;
		position:absolute;
		top:0;
		display:block;
	}
	#contentSpace {
		padding:478px 0 0 178px; /*Top was 508px previous to flash header, 478px with header.*/
		background:none;
	}
	#main {
		background:none;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	#videoBlog Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#videoBlog {
		
	}
		#videoBlog .header {
			margin:0 0 0 5px;
		}
			#videoBlog .header #h2_videoBlog {
				width:219px; height:34px;
				background:url(../../images/Neon-Trees_NeonTreesTV.png) 0 0 no-repeat;
				float:left;
			}
			#videoBlog .header a.btn_allNeonTreesTV {
				width:110px; height:6px;
				margin:21px 16px 0 0;
				background:url(../../images/Neon-Trees_allNeonTreesTV.png) 0 0 no-repeat;
				display:inline-block;
				float:right;
			}
				#videoBlog .header a.btn_allNeonTreesTV:hover {
					background-position:0 -6px;
				}
		#videoBlog .entry {
			border:solid 5px #132e33;
			width:500px;
			margin:0 0 24px 8px; padding:9px;
			background:#090f11;
		}
			#videoBlog .entry .info {
				width:184px;
				margin:0 0 0 8px; padding:8px 0 0 0;
				float:right;
			}
				#videoBlog .entry .info h2 {
					
				}
					#videoBlog .entry .info h2 a {
						font:bold 12px Arial, Helvetica, sans-serif;
					}
						#videoBlog .entry .info h2 a:hover {
							
						}
				#videoBlog .entry .info .stats {
					
				}
					#videoBlog .entry .info .stats .date {
						padding:10px 0 5px 0;
						font:normal 11px Arial, Helvetica, sans-serif;
						color:#6a7476;
						display:block;
					}
					#videoBlog .entry .info .stats .commentCount {
						padding:0 10px 0 16px;
						background:url(../../images/Neon-Trees_commentBubble.png) 0 2px no-repeat;
						font:normal 11px Arial, Helvetica, sans-serif;
						color:#487171;
						line-height:11px;
					}
					#videoBlog .entry .info .stats .viewCount {
						font:normal 11px Arial, Helvetica, sans-serif;
						color:#576062;
					}
				#videoBlog .entry .info a.btn {
					width:100px; height:22px;
					margin:17px 0 0 0; padding:0;
					background:url(../../images/btn_watchVideo.png) 0 0 no-repeat;
					text-indent:-3000px;
					display:block;
					outline:none;
				}
					#videoBlog .entry .info a.btn:hover {
						background-position:0 -22px;
					}
			#videoBlog .entry .thumbnail {
				width:306px;
				float:right;
			}
				#videoBlog .entry .thumbnail h2 {
					
				}
					#videoBlog .entry .thumbnail h2 a {
						
					}
						#videoBlog .entry .thumbnail h2 a:hover {
							
						}
						#videoBlog .entry .thumbnail h2 a img {
							
						}
				#videoBlog .entry .thumbnail .toolTip {
					display:none;
				}
					#videoBlog .entry .thumbnail .toolTip a.btnPlay {
						
					}
						#videoBlog .entry .thumbnail .toolTip a.btnPlay:hover {
							
						}
						#videoBlog .entry .thumbnail .toolTip a.btnPlay img {
							
						}
					#videoBlog .entry .thumbnail .toolTip .timer {
						
					}

/*	--------------------------------------------------------------------------------------------------------------------------
	#blog Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#blog {
		
	}
		#blog .header {
			margin:0 0 0 5px;
		}
			#blog .header #h2_videoBlog {
				width:219px; height:34px;
				background:url(../../images/Neon-Trees_NeonTreesTV.png) 0 0 no-repeat;
				float:left;
			}
			#blog .header a.btn_allNeonTreesTV {
				width:110px; height:6px;
				margin:21px 16px 0 0;
				background:url(../../images/Neon-Trees_allNeonTreesTV.png) 0 0 no-repeat;
				display:inline-block;
				float:right;
			}
				#blog .header a.btn_allNeonTreesTV:hover {
					background-position:0 -6px;
				}
			#blog .body {
				width:336px;
				padding:5px 0 5px 5px;
				float:left;
			}
				#blog .body p {
					/*height:244px;
					overflow-y:hidden;*/
				}
				#blog .body embed {
					
				}
				#blog .body object {
				}
			#blog .entry {
				border:solid 5px #132e33;
				margin:0 0 24px 8px;
				background:#040708;
			}
				#blog .entry .header {
					width:164px;
					margin:11px 0 0 0; padding:0 7px 0 0;
					float:right;
				}
					#blog .entry .header h2 {
						margin:0 0 4px 0;
						line-height:16px;
					}
						#blog .entry .header h2 a {
							font:bold 12px Arial, Helvetica, sans-serif; 
						}
				#blog .header .commentCount {
					padding:0 10px 0 16px;
					background:url(../../images/Neon-Trees_commentBubble.png) 0 2px no-repeat;
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#487171;
					line-height:11px;
					position:relative;
					top:8px; left:4px;
				}
				#blog .header .date {
					padding:0 0 0 4px;
					color:#576062;
					font:normal 11px Arial, Helvetica, sans-serif;
					display:block;
				}	
				#blog .header .viewCount {
					color:#576062;
					font:normal 11px Arial, Helvetica, sans-serif;
					position:relative;
					top:8px;
				}
		#blog .footer {
		
		}
			#blog .footer a.btn_readMore {
				position:relative;
				top:19px; left:-99px;
			}
/*	--------------------------------------------------------------------------------------------------------------------------
	#twitter Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#twitter {
		
	}
		#twitter .header {
			margin:0 0 0 5px;
		}
			#twitter .header h2#h2_twitterFeed {
				width:194px; height:34px;
				background:url(../../images/Neon-Trees_twitterFeed.png) 0 0 no-repeat;
				float:left;
			}
		#twitter .tweets {
			border:solid 5px #132e33; border-bottom:none;
			width:518px;
			margin:0 0 0 8px;
		}
			#twitter .tweets ul.tweet_list {
				background:#040708;
			}
				#twitter .tweets ul.tweet_list li {
					padding:5px 9px 11px 9px;
					background:url(../../images/Neon-Trees_twitterList.png) left top repeat-x;
				}
					#twitter .tweets ul.tweet_list li .post {
						
					}
						#twitter .tweets ul.tweet_list li .post .tweet_text {
							font:normal 12px Arial, Helvetica, sans-serif;
							color:#bbeff8;
							line-height:12px;
						}
							#twitter .tweets ul.tweet_list li .post .tweet_text a {
								font:bold 12px Arial, Helvetica, sans-serif;
							}
						#twitter .tweets ul.tweet_list li .post .date {
							display:block;
						}
							#twitter .tweets ul.tweet_list li .post .date a {
								font:normal 11px Arial, Helvetica, sans-serif;
								color:#6a7476;
								line-height:11px;
							}
								#twitter .tweets ul.tweet_list li .post .date a:hover {
									
								}
		#twitter .btn {
			border:solid 5px #132e33; border-top:none;
			width:518px; height:43px;
			margin:0 0 24px 8px;
			background:#090f11;
		}
			#twitter .btn a.btn_follow {
				width:155px; height:23px;
				margin:12px 10px 0 0;
				background:url(../../images/Neon-Trees_follow.png) 0 0 no-repeat;
				display:block;
				float:right;
			}
				#twitter .btn a.btn_follow:hover {
					background-position:0 -23px;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	#confessions Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#confessions {
		
	}
		#confessions .header {
			margin:0 0 0 5px;
		}
			#confessions .header h2#h2_confessions {
				width:220px; height:34px;
				background:url(../../images/Neon-Trees_confessions.png) 0 0 no-repeat;
				float:left;
			}
			#confessions .header a.btn_allConfessions {
				width:113px; height:6px;
				margin:21px 16px 0 0;
				background:url(../../images/Neon-Trees_allConfessions.png) 0 0 no-repeat;
				display:inline-block;
				float:right;
			}
				#confessions .header a.btn_allConfessions:hover {
					background-position:0 -6px;
				}
		#confessions .entry {
			border:solid 5px #132e33;
			width:518px;
			margin:0 0 24px 8px;
		}
			#confessions .top {
				background:#090f11 url(../../images/bg_quoteLeft.png) 7px 12px no-repeat;
			}
			#confessions .bottom {
				padding:25px 53px;
				background:url(../../images/bg_quoteRight.png) right bottom no-repeat;
			}
				#confessions .bottom p {
					font:italic 16px Georgia, "Times New Roman", Times, serif;
					color:#ffe589;
					line-height:21px;
					text-align:center;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	#news Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#news {
		
	}
		#news .header {
			margin:0 0 0 5px;
		}
			#news .header h2#h2_theLatestNews {
				width:186px; height:34px;
				background:url(../../images/Neon-Trees_theLatestNews.png) 0 0 no-repeat;
				float:left;
			}
			#news .header a.btn_moreNews {
				width:57px; height:6px;
				margin:21px 16px 0 0;
				background:url(../../images/Neon-Trees_allNews.png) 0 0 no-repeat;
				display:inline-block;
				float:right;
			}
				#news .header a.btn_moreNews:hover {
					background-position:0 -6px;
				}
		#news ul {
			border:solid 5px #132e33;
			width:486px;
			margin:0 0 24px 8px; padding:20px 16px;
			background:#090f11;
		}
			#news ul li.entry {
				
			}
				#news ul li.entry .header {
					margin:0;
					position:relative;
				}
					#news ul li.entry .header .date {
						width:48px; height:47px;
						background:url(../../images/Neon-Trees_date.png) 0 0 no-repeat;
						overflow:hidden;
						display:block;
						float:left;
						position:absolute;
						left:0; top:0;
					}
					#news ul li.entry .header h2 {
						width:390px;
						padding:0 0 0 59px;
						float:left;
					}
						#news ul li.entry .header h2 a {
							font:bold 16px Arial, Helvetica, sans-serif;
						}
					#news ul li.entry .header .commentCount {
						width:28px; height:22px;
						background:url(../../images/Neon-Trees_commentBubble2.png) 0 0 no-repeat;
						font:normal 11px Arial, Helvetica, sans-serif;
						color:#e6b963;
						line-height:20px;
						text-align:center;
						float:right;
					}
				#news ul li.entry .body {
					padding:9px 42px 0 57px;
				}
					#news ul li.entry .body p {
						font:normal 13px Arial, Helvetica, sans-serif;
						color:#bbeff8;
						line-height:18px;
					}
				#news ul li.entry .footer {
					padding:24px 0 0 57px;
				}
					#news ul li.entry .footer ul.socialLinks {
						border:none;
						width:auto;
						margin:0; padding:0;
						background:none;
						float:none;
					}