@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - Jeremih HOME
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		j_home.css
	Date:			May 26, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Nav Active State Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header ul li.home a {
		background-position:0 bottom;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Top Content Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#topContent {
		margin:45px 0 65px 0;
		background:url(../../images/bg_topContent.png) 335px 0 repeat-y;
	}
	
	/*	--------------------------------------------------------------
		Latest News Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#latestNews {
			margin:0 27px 0 0;
			width:324px;
			display:inline;
			float:left;
			
		}
			#latestNews h2 {
				margin:0 0 40px 0;
				width:164px; height:24px;
				background:url(../../images/h2_latestNews.png) 0 0 no-repeat #33FF66;
			}
			#latestNews .date {
				width:150px;
				display:block;
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#626262;
			}
			#latestNews h3 a {
				font:normal 17px Arial, Helvetica, sans-serif;
				color:#ff0042;
			}
				#latestNews h3 a:hover {
					font:normal 17px Arial, Helvetica, sans-serif;
					color:#000;
				}
			#latestNews p {
				margin:12px 0 0 0;
				width:320px;
				font:normal 12px Arial, Helvetica, sans-serif;
				line-height:18px;
				color:#646464;
			}
			#latestNews ul {
				margin:20px 0 0 0; padding:5px 10px 0 0;
				width:314px;
				background:url(../../images/border_dashed.png) 0 0 no-repeat;
				list-style:none;
				font:normal 12px Arial, Helvetica, sans-serif;
			}
				#latestNews ul li {
					display:inline;
				}
				#latestNews ul li.views {
					padding:0 10px 0 0;
					font:normal 10px Arial, Helvetica, sans-serif;
					color:#939393;
					float:left;
				}
				#latestNews ul li.comments a {
					font:normal 10px Arial, Helvetica, sans-serif;
					color:#00b4ff;
					float:left;
				}
					#latestNews ul li.comments a:hover {
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#0060ff;
						overflow:hidden;
					}
				#latestNews ul li.digg a {
					padding:0 10px 0 0;
					font:normal 10px Arial, Helvetica, sans-serif;
					color:#00b4ff;
					float:right;
				}
					#latestNews ul li.digg a:hover {
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#0060ff;
						overflow:hidden;
					}
				#latestNews ul li.delicious a {
					font:normal 10px Arial, Helvetica, sans-serif;
					color:#00b4ff;
					float:right;	
				}
					#latestNews ul li.delicious a:hover {
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#0060ff;
						overflow:hidden;
					}		
	
	/*	--------------------------------------------------------------
		Recent Articles Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#recentArticles {
			margin:0 22px 0 0;
			width:242px;
			float:left;
			display:inline;
		}
			#recentArticles h2 {
				margin:9px 0 31px 0;
				width:127px; height:15px;
				background:url(../../images/h2_recentArticles.png) 0 0 no-repeat;
			}
			#recentArticles ul {
				list-style:none;
			}
				#recentArticles ul li {
					padding:0 0 20px 0;
				}
					#recentArticles ul li span.date {
						padding:0 0 5px 0;
						display:block;
						font:normal 11px Arial, Helvetica, sans-serif;
						color:#626262;
					}
					#recentArticles ul li a {
						font:normal 13px Arial, Helvetica, sans-serif;
						color:#ff0042;
					}
						#recentArticles ul li a:hover {
						font:normal 13px Arial, Helvetica, sans-serif;
						color:#000;
					}
			#recentArticles a.btn_moreNews {
				margin:10px 0 0 0;
				width:97px; height:20px;
				float:right;
				background: url(../../images/btn_moreNews.png) 0 0 no-repeat;
				display:block;
			}
				#recentArticles a.btn_moreNews:hover {
					width:97px; height:20px;
					background-position:0 -30px;
				}
			
	/*	--------------------------------------------------------------
		Audio Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#audio {
			margin:0 0 0 24px;
			width:286px;
			float:left;
			display:inline;
			background:url(../../images/cd_samplerSmall.png) 0 41px no-repeat;
		}
			#audio h2 {
				margin:9px 0 25px 0;
				width:177px; height:16px;
				background:url(../../images/h2_jeremihAudio.png) 0 0 no-repeat;
			}
			#audio h3 {
				margin:0 0 0 140px;
				font:normal 21px Arial, Helvetica, sans-serif;
				color:#000;
			}
			#audio .explicit {
			    margin:5px 0 0 140px;
				width:178px; height:11px;
				background:url(../../images/parental_advisory_text.png) 0px 0px no-repeat;
				display:block;
				behavior:url("shared/css/iepngfix.htc")
			}
			#audio #flashPlayer {
				width:286px; height:62px;
				margin:115px 0 5px 0;
			}
			#audio a.btn_moreAlbums {
				margin:20px 0 0 0;
				width:110px; height:20px;
				float:right;
				background: url(../../images/btn_moreAlbums.png) 0 0 no-repeat;
				display:block;
			}
				#audio a.btn_moreAlbums:hover {
					width:110px; height:20px;
					background-position:0 -30px;
				}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Bottom Content Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#bottomContent {
		margin:25px 0 65px 0;
	}
	
	/*	--------------------------------------------------------------
		Latest Photos Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#latestPhotos {
			width:300px;
			display:inline;
			float:left;
			background:url(../../images/border_vertical.png) repeat-y right 0;
		}
			#latestPhotos h2 {
				margin:0 0 27px 2px;
				width:192px; height:35px;
				background:url(../../images/h2_latestPhotos.png) 0 0 no-repeat;
			}
			#latestPhotos ul {
				list-style:none;
			}
				#latestPhotos ul li {
					width:110px; height:120px;
					margin:10px 10px 0 0; padding:0 25px 0 0;
					display:inline;
					float:left;
				}
					#latestPhotos ul li a {	
						padding:3px;
						display:block;
						background:#d2dccd;
						border:1px solid #bcbcbc;
					}
						#latestPhotos ul li a img {
							margin:0 auto;	
							display:block;
						}
			#latestPhotos a.btn_morePhotos {
				margin:10px 0 0 0; padding:0 44px 0 0;
				width:109px; height:20px;
				float:right;
				background: url(../../images/btn_morePhotos.png) 0 0 no-repeat;
				display:block;
			}
				#latestPhotos a.btn_morePhotos:hover {
					width:109px; height:20px;
					background-position:0 -30px;
				}
					
	/*	--------------------------------------------------------------
		Latest Members Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#latestMembers {
			margin:0 0 0 35px;
			width:300px;
			display:inline;
			float:left;
		}
			#latestMembers h2 {
				margin:0 0 27px 2px;
				width:240px; height:35px;
				background:url(../../images/h2_latestMembers.png) 0 0 no-repeat;
			}
			#latestMembers ul {
				list-style:none;
				
			}
				#latestMembers ul li {
					width:94px; height:100px;
					margin:6px 0 15px 0;
					display:inline;
					float:left;
					overflow:hidden;
					text-align:center;
				}
					#latestMembers ul li a img {	 
						margin:0 auto;
						border:1px solid #ff0042;
						display:block;
					}
						#latestMembers ul li a:hover img {	
							border:1px solid #000;
						}
				#latestMembers ul li a.user {
					font:normal 10px Arial, Helvetica, sans-serif;
					color:#ff0042;
					border:none;
				}
					#latestMembers ul li a.user:hover {
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#000;
						border:none;
					}
	
	/*	--------------------------------------------------------------
		ad300 Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#ad300 {
			margin:0 0 0 5px;
			width:312px; height:280px;
			background:url(../../images/bg_ad300.png) 0 0 no-repeat;
			float:right;			
			display:inline;
			text-align:center;
		}
			#ad300 img {
				margin:25px auto 0 auto;
				width:300px; height:250px;
				border:0;
			}
			
	/*	--------------------------------------------------------------
		Twitter Feed Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#twitterFeed {
			margin:0 0 100px 0;
			width:603px;
		}
			#twitterFeed h2 {
				margin:0 0 30px 0;
				width:194px; height:31px;
				background:url(../../images/h2_twitterFeed.png) 0 0 no-repeat;
			}
			#twitterFeed ul {
				list-style:none;
			}
				#twitterFeed ul li {
					margin:0 0 35px 0;
				}
					#twitterFeed ul li .entry {
						background:#e6ece3;
					}
					#twitterFeed ul li .entryTop {
						background:url(../../images/bg_twitterTop.png) 0 0 no-repeat;
					}
					#twitterFeed ul li .entryBottom {
						padding:10px;
						background:url(../../images/bg_twitterBottom.png) 0 bottom no-repeat;
					}
				
				/* Entries */
				#twitterFeed ul li .entry .tweetImage {
					margin:0 8px 0 0; padding:3px;
					width:60px;
					display:inline;
					float:left;
					background:url(../../images/border_roundCorner_66w.png) 0 0 no-repeat;
				}
				#twitterFeed ul li .entry .tweet {
					position:relative;
					width:509px;
					float:left;
					font:normal 14px Arial, Helvetica, sans-serif;
					color:#333333;
					line-height:20px;
				}
					#twitterFeed ul li .entry .tweet .quote {
						margin:-7px 0 0 0;
						width:15px;
						float:left;
						font:normal 60px Arial, Helvetica, sans-serif;
						color:#b6bdb2;
					}
					#twitterFeed ul li .entry .tweet p {
						margin:0 0 0 8px;
						width:465px;
						display:inline;
						float:left;
					}
						#twitterFeed ul li .entry .tweet p .posted {
							margin:10px 0 0 0;
							display:block;
							font:normal 12px Arial, Helvetica, sans-serif;
							color:#a4aaa7;
						}
					#twitterFeed ul li .entry .tweet .quote.end {
						position:absolute;
						right:5px; bottom:-20px;
					}
					
		#twitterFeed a.btnMoreTwitter {
			margin:0 0 0 497px;
			width:106px; height:20px;
			display:block;
			background:url(../../images/btn_moreTwitter.png) 0 0 no-repeat;
		}
			#twitterFeed a.btnMoreTwitter:hover {
				background-position:bottom;
			}