@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - PROFILE : 	David Nail Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		dn_community_profile.css
	Date:			Apr 5, 2011
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Active Nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#subNav li#subNavOverview a { color:#629ec9; }	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#profile Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#profile {
		margin:0 0 10px 0; padding:6px 0 0 6px;
	}
		#profile .userimage {
			width:260px; padding:0 5px 5px 0;
			display:block;
			float:left;
		}
		
		#profile #profileTable {
			width:280px;
			float:right;			
		}
			#profile #profileTable col#attributeCol {
				width:92px;
			}
			#profile #profileTable col#valueCol {
				
			}
			#profile #profileTable tr {
				height:22px;
			}
				#profile #profileTable tr td.attribute {
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#caced0;
				}
				#profile #profileTable tr td.value {
					font:bold 12px Arial, Helvetica, sans-serif;
					color:#fff;
				}
				
		#profile .text {
			font:bold 11px Arial, Helvetica, sans-serif;
			color:#fff;
			display:block;
		}
		#profile .paragraph {
			width:425px;
			font:normal 12px Arial, Helvetica, sans-serif;
			color:#caced0;
			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 { padding:6px; }
		.latestGallery .entries .noContent {
			margin:0 15px 0 0;
		}
		.latestGallery .entries .entry {
			width:150px;
			margin:0 5px 10px 5px; padding:10px;
			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;
				color:#caced0;
				overflow:hidden;
			}
			.latestGallery .photoInfo .entry h4 {
				
			}
				.latestGallery .entry .photoInfo h4 a {
					font:normal 14px Arial, Helvetica, sans-serif;
				}
				.latestGallery .entry .photoInfo .comments {
					color:#629ec9;
				}
				.latestGallery .entry .photoInfo .count {
					font-weight:bold;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	.latestBlog Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.latestBlog { padding:6px; }
		.latestBlog .noContent {
			margin:0 15px 0 0;
		}
		.latestBlog .blogEntry {
			margin:10px 0 0 0;
		}
			.latestBlog .blogEntry .blogTitle {
				padding:5px 0 0 12px;
			}
				.latestBlog .blogEntry .blogTitle span {
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#fff;
				}
				.latestBlog .blogEntry .blogTitle h2 {
					margin:2px 0 0 0;
				}
					.latestBlog .blogEntry .blogTitle h2 a {
						background:none;
						font:normal 18px Arial, Helvetica, sans-serif;
					}
			.latestBlog .blogEntry .content {
				border-bottom:solid 1px #393836;
				padding:7px 14px 14px 14px;
				background:none;
				font:normal 12px Arial, Helvetica, sans-serif;
				line-height:17px;
			}
				.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; padding:0 0 0 6px;
						color:#caced0; line-height:17px;
					}
					
				/* 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 {
					padding:5px 0 0 6px;
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#caced0;
					line-height:normal;
					list-style:none;
				}
					.latestBlog .blogEntry .content .socialBar .info {
						float:left;
					}
					.latestBlog .blogEntry .content .socialBar a.btnReadBlog {
						padding:0 7px 0 0;
						background:url(../../images/arrow_sm.png) right 4px no-repeat;
						float:right;
					}
				.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 { padding:6px; }
		#communityComments ul {
			padding:5px 0 0 0;
		}
			#communityComments ul li.noContent {
				border:dashed 1px #231E1B;
				magin:0 15px 0 0; padding:10px 0;
				color:#d8cfbd;
			}
			#communityComments ul li {
				margin:5px 0 0 0;
			}
				#communityComments ul li .profilePic {
					width:84px;
					float:left;
				}
					#communityComments ul li .profilePic a {
						padding:2px;
						background:#232a2e;
						display:block;
					}
				#communityComments ul li .commentTop {
					width:438px;
					float:right;
				}
				#communityComments ul li .comment {
					padding:5px 11px 16px 11px;
				}
					#communityComments ul li .comment h4 {
						margin:0 0 9px 0;
						font:normal 18px Arial, Helvetica, sans-serif; color:#629ec9;
					}
					#communityComments ul li .comment p {
						margin:0 0 9px 0;
						font:normal 15px Arial, Helvetica, sans-serif;
						color:#caced0;
						line-height:18px;
					}
					#communityComments ul li .comment .userInput {
						
					}
						#communityComments ul li .comment .userInput span.posted {
							font:normal 11px Arial, Helvetica, sans-serif;
							color:#fff;
							float:left;
						}
						#communityComments ul li .comment .userInput a.btn_report {
							padding:0 7px 0 0;
							background:url(../../images/arrow_sm.png) right 4px no-repeat;
							float:right;
						}
			#communityComments ul li.postComment {
			 	padding:25px 0 0 0;
				text-align:left;
				display:inline;
			}
				#communityComments ul li.postComment a {
					width:145px; height:32px; margin:0 0 0 117px;
					background:url(../../images/sprites.png) -971px -83px no-repeat;
					display:block;
				}
					#communityComments ul li.postComment a:hover {
						background-position:-971px -120px;
					}