@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - COMMUNITY : 	The Bravery Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		tb_community.css
	Date:			Sept 30, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav li.navCommunity a {
		background-position: -380px -30px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	.header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	.header h1 {
		width:336px; height:35px;
		margin:0 !important;
		background:url(../../images/bg_headerAlt.png) 0 34px no-repeat;
		font:bold 25px Arial, Helvetica, sans-serif;
		color:#fefeff;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	ul.subNav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul.subNav {
		width:457px; height:25px;
		margin:20px 0 30px 0;
		display:inline-block;
	}
		ul.subNav li {
			height:23px;
			display:inline;
			float:left;
		}
		ul.subNav li a {
			height:25px;
			display:block;
		}
		ul.subNav li.profile a {
			width:76px;
			background:url(../../images/bg_subNav.png) 0 0 no-repeat;
		}
			ul.subNav li.profile a:hover {
				background-position: 0 -25px;
			}
		ul.subNav li.blog a {
			width:75px;
			background:url(../../images/bg_subNav.png) -76px 0 no-repeat;
		}
			ul.subNav li.blog a:hover {
				background-position: -76px -25px;
			}
		ul.subNav li.photos a {
			width:75px;
			background:url(../../images/bg_subNav.png) -152px 0 no-repeat;
		}
			ul.subNav li.photos a:hover {
				background-position: -152px -25px;
			}
		ul.subNav li.friends a {
			width:75px;
			background:url(../../images/bg_subNav.png) -228px 0 no-repeat;
		}
			ul.subNav li.friends a:hover {
				background-position: -228px -25px;
			}
		ul.subNav li.guestbook a {
			width:75px;
			background:url(../../images/bg_subNav.png) -304px 0 no-repeat;
		}
			ul.subNav li.guestbook a:hover {
				background-position: -304px -25px;
			}
		ul.subNav li.inbox a {
			width:77px;
			background:url(../../images/bg_subNav.png) -381px 0 no-repeat;
		}
			ul.subNav li.inbox a:hover {
				background-position: -381px -25px;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	.heading Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.heading {
		margin:0 0 20px 0;
		background:url(../../images/bg_commDivider.png) 0 25px no-repeat;
	}
		#comments .heading h2 {
			width:165px; height:20px;
			background:url(../../images/h2_myComments.png) 0 0 no-repeat;
			float:left;
		}
		.heading a.btn_more {
			margin:8px 0 0 0; padding:1px 20px 5px 0;
			background:url(../../images/more.png) right 0 no-repeat;
			font:normal 11px Georgia, "Times New Roman", Times, serif;
			color:#ba7b00;
			float:right;
		}
			.heading a.btn_more:hover {
				color:#7e4700;
			}	

/*	--------------------------------------------------------------------------------------------------------------------------
	#profile Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#profile {
		margin:0 0 40px 0;
	}
		#profile .profileTop {
			width:455px;
			margin:0 0 15px 0; padding:0 0 0 5px;
		}
			#profile .profileTop .userPic {
				width:100px; height:100px;
				margin:0 13px 0 0; padding:1px;
				float:left;
			}
				#profile .profileTop .userPic img {
					border:solid 1px #9a8916;
					display:block;
				}
			#profile .profileTop h2 {
				width:320px;
				padding:0 0 15px 0;
				font:bold 25px Arial, Helvetica, sans-serif;
				color:#fefeff;
				float:left;
			}
			#profile .profileTop .profileInfo {
				width:320px;
				float:left;
			}
			#profile .info {
				display:inline-block;
			}	
				#profile .info .title {
					width:100px;
					font:bold 12px Georgia, "Times New Roman", Times, serif;
					color:#76671f;
					display:inline-block;
					float:left;
				}
				#profile .info .content {
					width:210px;
					padding:0 0 0 10px;
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#e6e7e8;
					display:inline-block;
					float:left;
				}
			#profile .profileTop .btns {
				width:320px;
				padding:10px 0 0 0;
				float:left;
			}
				#profile .profileTop .btns a.addFriend {
					width:103px; height:21px;
					margin:0 5px 0 0;
					background:url(../../images/btn_addFriend.png) 0 0 no-repeat;
					display:block;
					float:left;
				}
					#profile .profileTop .btns a.addFriend:hover {
						background-position:0 -21px;
					}
				#profile .profileTop .btns a.sendMessage {
					width:103px; height:21px;
					background:url(../../images/btn_sendMessage.png) 0 0 no-repeat;
					display:block;
					float:left;
				}
					#profile .profileTop .btns a.sendMessage:hover {
						background-position:0 -21px;
					}
			#profile .profileTop .info {
				float:left;
			}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#userActions Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#userActions {
		/*border:solid 1px #f9ff42;*/
		width:440px; height:43px;
		margin:0 auto 20px auto; padding:11px 0 0 18px;
		/*background:url(../../images/bg_forumGray.png) repeat;*/
	}
		#userActions .action {
			float:left;
		}
			#userActions .action h5 {
				font:bold 16px Arial, Helvetica, sans-serif;
				color:#f9ff42;
				text-transform:uppercase;
			}
			#userActions .action p {
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#fff;
			}
		#userActions a.btn_post {
			width:103px; height:21px;
			margin:6px 15px 0 0;
			float:right;
		}
			#userActions a.btn_post:hover {
				background-position:0 -21px;
			}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	.btn_back Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	a.btn_back {
		padding:0 0 0 8px;
		background:#000 url(../../images/arrow_left.png) 0 4px no-repeat;
		font:normal 11px Arial, Helvetica, sans-serif;
		color:#d0d706;
		text-transform:uppercase;
		float:right;
	}
		a.btn_back:hover {
			background-position:0 -17px;
			color:#fff;
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	.info Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#profile .profileTop .info .title.info_memberSince {
		height:15px;
		background:url(../../images/info_memberSince.png) 0 3px no-repeat;
		text-indent:-3000px;
	}
	#profile .profileTop .info .title.info_totalPosts {
		height:15px;
		background:url(../../images/info_totalPosts.png) 0 3px no-repeat;
		text-indent:-3000px;
	}