@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - COMMUNITY OVERVIEW : 	The Bravery Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		tb_community_overview.css
	Date:			Sept 08, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

	
/*	--------------------------------------------------------------------------------------------------------------------------
	.subNav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul.subNav li.profile a {
		background-position:0 -25px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	.header / .heading Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.heading {
		padding:0 0 5px 0; margin:0 0 33px 0;
		background:url(../../images/bg_headerAlt.png) 0 24px no-repeat;
	}
	.heading a.btn_more {
		padding:0 8px 0 0; margin:0 0 6px 0;
		background:#000 url(../../images/arrow_right.png) right 4px no-repeat;
		font:normal 11px Arial, Helvetica, sans-serif;
		color:#d0d706;
		text-transform:uppercase;
		float:right;
	}
		.heading a.btn_more:hover {
			background-position:right -17px;
			color:#b8bb52;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#profile Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#profile {
		margin:0 0 40px 0;
	}
		#profile .profileTop {
			width:460px;
			margin:0 0 15px 0;
		}
			#profile .profileTop .userPic {
				width:150px; height:150px;
				margin:0 13px 0 0; padding:1px;
				display:inline;
				float:left;
			}
				#profile .profileTop .userPic img {
					border:solid 1px #9a8916;
					display:block;
				}
			#profile .profileTop h2 {
				width:195px;
				padding:7px 0 0 0;
				font:bold 20px Arial, Helvetica, sans-serif;
				color:#e6e7e8;
				float:left;
			}
			#profile .profileTop .btns {
				width:105px;
				padding:26px 0 0 0;
				float:left;
			}
				#profile .profileTop .btns a.addFriend {
					width:103px; height:21px;
					margin:0 0 5px 0;
					background:url(../../images/btn_addFriend.png) 0 0 no-repeat;
					display:block;
				}
					#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;
				}
					#profile .profileTop .btns a.sendMessage:hover {
						background-position:0 -21px;
					}
		#profile .userInfo {
			border-bottom:dashed 1px #625c56;
			width:460px;
			background:url(../../images/bg_pager.png) center bottom no-repeat;
		}	
			#profile .userInfo .info {
				padding:0 0 15px 0;
			}
			#profile .userInfo.last {
				background:none;
			}
				#profile .userInfo h3.about {
					height:18px;
					margin:0 0 10px 0; padding:10px 0 0 0;
					background:url(../../images/h3_about.png) 0 bottom no-repeat;
				}
				#profile .userInfo h3.contact {
					height:18px;
					margin:0 0 10px 0; padding:10px 0 0 0;
					background:url(../../images/h3_contact.png) 0 bottom no-repeat;
				}
				#profile .userInfo h3.activity {
					height:18px;
					margin:0 0 10px 0; padding:10px 0 0 0;
					background:url(../../images/h3_activity.png) 0 bottom no-repeat;
				}
				#profile .userInfo .info .title {
					width:100px;
					font:bold 12px Georgia, "Times New Roman", Times, serif;
					color:#76671f;
					display:inline-block;
					float:left;
				}
				#profile .userInfo .info .content {
					width:335px;
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#e6e7e8;
					padding:0 0 0 10px;
					display:inline-block;
					float:left;
				}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#communityBlog Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#communityBlog {
		margin:0 0 40px 0;
	}
		#communityBlog .heading h2 {
			width:138px; height:23px;
			background:url(../../images/h2_myBlog.png) 0 0 no-repeat;
			float:left;
		}
		#communityBlog .entry {
			
		}
			#communityBlog .entry .blogPic {
				width:100px; height:100px;
				margin:0 15px 0 0; padding:1px;
				display:inline;
				float:left;
			}
				#communityBlog .entry .blogPic img {
					border:solid 1px #9a8916;
					display:block;
				}
			#communityBlog .entry .blogInfo {
				width:340px;
				float:right;
			}
				#communityBlog .entry .blogInfo .date {
					margin:5px 0 0 0;
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#fff;
					display:block;
				}
				#communityBlog .entry .blogInfo h3 a {
					font:bold 17px Arial, Helvetica, sans-serif
				}
				#communityBlog .entry .blogInfo p {
					padding:15px 0;
					font:normal 13px Arial, Helvetica, sans-serif
					color:#e6e7e8;
					line-height:17px;
				}
				#communityBlog .entry .blogInfo .text {
					font:normal 11px Georgia, "Times New Roman", Times, serif;
					color:#597228;
				}
				#communityBlog .entry .blogInfo .noContent {
					width:400px;
				}
				#communityBlog .entry .blogInfo .socialBar {
					margin:0 0 15px 0;
					width:200px;
					display:block;
				}
					#communityBlog .entry .blogInfo .socialBar .comments {
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#d0d706;
					}
					#communityBlog .entry .blogInfo  .share a {
						width:62px;
						padding:0 0 0 15px; margin:0 0 0 15px;
						background:#000 url(../../images/icon_share.png) left center no-repeat;
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#d0d706;
						display:inline-block;
					}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#communityPhoto Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#communityPhoto {
		margin:0 0 17px 0;
	}
		#communityPhoto .heading h2 {
			width:153px; height:23px;
			background:url(../../images/h2_myPhotos.png) 0 0 no-repeat;
			float:left;
		}
		#communityPhoto ul.entries {
			width:455px;
			padding:0 0 0 5px;
			list-style:none;
		}
			#communityPhoto ul.entries li.entry {
				width:152px; height:231px;
				margin:0 45px 0 0;
				display:inline;
				float:left;
			}
			#communityPhoto ul.entries li.entry.last {
				margin:0;
			}
				#communityPhoto ul.entries li.entry .singlePhoto {
					margin:0 0 10px 0;
				}
					#communityPhoto ul.entries li.entry .singlePhoto a img {
						border:solid 1px #f9ff42;
						display:block;
					}
						#communityPhoto ul.entries li.entry .singlePhoto a:hover img {
							border:solid 1px #fff;
						}
			#communityPhoto ul.entries li.entry .info {
				
			}
				#communityPhoto ul.entries li.entry .info h3 a {
					font:bold 13px Arial, Helvetica, sans-serif;
				}
				#communityPhoto ul.entries li.entry .info .socialBar {
					margin:6px 0 15px 0;
					width:174px;
					display:block;
				}
					#communityPhoto ul.entries li.entry .info .socialBar .comments {
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#d0d706;
					}
					#communityPhoto ul.entries li.entry .info .share a {
						width:62px;
						padding:0 0 0 15px; margin:0 0 0 15px;
						background:#000 url(../../images/icon_share.png) left center no-repeat;
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#d0d706;
						display:inline-block;
					}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#communityComments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#communityComments {
	
	}
		#communityComments .heading h2 {
			width:181px; height:23px;
			background:url(../../images/h2_myComments.png) 0 0 no-repeat;
			float:left;
		}
		#communityComments ul {
			
		}
			#communityComments ul li {
				margin:0 0 15px 0; padding:0 0 25px 0;
				background:url(../../images/division.png) center bottom no-repeat;
			}
				#communityComments ul li .userPic {
					margin:0 15px 0 0;
					float:left;
				}
					#communityComments ul li .userPic a {						
						width:52px; height:52px;
						display:inline-block;
					}
						#communityComments ul li .userPic a img {
							border:solid 1px #ba7b00;
						}
						#communityComments ul li .userPic a:hover img {
							border:solid 1px #76671f;
						}
				#communityComments ul li .comment {
					width:460px;
					padding:10px 0 0 10px;
					background:url(../../images/bg_comment.png) 0 0 no-repeat;
					font:normal 13px Georgia, "Times New Roman", Times, serif;
					color:#46381c;
					float:left;
					overflow:hidden;
				}
					#communityComments ul li .comment p {
						padding:0 0 10px 0;
					}
					#communityComments ul li .comment .date {
						font:normal 12px Georgia, "Times New Roman", Times, serif;
						color:#715216;
					}
					#communityComments ul li .comment .userName a {
						font:normal 12px Georgia, "Times New Roman", Times, serif;
						color:#ba7b00;
					}
						#communityComments ul li .comment .userName a:hover {
							color:#76671f;
						}
							#communityComments ul li .comment .userName .userIm {
								padding:0 0 0 5px;
								display:inline;
							}
								#communityComments ul li .comment .userName .userIm a.im {
									padding:0 3px 0 0;
								}
			#communityComments ul li.last {
				margin:0;
				background:none;
			}
		#communityComments a.btn_addComment {
			width:107px; height:24px;
			display:block;
			background:url(../../images/btn_addComment.png) 0 0 no-repeat;
		}
			#communityComments a.btn_addComment:hover {
				background-position: 0 -23px;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	.title Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#profile .userInfo .info .title.info_age {
		height:15px;
		background:url(../../images/info_age.png) 0 3px no-repeat;
		text-indent:-3000px;
	}
	#profile .userInfo .info .title.info_sex {
		height:15px;
		background:url(../../images/info_sex.png) 0 3px no-repeat;
		text-indent:-3000px;
	}
	#profile .userInfo .info .title.info_location {
		height:15px;
		background:url(../../images/info_location.png) 0 3px no-repeat;
		text-indent:-3000px;
	}
	#profile .userInfo .info .title.info_sign {
		height:15px;
		background:url(../../images/info_sign.png) 0 3px no-repeat;
		text-indent:-3000px;
	}
	#profile .userInfo .info .title.info_aboutMe {
		height:15px;
		background:url(../../images/info_aboutMe.png) 0 3px no-repeat;
		text-indent:-3000px;
	}
	#profile .userInfo .info .title.info_signature {
		height:15px;
		background:url(../../images/info_signature.png) 0 3px no-repeat;
		text-indent:-3000px;
	}
	#profile .userInfo .info .title.info_aim {
		height:15px;
		background:url(../../images/info_aim.png) 0 3px no-repeat;
		text-indent:-3000px;
	}
	#profile .userInfo .info .title.info_yahoo {
		height:15px;
		background:url(../../images/info_yahoo.png) 0 3px no-repeat;
		text-indent:-3000px;
	}
	#profile .userInfo .info .title.info_windowsLive {
		height:15px;
		background:url(../../images/info_windowsLive.png) 0 3px no-repeat;
		text-indent:-3000px;
	}
	#profile .userInfo .info .title.info_icq {
		height:15px;
		background:url(../../images/info_icq.png) 0 3px no-repeat;
		text-indent:-3000px;
	}
	#profile .userInfo .info .title.info_website {
		height:15px;
		background:url(../../images/info_website.png) 0 3px no-repeat;
		text-indent:-3000px;
	}
	#profile .userInfo .info .title.info_memberSince {
		height:15px;
		background:url(../../images/info_memberSince.png) 0 3px no-repeat;
		text-indent:-3000px;
	}
	#profile .userInfo .info .title.info_totalPosts {
		height:15px;
		background:url(../../images/info_totalPosts.png) 0 3px no-repeat;
		text-indent:-3000px;
	}
	#profile .userInfo .info .title.info_tagClouds {
		height:15px;
		background:url(../../images/info_tagClouds.png) 0 3px no-repeat;
		text-indent:-3000px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#comments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#comments {
		margin:15px 0 0 0;
	}
	.pagination {
		margin:20px 0 0 0;
	}