@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - BIO : 	Jessie James Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		jessie_community_overview.css
	Date:			Aug 03, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Active Nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#nav_community {
		background-position:40px 1px;
	}	
		ul#nav_community li.nav_profile a {
			background-position:0 -22px;
		}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#profile Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#community .header h1 {
		background:url(../../images/h1_myProfile.png) 0 0 no-repeat;
	}
	#community h3 {
		padding:0 0 18px 0;
		font:bold 17px Arial, Helvetica, sans-serif;
		color:#9eafb3;
	}
	#profile {
		position:relative;
	}
		#profile img {
			float:left;
		}
		#profile #aboutTable {
			width:372px;
			margin:0 10px 0 0;
			display:inline;
			float:right;
		}
			#profile #aboutTable col#attributeCol {
				width:87px;
			}
			#profile #aboutTable col#valueCol {
				width:285px;
			}
			#profile #aboutTable tr {
				height:24px;
			}
				#profile #aboutTable tr td h4 {
					width:48px; height:27px;
					background:url(../../images/h4_about.png) 0 5px no-repeat;
				}
				#profile #aboutTable tr td.attribute {
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#546063;
				}
				#profile #aboutTable tr td.value {
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#75868a;
				}
					#profile #aboutTable tr td.signature {
						font-style:italic;
					}
		#profile .btnHolder {
			top:160px;
			position:absolute;
		}
			#profile a.btn_addFriend {
				width:151px; height:19px;
				margin:0 0 7px 0;
				background:url(../../images/btn_addFriend.png) 0 0 no-repeat;
				display:block;
			}
				#profile a.btn_addFriend:hover {
					background-position:0 -19px;
				}
			#profile a.btn_sendMessage {
				width:151px; height:19px;
				background:url(../../images/btn_sendMessage.png) 0 0 no-repeat;
				display:block;
			}
				#profile a.btn_sendMessage:hover {
					background-position:0 -19px;
				}
		#profile .profileBottom {
			border-top:dashed 1px #002531;
			width:100%;
			margin:30px 0 0 0;
			float:left;
		}
		#profile #contactTable {
			width:270px;
			margin:10px 10px 0 0;
			display:inline;
			float:left;
		}
			#profile #contactTable col#contactCol {
				width:100px;
			}
			#profile #contactTable col#nameCol {
				width:170px;
			}
			#profile #contactTable tr {
				height:24px;
			}
				#profile #contactTable tr td h4 {
					width:68px; height:27px;
					background:url(../../images/h4_contact.png) 0 5px no-repeat;
				}
				#profile #contactTable tr td.contact {
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#546063;
				}
				#profile #contactTable tr td.name {
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#75868a;
				}
					#profile #contactTable tr td.website {
						font:normal 13px Arial, Helvetica, sans-serif;
					}
						#profile #contactTable tr td.website a {
							color:#03beeb;
						}
							#profile #contactTable tr td.website a:hover {
								background:#03BEEB none repeat scroll 0 0;
								color:#001E27;
							}
		#profile #activityTable {
			width:170px;
			margin:10px 10px 0 0;
			display:inline;
			float:right;
		}
			#profile #activityTable col#activityCol {
				width:100px;
			}
			#profile #activityTable col#numberCol {
				width:70px;
			}
			#profile #activityTable tr {
				height:24px;
			}
				#profile #activityTable tr td h4 {
					width:68px; height:27px;
					background:url(../../images/h4_activity.png) 0 5px no-repeat;
				}
				#profile #activityTable tr td.activity {
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#546063;
				}
				#profile #activityTable tr td.number {
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#75868a;
				}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#blog Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#blog .header h1#h1_myBlog {
		width:78px; height:30px;
		margin:0 0 0 10px;
		background:url(../../images/h1_myBlog.png) 0 0 no-repeat;
		float:left;
	}
	#blog .header a.viewMore {
		width:103px; height:8px;
		margin:15px 0 10px 0;
		background:url(../../images/btn_viewMoreEntries.png) 0 0 no-repeat;
		display:block;
		float:right;
	}
		#blog .header a.viewMore:hover {
			background-position:0 -15px;
		}
		#blog .content ul {
			width:557px;
			margin:0 0 0 5px;
		}
			#blog .content ul li {
				width:557px;
				margin:0 0 5px 0;
				float:left;
			}
				#blog .content ul li .profilePic {
					width:50px;
					margin:0 15px 0 0;
					display:inline;
					float:left;
				}
					#blog .content ul li .profilePic a {
						width:50px; height:50px;
						display:block;
					}
				#blog .content ul li .contentTop {
					width:553px;
					background:url(../../images/bg_communityMyBlog.png) 7px 15px no-repeat;
					float:left;
				}
				#blog .content ul li .content {
					border:none;
					width:485px;
					margin:0 0 0 28px; padding:10px 15px 10px 25px;
					background:#75868a;
					float:left;
					display:inline;
				}
					#blog .content ul li .content h4 {
						margin:0 0 9px 0;
						font:normal 15px Arial, Helvetica, sans-serif;
						color:#cce7ed;
					}
					#blog .content ul li .content p {
						margin:0 0 9px 0;
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#282626;
					}
					#blog .content ul li .content span.posted {
						font:normal 11px Arial, Helvetica, sans-serif;
						color:#282626;
					}
				#blog .content ul li .socialBar {
					margin:9px 0 0 27px;
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#889a9f;
					float:left;
					display:inline;
				}
				#blog .content ul li a.btn_share {
					width:63px; height:17px;
					margin:9px 4px 15px 0;
					background:url(../../images/btn_share.png) 0 0 no-repeat;
					display:inline-block;
					float:right;
				}
					#blog .content ul li a.btn_share:hover {
						background-position:0 -17px;
					}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#photos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photos .header h1#h1_myPhotos {
		width:94px; height:30px;
		margin:0 0 0 10px;
		background:url(../../images/h1_myPhotos.png) 0 0 no-repeat;
		float:left;
	}
	#photos .header a.viewMore {
		width:103px; height:12px;
		margin:15px 0 10px 0;
		background:url(../../images/btn_viewMorePhotos.png) 0 0 no-repeat;
		display:block;
		float:right;
	}
		#photos .header a.viewMore:hover {
			background-position:0 -15px;
		}
	
	#photos .photosEntries {
		background:url(../../images/bg_checker.gif) repeat;			
	}
		#photos .photosEntries .photosEntry {
			width:162px;
			margin:0 15px 28px 10px;
			float:left;
			display:inline;
		}
			#photos .photosEntries .photosEntry .single {
				width:auto;
				margin:0 0 5px 0; padding:3px;
				background:#b7ddea;
			}
				#photos .photosEntries .photosEntry .single a {
					display:block;
					text-align:center;
				}
					#photos .photosEntries .photosEntry .single a img {
						border:solid 1px #000;
					}
			#photos .photosEntries .photosEntry .stack {
				height:162px;
				padding:4px 0 8px 4px;
				background:url(../../images/bg_communityPhotoStack.png) 0 0 no-repeat;
			}
				#photos .photosEntries .photosEntry .content {
					border:none;
					margin:0; padding:0;
					text-align:center;
				}
					#photos .photosEntries .photosEntry .content h2 {
						width:162px;
						margin:2px 0 8px 0;
						font:normal 12px Arial, Helvetica, sans-serif;
						text-align:center;
					}
						#photos .photosEntries .photosEntry .content h2 a {
							color:#b7ddea;
						}
							#photos .photosEntries .photosEntry .content h2 a:hover {
								color:#001E27;
							}
					#photos .photosEntries .photosEntry .content .socialBar {
						margin:0 0 10px 0;
						color:#889a9f;
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#889a9f;
						text-align:center;
						display:block;
					}
						#photos .photosEntries .photosEntry .content a.btn_viewNow {
							width:63px; height:17px;
							margin:0 auto;
							background:url(../../images/btn_viewNow.png) 0 0 no-repeat;
							display:block;
						}
							#photos .photosEntries .photosEntry .content a.btn_viewNow:hover {
								background-position:0 -17px;
							}
						#photos .photosEntries .photosEntry .content a.btn_share {
							width:63px; height:17px;
							background:url(../../images/btn_share.png) 0 0 no-repeat;
							display:block;
							float:right;
						}
							#photos .photosEntries .photosEntry .content a.btn_share:hover {
								background-position:0 -17px;
							}
						#photos .photosEntries .photosEntry .content .btns {
							width:138px;
							margin:0 auto;
						}
							#photos .photosEntries .photosEntry .content .btns .comments {
								font:normal 10px Arial, Helvetica, sans-serif;
								color:#889a9f;
								float:left;
							}
							#photos .photosEntries .photosEntry .content .btns .btn_viewNow {
								float:right;
							}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#guestbook Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#guestbook .header h1#h1_myGuestbook {
		width:127px; height:30px;
		margin:0 0 0 10px;
		background:url(../../images/h1_myGuestbook.png) 0 0 no-repeat;
		float:left;
	}
	#guestbook .header a.viewMore {
		width:120px; height:12px;
		margin:15px 0 10px 0;
		background:url(../../images/btn_viewMoreComments.png) 0 0 no-repeat;
		display:block;
		float:right;
	}
		#guestbook .header a.viewMore:hover {
			background-position:0 -15px;
		}
	#guestbook .content #comments {
		width:auto;
		margin:0;
	}
		#guestbook .content #comments a.btn_postComment {
			float:left;
		}
		#guestbook .content #comments ul li .comment {
			width:475px;
		}
			#guestbook .content #comments ul li .comment .post {
				width:auto;
			}
				#guestbook .content #comments ul li .comment .posted {
					width:auto;
					margin:0 15px 0 0;
				}