@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - Jeremih COMMUNITY OVERVIEW
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		j_community_overview.css
	Date:			June 01, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	@import url("j_community.css");
	

/*	--------------------------------------------------------------------------------------------------------------------------
	active nav Style
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#nav li.navProfile a {
		background-position:0 bottom;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol  {	
		
	}
		#mainCol h2#h2_myProfile {
			margin:0 0 20px 0;
			width:144px; height:31px;
			background:url(../../images/h2_myProfile.png) 0 0 no-repeat;
		}
		
	#profile {
		padding:0 0 10px 0;
		background:url(../../images/border_userImageDots.png) 0 bottom repeat-x;
	}
		#profile h2#userName {
			margin:0; padding:0;
			font:bold 21px Arial, Helvetica, sans-serif;
			color:#000;
			line-height:21px;
		}
		#profile .userPhoto {
			width:160px;
			background:#b6bcb3;
			float:left;
		}	
			#profile .userPhoto .content {
				padding:0 0 0 5px;
			}
				#profile .userPhoto .content img {
					display:block;
				}
			#profile .userPhoto .topCorner {
				background:url(../../images/border_tr.png) right top no-repeat;
			}
			#profile .userPhoto .bottomCorner {
				background:url(../../images/border_br.png) right top no-repeat;
			}
				#profile .userPhoto img.corner {
					width:6px; height:6px;
					border:0;
					display:block !important;
				}
		
		#profile .info {
			margin:0 0 0 30px;
			width:427px;
			float:left;
			display:inline;
		}
		
		/*	about Styles
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			#profile .info #about {
				padding:0 0 10px 0;
				background:url(../../images/border_dash.png) 0 bottom repeat-x;
			}
				#profile .info #about h3 {
					margin:0 0 3px 0;
					width:62px; height:10px;
					background:url(../../images/h3_about.png) no-repeat;
				}
				#userProfile {
					width:427px;
				}
					#userProfile col.statName {
						width:70px;
					}
					#userProfile col.statValue {
						width:335px;
					}
					#userProfile tbody tr {
						height:20px;
						font:normal 12px Arial, Helvetica, sans-serif;
					}
						#userProfile tbody tr td {
							
						}
						#userProfile tbody tr td.statName {
							padding:6px 0 0 0;
							font:bold 12px Arial, Helvetica, sans-serif;
							color:#2f2f2f;
							vertical-align:top;
						}
						#userProfile tbody tr td.statValue {
							padding:6px 0 0 10px;
							color:#646464;
							line-height:16px;
							vertical-align:top;
						}
							#userProfile tbody tr td.statValue p {
								padding:0 0 6px 0;
								width:335px;
							}
		#actions {
			width:160px;
			top:800px; left:auto;
			position:absolute;	
		}
			#actions a {
				margin:0 auto;
				width:110px; height:26px;
				display:block;
			}
			#actions a.btn_sendMessage {
				margin:0 auto 6px auto;
				background:url(../../images/btn_actions.png) -128px 0 no-repeat;
				float:none;
			}
				#actions a.btn_sendMessage:hover {
					background-position:-128px -43px;
				}
			#actions a.btn_addFriend {
				background:url(../../images/btn_actions.png) 0 0 no-repeat;
				float:none;
			}
				#actions a.btn_addFriend:hover {
					background-position:0 -43px;
				}
						
	/*	contact Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#profile .info #contact {
			padding:16px 0 10px 0;
			background:url(../../images/border_dash.png) 0 bottom repeat-x;
		}
			#profile .info #contact h3 {
				margin:0 0 3px 0;
				width:79px; height:10px;
				background:url(../../images/h3_contact.png) no-repeat;
			}
		#userContact {
			width:427px;
		}
			#userContact col.statName1 {
				width:115px;
			}
			#userContact col.statValue1 {
				width:305px;
			}
			#userContact tbody tr {
				height:20px;
				font:normal 12px Arial, Helvetica, sans-serif;
			}
				#userContact tbody tr td {
				
				}
				#userContact tbody tr td.statName1 {
					padding:4px 0;
					font:bold 12px Arial, Helvetica, sans-serif;
					color:#000;
				}
				#userContact tbody tr td.statValue1 {
					padding:0 0 0 10px;
					color:#646464;
				}
	
	/*	activity Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#profile .info #activity {
			padding:16px 0 10px 0;
		}
			#profile .info #activity h3 {
				margin:0 0 3px 0;
				width:78px; height:10px;
				background:url(../../images/h3_activity.png) no-repeat;
			}
			
			#userActivity {
				width:427px;
			}
				#userActivity col.statName1 {
					width:114px;
				}
				#userActivity col.statValue1 {
					width:305px;
				}
				#userActivity tbody tr {
					height:20px;
					font:normal 12px Arial, Helvetica, sans-serif;
				}
					#userActivity tbody tr td {
					
					}
					#userActivity tbody tr td.statName1 {
						padding:4px 0;
						font:bold 12px Arial, Helvetica, sans-serif;
						color:#000;
					}
					#userActivity tbody tr td.statValue1 {
						padding:0 0 0 10px;
						color:#646464;
					}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	blog Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#blog {
		margin:30px 0 0 0;
		background:url(../../images/border_userImageDots.png) 0 bottom repeat-x;
	}
		#blog .header {
			margin:0 0 23px 0;
			width:586px;
		}
			#blog .header h3 {
				width:88px; height:26px;
				background:url(../../images/h2_myBlog_mini.png) no-repeat;
				float:left;
			}
			#blog .header a.more {
				margin:7px 0 0 0;
				width:130px; height:20px;
				background:url(../../images/btn_readMoreBlog.png) 0 0 no-repeat;
				display:block;
				float:right;
			}
				#blog .header a.more:hover {
					background-position:0 bottom;
				}
			#blog ul.body {
				width:586px;
				list-style:none;
			}
				#blog ul.body li {
					width:584px;
					margin:0 auto 30px auto;
				}	
					#blog ul.body li .entry {
						width:584px;
						background:url(../../images/bg_blogEntryMiddle.png) 0 0 repeat-y;
					}
					#blog ul.body li .entryTop {
						background:url(../../images/bg_blogEntryTop.png) 0 0 no-repeat;
					}
					#blog ul.body li .entryBottom {
						padding:23px 25px 14px 25px;
						background:url(../../images/bg_blogEntryBottom.png) 0 bottom no-repeat;
					}
						#blog ul.body li .entry .date {
							padding:0 0 3px 0;
							width:150px;
							display:block;
							font:normal 12px Arial, Helvetica, sans-serif;
							color:#646464;
						}
						#blog ul.body li .entry h3 {
							margin:0 0 5px 0;
						}
							#blog ul.body li .entry h3 a {
								font:normal 17px Arial, Helvetica, sans-serif;
								color:#ff0042;
							}
								#blog ul.body li .entry h3 a:hover {
									color:#000;
								}
						#blog ul.body li .entry p {
							font:normal 12px Arial, Helvetica, sans-serif;
							line-height:18px;
							color:#646464;
						}
						
						#blog ul.socialBar {
							padding:10px 38px 0 0;
							width:562px;
							background:url(../../images/comment_user.gif) 567px 12px no-repeat;
							list-style:none;
							font:normal 12px Arial, Helvetica, sans-serif;
						}
						#blog ul.socialBar li {
							padding:0;
							background:none;
						}
							#blog ul.socialBar li.btn_share {
								width:78px;
								float:left;
							}	
								#blog ul.socialBar li.btn_share a {
									width:78px; height:18px;
									background: url(../../images/btn_share.png) 0 0 no-repeat;
									display:block;
								}
									#blog ul.socialBar li.btn_share a:hover {
										background-position:0 -30px;
									}
									#blog .socialBar li.views {
										margin:3px 22px 0 0;
										width:80px;
										font:normal 10px Arial, Helvetica, sans-serif;
										text-align:left;
										color:#939393;
										float:right;
									}
									#blog ul.socialBar li.comments {
										margin:1px 0 0 0; 
										width:124px; height:18px;
										background:url(../../images/comment_tag.gif) no-repeat;							
										float:right;
										text-align:center;
									}
										#blog ul.socialBar li.comments a {
											font:normal 10px Arial, Helvetica, sans-serif;
											color:#00b4ff;
										}
											#blog ul.socialBar li.comments a:hover {
												color:#0060ff;
											}
										
/*	--------------------------------------------------------------------------------------------------------------------------
	photos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photos {
		margin:30px 0 0 0;
		background:url(../../images/border_userImageDots.png) 0 bottom repeat-x;
	}
		#photos .header {
			margin:0 0 23px 0;
			width:586px;
		}
			#photos .header h3 {
				width:120px; height:26px;
				background:url(../../images/h2_myPhotos_mini.png) no-repeat;
				float:left;
			}
			#photos .header a.more {
				margin:7px 0 0 0;
				width:141px; height:16px;
				background:url(../../images/btn_viewMorePhotos.png) 0 0 no-repeat;
				display:block;
				float:right;
			}
				#photos .header a.more:hover {
					background-position:0 bottom;
				}
			#photos .border {
				width:160px;
				background:#b6bcb3;
			}	
				#photos .border .content {
					padding:0 0 0 5px;
				}
					#photos .border .content img {
						display:block;
					}
				#photos .border .topCorner {
					background:url(../../images/border_tr.png) right top no-repeat;
				}
				#photos .border .bottomCorner {
					background:url(../../images/border_br.png) right top no-repeat;
				}
					#photos .border img.corner {
						width:6px; height:6px;
						border:0;
						display:block !important;
					}
			#photos ul.body {
				padding:0 0 40px 0;
				list-style:none;
			}
				#photos ul.body li {
					margin:0 40px 0 0;
					float:left;
					display:inline;
				}
				#photos ul.socialBar {
					margin:14px 0 0 0;
					width:165px; height:42px;
					background: url(../../images/comment_photo.png) 0 0 no-repeat;
				}
				#photos ul.socialBar li {
					margin:0;
					display:inline;
					float:left;
				}
					#photos ul.socialBar li.comments {
						margin:0 0 0 22px;
						width:95px;
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#00b4ff;
					}
						#photos ul.socialBar li.btn_share {
							margin:0 0 0 41px;
						}
							#photos ul.socialBar li.btn_share a {	
								margin:7px 0 0 0;
								width:78px; height:18px;
								background:url(../../images/btn_share.png) top center no-repeat;
								display:block;
							}
								#photos ul.socialBar li.btn_share a:hover {
									background-position:bottom;
								}
								
/*	--------------------------------------------------------------------------------------------------------------------------
	guestbook Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#guestbook {
		margin:30px 0 0 0;
	}
		#guestbook .header {
			margin:0 0 23px 0;
			width:586px;
		}
			#guestbook .header h3 {
				width:165px; height:26px;
				background:url(../../images/h2_myGuestbook_mini.png) no-repeat;
				float:left;
			}
			#guestbook .header a.more {
				margin:7px 0 0 0;
				width:165px; height:16px;
				background:url(../../images/btn_viewMoreComments.png) 0 0 no-repeat;
				display:block;
				float:right;
			}
				#guestbook .header a.more:hover {
					background-position:0 bottom;
				}
	#mainCol #guestbook {
	
	}
		#mainCol #guestbook ul {
			list-style:none;
		}
			#mainCol #guestbook ul li {
				margin:0 0 65px 0;
			}
				#mainCol #guestbook ul li.pagination {
					padding:10px 0 15px 0;
					width:615px;
					background:url(../../images/border_dot.png) bottom center repeat-x;
				}
					#mainCol #guestbook ul li.pagination .pager {
						width:73px;
						float:right;
					}
						#mainCol #guestbook ul li.pagination .pager .btn_prev {
							margin:1px 0 0 0;
							width:32px; height:9px;
							background:url(../../images/btn_prev.png) top center no-repeat;
							display:block;
							float:left;
						}
							#mainCol #guestbook ul li.pagination .pager .btn_prev:hover {
								background-position:bottom;
							}
						#mainCol #guestbook ul li.pagination .pager .btn_next {
							width:32px; height:9px;
							background:url(../../images/btn_next.png) top center no-repeat;
							display:block;
							float:right;
						}
							#mainCol #guestbook ul li.pagination .pager .btn_next:hover {
								background-position:bottom;
							}
				#mainCol #guestbook ul li .commentMiddle {
					width:488px;
					background:url(../../images/bg_commentMiddle.jpg) top left repeat-y;
					float:left;
				}
				#mainCol #guestbook ul li .commentBottom {
					padding:0 0 8px 0;
					width:488px;
					background:url(../../images/bg_commentBottom.jpg) bottom left no-repeat;
				}
				#mainCol #guestbook ul li .commentTop {
					padding:20px 0 0 12px;
					width:476px;
					background:url(../../images/bg_commentTop.jpg) top left no-repeat;
				}
					#mainCol #guestbook ul li .commentMiddle .post {
						width:415px;
					}
					#mainCol #guestbook ul li .commentMiddle .posted {
						margin:10px 0 0 0;
						font:normal 11px Arial, Helvetica, sans-serif;
						color:#9d9d9d;
					}
					#mainCol #guestbook ul li .commentMiddle .buttons {
						margin:0 0 0 295px;
						width:129px; height:16px;
						background:url(../../images/bg_divider.png) 68px 0 no-repeat;
					}
						#mainCol #guestbook ul li .commentMiddle .buttons a.btn_delete {
							margin:1px 0 0 0;
							width:59px; height:13px;
							background:url(../../images/btn_delete.png) top center no-repeat;
							float:left;
						}
							#mainCol #guestbook ul li .commentMiddle .buttons a.btn_delete:hover {
								background-position:bottom;
							}
						#mainCol #guestbook ul li .commentMiddle .buttons a.btn_edit {
							margin:1px 0 0 0;
							width:59px; height:13px;
							background:url(../../images/btn_edit.png) top center no-repeat;
							float:right;
						}
							#mainCol #guestbook ul li .commentMiddle .buttons a.btn_edit:hover {
								background-position:bottom;
							}
						
						
				#mainCol #guestbook ul li .user {
					margin:0 0 0 9px;
					width:88px;
					float:left;
				}
					#mainCol #guestbook ul li .user .username {
						text-align:center;
					}
					#mainCol #guestbook ul li .user a {
						font:bold 12px Arial, Helvetica, sans-serif;
						color:#ff0042;	
					}
						#mainCol #guestbook ul li .user a:hover {
							color:#000;	
						}
				#mainCol #guestbook ul li .userPhoto {
					width:88px;
					background:#b6bcb3;
					float:left;
				}	
					#mainCol #guestbook ul li .userPhoto .content {
						padding:0 0 0 5px;
					}
						#mainCol #guestbook ul li .userPhoto .content img {
							display:block;
						}
					#mainCol #guestbook ul li .userPhoto .topCorner {
						background:url(../../images/border_tr.png) right top no-repeat;
					}
					#mainCol #guestbook ul li .userPhoto .bottomCorner {
						background:url(../../images/border_br.png) right top no-repeat;
					}
						#mainCol #guestbook ul li .userPhoto img.corner {
							width:6px; height:6px;
							border:0;
							display:block !important;
						}
				#mainCol #guestbook a.btn_postComment {
					margin:0 0 20px 0;
					width:110px; height:26px;
					background:url(../../images/btn_postComment.png) top center no-repeat;
					display:block;
				}
					#mainCol #guestbook a.btn_postComment:hover {
						background-position:bottom;
					}