@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - COMMUNITY : REGISTRATION
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		jj_registration.css
	Date:			Jul 27, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Active Nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#subNav li#subNavOverview a, ul#subNav li#subNavOverview a:hover {
		background-position:0px -64px;
	}	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#profile Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#profile {
		width:570px;
		margin:0 0 10px 15px; padding:6px 0 0 6px;
		background:#f5f1e6;
	}
		#profile img {
			padding:0 15px 5px 0;
			float:left;
		}
		
		#profile #profileTable {
			width:300px;			
		}
			#profile #profileTable col#attributeCol {
				width:92px;
			}
			#profile #profileTable col#valueCol {
				width:208px;
			}
			#profile #profileTable tr {
				height:22px;
			}
				#profile #profileTable tr td.attribute {
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#9b8569;
				}
				#profile #profileTable tr td.value {
					font:bold 12px Arial, Helvetica, sans-serif;
					color:#766044;
				}
				
		#profile .text {
			font:bold 11px Arial, Helvetica, sans-serif;
			color:#9b8569;
			display:block;
		}
		#profile .paragraph {
			width:425px;
			font:normal 12px Arial, Helvetica, sans-serif;
			color:#766044;
			float:left;
		}
		#profile .btns {
			width:100px;
			margin:0 10px 0 0; padding:0 0 20px 0;
			float:right;
		}
			#profile .btns .btn_addAsFriend {
				margin:0 0 5px 0;
			}
			#profile .btns .btn_addAsFriend a {
				width:100px; height:18px;
				background:url(../../images/btn_addAsFriend.png) 0 0 no-repeat;
				display:block;
			}
				#profile .btns .btn_addAsFriend a:hover {
					background-position:0 -18px;
				}
			#profile .btns .btn_sendMessage a {
				width:100px; height:18px;
				background:url(../../images/btn_sendMessage.png) 0 0 no-repeat;
				display:block;
			}
				#profile .btns .btn_sendMessage a:hover {
					background-position:0 -18px;
				}
				
				
/*	--------------------------------------------------------------------------------------------------------------------------
	.latestGallery Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.latestGallery {
		margin:0 0 0 15px;
	}
		.latestGallery h3 {
			width:196px; height:14px;
			margin:20px 0 12px 0;
			background:url(../../images/h3_latestGalleryPhotos.png) 0 0 no-repeat;
			float:left;
		}
		.latestGallery .viewMore a {
			margin:25px 15px 0 0; padding:0 8px 0 0;
			background:url(../../images/arrow_right.png) right -13px no-repeat;
			font:bold 10px Verdana, Arial, Helvetica, sans-serif;
			color:#d8cfbd;
			display:inline-block;
			float:right;
		}
			.latestGallery .viewMore a:hover {
				background-position:right 4px;
				color:#E27C0A;
			}
		.latestGallery .entries .noContent {
			margin:0 15px 0 0;
		}
		.latestGallery .entries .entry {
			width:160px;
			margin:0 5px 10px 5px; padding:10px;
			background:#f5f1e6;
			float:left;
			display:inline;
		}
			.latestGallery .entry img {
				margin:0 auto;
				display:block;
			}
			.latestGallery .entry .photoInfo {
				padding:4px 0 0 0;
				height:50px;
				font:normal 11px Arial, Helvetica, sans-serif;
				overflow:hidden;
			}
			.latestGallery .photoInfo .entry h4 {
				
			}
				.latestGallery .entry .photoInfo h4 a {
					font:normal 14px Arial, Helvetica, sans-serif;
					color:#e27c0a;
				}
					.latestGallery .entry .photoInfo h4 a:hover {
						color:#ff8700;
					}
				.latestGallery .entry .photoInfo .views {
					color:#786e5c;
				}
				.latestGallery .entry .photoInfo .comments {
					color:#e27c0a;
				}
				.latestGallery .entry .photoInfo .count {
					font-weight:bold;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	.latestBlog Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.latestBlog {
		margin:0 0 0 15px;
	}
		.latestBlog h3 {
			width:165px; height:14px;
			margin:20px 0 12px 0;
			background:url(../../images/h3_latestBlogEntries.png) 0 0 no-repeat;
			float:left;
		}
		.latestBlog .viewMore a {
			margin:25px 15px 0 0; padding:0 8px 0 0;
			background:url(../../images/arrow_right.png) right -13px no-repeat;
			font:bold 10px Verdana, Arial, Helvetica, sans-serif;
			color:#d8cfbd;
			display:inline-block;
			float:right;
		}
			.latestBlog .viewMore a:hover {
				background-position:right 4px;
				color:#E27C0A;
			}
		.latestBlog .noContent {
			margin:0 15px 0 0;
		}
		.latestBlog .blogEntry {
			width:576px;
			margin:0 0 10px 0;
			background:#f5f1e6;
			float:left;
		}
			.latestBlog .blogEntry .blogTitle {
				background:#231e1b;
				padding:5px 0 9px 12px;
				min-height:30px;
			}
				.latestBlog .blogEntry .blogTitle span {
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#d9cdaa;
				}
				.latestBlog .blogEntry .blogTitle h2 {
					margin:2px 0 0 0;
				}
					.latestBlog .blogEntry .blogTitle h2 a:link, .latestBlog .blogEntry .blogTitle h2 a:active, .latestBlog .blogEntry .blogTitle h2 a:visited {
						background:none;
						font:normal 18px Arial, Helvetica, sans-serif;
						color:#f5f1e6;
						float:none;
					}
						.latestBlog .blogEntry .blogTitle h2 a:hover {
							color:#e27c0a;
						}
			.latestBlog .blogEntry .content {
				width:548px;
				padding:7px 14px 14px 14px;
				background:#f5f1e6;
				border:0;
				font:normal 12px Arial, Helvetica, sans-serif;
				line-height:17px;
				color:#766044;
			}
				.latestBlog .blogEntry .content .noContent {
					padding:15px 0;
					font:normal 15px Arial, Helvetica, sans-serif;
				}
				.latestBlog .blogEntry .content .imgHolder {
					margin:0 0 10px 0;
					float:left;
				}
					.latestBlog .blogEntry .content .imgHolder img {
						margin:0 10px 0 0;
						display:block;
						border:6px solid #c4bbab;
					}
					.latestBlog .blogEntry .content p {
						margin:2px 0 10px 0;
						line-height:17px;
					}
					.latestBlog .blogEntry .content p a:link,  .latestBlog .blogEntry .contentBox p a:active, .latestBlog .blogEntry .contentBox p a:visited {
						border-bottom:1px solid #d35d30;
					}
						.latestBlog .blogEntry .content p a:hover {
							border-bottom:1px solid #2ca2cf;
						}
					
				/* btnHolder */	
				.latestBlog .blogEntry .content .btnHolder {
					margin:0;
				}
					.latestBlog .blogEntry .content .btnHolder a.btn {
						width:70px; height:16px;
						margin:0 10px 5px 0; padding:2px 0 0 0;
						display:block;				
						font:bold 11px Arial, Helvetica, sans-serif;
						color:#cfcfcf;					
						text-align:center;
						text-transform:uppercase;
						float:right;
					}
						.latestBlog .blogEntry .content .btnHolder a.btn:hover {
							color:#a5bdde;
						}
						
				/* social bar */
				.latestBlog .blogEntry .content .socialBar {
					width:526px; height:20px;
					background:#dcd6c8;
					margin:10px 0 0 0;padding:5px 10px 0 12px;
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#786e5c;
					line-height:normal;
					list-style:none;
				}
					.latestBlog .blogEntry .content .socialBar .info {
						float:left;
					}
					.latestBlog .blogEntry .content .socialBar a.btnReadBlog:link, .latestBlog .blogEntry .content .socialBar a.btnReadBlog:active, .latestBlog .blogEntry .content .socialBar a.btnReadBlog:visited {
						width:90px;
						padding:0 7px 0 0;
						color:#e27c0a;
						background:url(../../images/btn_doMoreArrow.png) right 4px no-repeat;
						font:bold 11px Arial, Helvetica, sans-serif;
						display:block;
						float:right;
					}
						.latestBlog .blogEntry .content .socialBar a.btnReadBlog:hover {
							color:#fff;
						}
				.latestBlog .blogEntry .content .btnHolder {
				
				}
					.latestBlog .blogEntry .content .btnHolder a.btn:link, .latestBlog .blogEntry .content .btnHolder a.btn:active, .latestBlog .blogEntry .content .btnHolder a.btn:visited {
						width:70px; height:16px;
						margin:0 0 5px 0; padding:2px 0 0 0;
						display:block;				
						font:bold 11px Arial, Helvetica, sans-serif;
						color:#e27c0a;					
						text-align:center;
						text-transform:uppercase;
					}
						.latestBlog .blogEntry .content .btnHolder a.btn:hover {
							color:#fff;
							background-position:bottom;
						}
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	.latestComments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#communityComments {
		width:578px;
		padding:20px 0 30px 13px;
		display:block;
	}
		#communityComments h3 {
			width:150px; height:14px;
			margin:0 0 12px 0;
			background:url(../../images/h3_latestComments.png) 0 0 no-repeat;
			float:left;
		}
		#communityComments .viewMore a {
			padding:0 8px 0 0;
			background:url(../../images/arrow_right.png) right -13px no-repeat;
			font:bold 10px Verdana, Arial, Helvetica, sans-serif;
			color:#d8cfbd;
			display:inline-block;
			float:right;
		}
			#communityComments .viewMore a:hover {
				background-position:right 4px;
				color:#E27C0A;
			}
		#communityComments ul {
			width:578px;
			margin:20px 0 0 0;
		}
			#communityComments ul li.noContent {
				border:dashed 1px #231E1B;
				magin:0 15px 0 0; padding:10px 0;
				color:#d8cfbd;
			}
			#communityComments ul li {
				width:578px;
				margin:0 0 5px 0;
				float:left;
			}
				#communityComments ul li .profilePic {
					width:84px;
					margin:0 14px 0 0;
					display:inline;
					float:left;
				}
					#communityComments ul li .profilePic a {
						padding:2px;
						background:#e27c0a;
						display:block;
					}
				#communityComments ul li .commentTop {
					width:458px;
					background:url(../../images/bg_communityComment.png) 0 0 no-repeat;
					float:left;
				}
				#communityComments ul li .comment {
					width:408px;
					margin:0 0 0 28px; padding:16px 11px 16px 11px;
					background:#f5f1e6;
				}
					#communityComments ul li .comment h4 {
						margin:0 0 9px 0;
						font:normal 16px Arial, Helvetica, sans-serif;
						color:#704619;
					}
					#communityComments ul li .comment p {
						margin:0 0 9px 0;
						font:normal 15px Arial, Helvetica, sans-serif;
						color:#766044;
						line-height:18px;
					}
					#communityComments ul li .comment .userInput {
						
					}
						#communityComments ul li .comment .userInput span.posted {
							font:normal 11px Arial, Helvetica, sans-serif;
							color:#766044;
							float:left;
						}
						#communityComments ul li .comment .userInput a.btn_report {
							padding:0 5px 0 0;
							background:url(../../images/arrow_right.png) right 5px no-repeat;
							font:bold 11px Arial, Helvetica, sans-serif;
							color:#e27c0a;
							float:right;
						}
			#communityComments ul li.postComment {
				text-align:left;
				display:inline;
			}
				#communityComments ul li.postComment a {
					width:100px; height:18px;
					margin:15px 0 0 125px;
					background:url(../../images/btn_addComment.png) 0 0 no-repeat;
					display:block;
				}
					#communityComments ul li.postComment a:hover {
						background-position:0 -18px;
					}