@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - DAVID NAIL COMMUNITY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		dn_community.css
	Date:			Jan 05, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	

/*	--------------------------------------------------------------------------------------------------------------------------
	header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mastHead { height:107px; }
		
		#commHeader { height:260px; }
			ul#nav { }
				ul#nav li {
					margin:0 5px 0 0; padding:0;
					background:none;
					text-align:center;
					display:inline;
					float:left;
				}
					ul#nav li a {
						height:32px; padding:6px 10px 0 10px;
						font-size:19px; color:#fff;
						display:block;
					}
						ul#nav li a:hover { color:#629ec9; }
			#commHeader ul.features { float:left; }
				#commHeader ul.features  li {
					padding:5px 0 0 9px;
					line-height:19px;
				}
			#commHeader .joinLink {
				width:182px; margin:60px 0 0 0;
				float:right;
			}
				#commHeader .joinLink h3 {
					font-weight:bold; font-size:14px;
					color:#fff;
				}
				#commHeader .joinLink a.btn {
					width:67px; height:18px; padding:2px 0 0 0;
					background:url(../../images/sprites.png) -525px -174px no-repeat;
					display:block;
				}
				#commHeader .joinLink a.btn:hover {
					background-position:-525px -194px;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	general Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol .content { padding:6px 8px; display:inline-block; }
						
/*	--------------------------------------------------------------------------------------------------------------------------
	Community Nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#subNav { margin:0 0 20px 0; border-bottom:solid 2px #aeaead; }
		ul#subNav li {
			display:inline;
			float:left;
		}
		ul#subNav li a {
			height:26px; padding:6px 10px 0 10px;
			font-size:15px; color:#fff; text-align:center;
			display:block;
		}
			ul#subNav li a:hover { color:#629ec9; }
					
/*	--------------------------------------------------------------------------------------------------------------------------
	content box Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#community { }
		#community .titleBar {
			
		}
			#community .titleBar h1 {
				width:375px;
				font:normal 18px Arial, Helvetica, sans-serif;
				color:#f5f1e6;
				float:left;
			}
			#community .titleBar a.btn_rss {
				width:70px; height:18px;
				margin:2px 0 0 0;
				background:url(../../images/btn_rss.png) 0 0 no-repeat;
				display:block;
				float:left;
			}
				#community .titleBar a.btn_rss:hover {
					background-position:bottom;
				}
			#community .titleBar .selectBox {
				float:right;
			}
		#community .contentBox {
			padding:13px 0 30px 0;
			background:url(../../images/bg_transparent.png) repeat;
			display:inline-block;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	commLogIn Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#newsContent {
		
	}
		#commLogIn .titleBar {
			height:21px;
			padding:8px 0 0 9px;
		}
			#commLogIn .titleBar h1#h1_logIn {
				width:52px; height:12px;
				background:url(../../images/h1_logIn.png) no-repeat;
			}
		#commLogIn .contentBox {
			height:227px;
			padding:12px;
			border-bottom:1px solid #aca394;
		}
			#commLogIn .contentBox .login {
				height:199px;
				padding:21px 0 6px 18px;
				background:#f5f1e6;
				border:none;
			}
			#commLogIn .login label {
				font:normal 16px Arial, Helvetica, sans-serif;
				color:#766044;
			}
			#commLogIn .login .inputBox input {
				width:323px; height:20px;
				margin:4px 0 17px 0; padding:1px 0 0 0;
				background:#dcd6c8;
				border:solid 1px #b6ae9d;
				color:#766044;
			}
			#commLogIn .login .checkBox {	
				margin:0 0 23px 0;
			}
				#commLogIn .contentBox .checkBox input {
					width:15px; height:15px;
					margin:0 4px 0 0;
					float:left;
				}
				#commLogIn .login .checkBox p {
					font:normal 14px Arial, Helvetica, sans-serif;
					color:#766044;
					line-height:14px;
					float:left;
				}
			#commLogIn .login a.btn:link, #commLogIn .login a.btn:active, #commLogIn .login a.btn:visited {
				width:75px; height:23px;
				padding:6px 0 0 0;
				display:block;
				background:url(../../images/btn_75.png) top left no-repeat;
				color:#613300;
				font:bold 14px Arial, Helvetica, sans-serif;
				text-decoration:none;
				text-align:center;
			}
				#commLogIn .login a.btn:hover {
					background-position:bottom;
					color:#14407d;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	blogContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#blogContent {
		width:629px;
		padding:0 4px 0 3px;
		float:left;
	}
		#blogContent .contentBox {
			padding:6px 8px;
			background:url(../../images/bg_transparent.png) repeat;
		}
		#blogContent .footerBar {
			height:16px;
			padding:6px 13px 0 0;
			text-align:right;
			font:bold 10px Arial, Helvetica, sans-serif;
			line-height:11px
		}
			#blogContent .footerBar a:link, #blogContent .footerBar a:active, #blogContent .footerBar a:visited {
				padding:0 7px 0 0;
				color:#d8cfbd;
				text-decoration:none;
				background:url(../../images/btn_doMoreArrows.gif) right 5px no-repeat;
			}
				#blogContent .footerBar a:hover {
					color:#ff0000;
					background-position:right -40px;
				}
		#blogContent .entry {
			margin:0 0 1px 0; padding:0 0 2px 0;
		}
			#blogContent .entry p.date {
				width:84px; padding:6px;
				background:#232a2e;
				font-size:11px; color:#fff; text-align:center;
				float:left;
			}
			#blogContent .entry p.text {
				width:490px; padding:2px 8px 5px 8px;
				font-size:16px;
				line-height:21px;
				float:right;
			}
				#blogContent .entry p.text .post {
					margin:2px 0 0 0;
					font-size:11px; color:#caced0;
					display:block;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	membership_loggedIn Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#membership_loggedIn {
		float:right;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	mediaPanel Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mediaPanel {
		width:320px; height:283px; margin:20px 0 0 0;
		background:url(../../images/mediaPanel3_bg.png) no-repeat;
	}
		#mediaPanel .buyLink { padding:144px 0 0 130px; }
		#mediaPanel a.btnBuyNow {
			width:106px; height:32px;
			background:url(../../images/sprites.png) 0 -83px no-repeat;
			display:block;
		}
			#mediaPanel a.btnBuyNow:hover { background-position:0 -120px; }
		#mediaPanel #audioPlayerHolder { height:59px; padding:30px 0 0 0; }
		#mediaPanel #mp {
			height:59px; 
		}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	photosContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photosContent {
		width:314px;
		margin:20px 3px 0 3px;
		float:left;	
	}
		#photosContent .contentBox {
			height:230px;
			padding:8px 0 0 1px;
			overflow:hidden;
			
		}
		#photosContent .footerBar {
			height:16px;
			padding:3px 8px 0 0;
			text-align:right;
			font:bold 10px Arial, Helvetica, sans-serif;
			line-height:11px
		}
		#photosContent .footerBar a {
			padding:0 7px 0 0;
			background:url(../../images/arrow_sm.png) right 4px no-repeat;
		}
		#photosContent .entry {
			width:300px;
			text-align:center;
		}
			#photosContent .entry a {
				width:300px; height:217px; padding:5px;
				background:url(../../images/bg_transparent.png) repeat;
				display:block; overflow:hidden;
			}
				#photosContent .entry a img { margin:0 auto; }
				
/*	--------------------------------------------------------------------------------------------------------------------------
	communityContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#communityContent {
		width:314px;
		margin:20px 0 0 0;
		float:left;
	}
		#communityContent .contentBox {
			height:230px; padding:8px 0 0 5px;
			overflow:hidden;
		}
		#communityContent .footerBar {
			height:16px;
			padding:3px 8px 0 0;
			text-align:right;
			font:bold 10px Arial, Helvetica, sans-serif;
			line-height:11px
		}
		#communityContent .footerBar a {
			padding:0 7px 0 0;
			background:url(../../images/arrow_sm.png) right 4px no-repeat;
		}
		#communityContent h1#h1_communityLatestMembers {
			width:251px; height:19px;
			background:url(../../images/h1_community-LatestMembers_15px.png) no-repeat;
		}
		#communityContent .entry {
			width:100px; height:115px;
			margin:0 1px 1px 0;
			font:normal 11px Arial, Helvetica, sans-serif;
			float:left;
			text-align:center;
			overflow:hidden;
		}
			#communityContent .entry a:link, #communityContent .entry a:active {
				width:100px; height:110px; padding:5px 0 0 0;
				background:#629ec9;
				display:block;
			}
				#communityContent .entry a:visited {
					width:100px; height:110px; padding:5px 0 0 0;
					background:#fff;
					display:block;
				}
				#communityContent .entry a:hover {
					width:100px; height:110px;
					padding:5px 0 0 0;
					display:block;
					background:#fff;
				}
			#communityContent .entry a img {
				padding:0 0 5px 0;
				display:block;
				margin:0 auto;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	userContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#userContent {
		width:320px;
	}
		#userContent .contentBox {
			padding:8px 0 8px 9px;
			background:url(../../images/bg_transparent.png) repeat;
		}
			#userContent .contentBox .userInfo {
				width:292px;
				padding:10px 0 5px 10px;
			}
				#userContent .contentBox .userInfo .userPhoto {
					float:left;
				}
					#userContent .contentBox .userInfo .userPhoto img {
						display:block;
					}
				#userContent .contentBox .userInfo .user {
					margin:0 0 0 10px;
					font-weight:bold; font-size:11px;
					float:left;
				}
					#userContent .contentBox .userInfo .user .user { margin:0; float:none; }
					#userContent .contentBox .userInfo .user strong {
						font-size:13px;
					}
			/*	NOT LOGGED IN */
			#userContent .contentBox .userInfo .statusText {
				font:normal 11px Verdana, Arial, Helvetica, sans-serif;
				color:#9b8569;
			}
			#userContent .contentBox .userInfo .btnHolder {
				padding:0 0 10px 0;
			}
				#userContent .contentBox .userInfo .btnHolder a.btn {
					width:70px; height:16px;
					margin:10px 0 0 0; padding:2px 0 0 0;
					display:block;
					background:url(../../images/btn_70.png) no-repeat;					
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#cfcfcf;					
					text-align:center;
					text-transform:uppercase;
				}
					#userContent .contentBox .userInfo .btnHolder a.btn:hover {
						color:#a5bdde;
						background-position:bottom;
					}
			#userContent .contentBox ul {
				width:292px; padding:0 0 2px 10px;
				color:#9b8569;
			}
				#userContent .contentBox ul li {
					margin:5px 0 0 0; padding:0 4px 0 0;
					background:url(../../images/list_line.gif) right 5px no-repeat;
					font:normal 11px Arial, Helvetica, sans-serif;
					float:left;
					display:inline;
				}
					#userContent .contentBox ul li.noLine { background:none; }
					#userContent .contentBox ul li.last { margin:0; padding:0 0 0 10px; float:right; }
						#userContent .contentBox ul li a { margin:2px 0 0 0; }
							#userContent .contentBox ul li a.active { color:#766044; }
				
				#userContent .contentBox ul li a.btn, #userContent .contentBox .login a {
					width:67px; height:18px; padding:2px 0 0 0;
					background:url(../../images/sprites.png) -525px -174px no-repeat;
					display:block;
				}
					#userContent .contentBox ul li a.btn:hover, #userContent .contentBox .login a:hover { background-position:-525px -194px; }
			#userContent .contentBox .login {
				padding:0 0 0 100px;
			}
				#userContent .contentBox .login a { color:#fff; text-align:center; }
					
			#userContent .contentBox .userInfo .user p { padding:0 0 5px 0; }
				
/*	--------------------------------------------------------------------------------------------------------------------------
	communityComments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#communityComments { padding:6px; }
		#communityComments ul {
			padding:5px 0 0 0;
		}
			#communityComments ul li.noContent {
				magin:0 15px 0 0; padding:10px 0;
			}
			#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;
					font-size:0px; text-indent:-3000px; overflow:hidden;
				}
					#communityComments ul li.postComment a:hover {
						background-position:-971px -120px;
					}