@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - BLOG : 	David Nail Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		dn_blog.css
	Date:			Apr 5, 2011
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	Nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav {
		background-position:190px 2px;
	}
		#nav li.navBlog a {
			background-position:-164px -30px;
		}
		#footer .info .nav li.blog a {
			color:#d24d20;
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	h2#h2_blog {
		border-bottom:solid 2px #aca47f;
		height:21px;
		margin:0 0 17px 0; padding:0 0 7px 0;
		background:url(../../images/h2_blog.png) 0 0 no-repeat;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	#blog Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#blog {
	
	}
		#blog .entry {
			 background:url(../../images/bg_blog.png) 78px 0 no-repeat;
			 margin:0 0 18px 0;
		}
			#blog .entry .author {
				width:71px;
				padding:0 21px 0 0;
				float:left;
			}
				#blog .entry .author img {
					border:solid 3px #b3ab85;
					margin:0 0 10px 0;
				}
				#blog .entry .author .commentCount {
					width:38px; height:17px;
					margin:0 auto; padding:2px 0 0 14px;
					background:url(../../images/bg_commentCount.jpg) 0 0 no-repeat;
					font:normal .69em Arial, Helvetica, sans-serif;
					color:#fff;
					text-align:center;
					display:block;
				}
			#blog .entry .post {
				border-top:solid 1px #ddd6af; border-right:solid 1px #ddd6af; border-bottom:solid 1px #ddd6af;
				width:468px;
				padding:20px;
				background:#ede7c7;
				float:left;
			}
				#blog .entry .post .header {
				
				}
					#blog .entry .post .header .date {
						margin:0 0 5px 0;
						font-size:.69em;
						color:#484848;
						display:block;
					}
					#blog .entry .post .header h2 {
						margin:0 0 20px 0;
						color:#d24d20;
						font-size:1.5em;
					}
				#blog .entry .post .body {
					
				}	
					#blog .entry .post .body p {
						margin:0 0 20px 0;
						font:normal .88em Arial, Helvetica, sans-serif;
						color:#545043;
						line-height:22px;
					}
				#blog .entry .post .footer {
					
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	#comments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#comments {
		width:511px;
		float:right;
	}
		#comments .entry {
			margin:0 0 10px 0; padding:0;
			background:url(../../images/bg_comment.jpg) 53px -12px no-repeat;
		}		
			#comments .entry .userPic {
				border:solid 3px #b3ab85;
				width:40px; height:40px;
				margin:0 15px 0 0;
				overflow:hidden;
				position:relative;
				float:left;
			}
				#comments .entry .userPic img {
					position:absolute;
					top:-3px;
				}
			#comments .entry .comment {
				border-top:solid 1px #bdb27d; border-right:solid 1px #bdb27d; border-bottom:solid 1px #bdb27d;
				width:411px;
				padding:14px;
				background:#d7cfa7;
				float:left;
			}	
				#comments .entry .comment a {
					font-size:1.13em;
				}
				#comments .entry .comment .date {
					font-size:.69em;
					color:#665946;
				}
				#comments .entry .comment p {
					padding:5px 0 0 0;
					font-size:.69em;
					color:#545043;
				}
		#comments .pagination {
			width:208px;
			margin:0 auto 25px auto; padding:0 0 0 20px;
		}
			#comments .pagination a {
				margin:0 13px 0 0;
				font:bold .69em Arial, Helvetica, sans-serif;
			}
				#comments .pagination li {
					float:left;
					display:inline;
				}
		#comments a.btn_addComment {
			width:161px; height:27px;
			background:url(../../images/btn_addComment.png) 0 0 no-repeat;
			margin:0 0 10px 0; padding:5px 0 0 41px;
			display:inline-block;
			color:#faf8ee !important;
		}	
			#comments a.btn_addComment:hover {
				background-position:0 -32px;
			}
		#comments .instructions {
			font:normal .75em Arial, Helvetica, sans-serif;
			color:#943616;
			display:block;
			float:left;
		}
		#comments a.btn_backToTop {
			width:78px; height:11px;
			background:url(../../images/btn_backToTop.png) 0 0 no-repeat;
			display:block;
			float:right;
		}
			#comments a.btn_backToTop:hover {
				background-position:0 -11px;
			}
/*	--------------------------------------------------------------------------------------------------------------------------
	.stepped Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.stepped {
		width:511px;
		margin:0 0 20px 89px
	}
		.stepped a {
			width:70px; height:20px;
			padding:5px 0 0 20px;
			font-size:.75em;
			color:#d4c9b3 !important;
			display:block;
		}
			.stepped a.btn_prev {
				background:url(../../images/btn_prev.png) 0 0 no-repeat;
				float:left;
			}
				.stepped a.btn_prev:hover {
					background-position:0 -25px;
				}
			.stepped a.btn_next {
				width:85px;
				padding:5px 0 0 5px;
				background:url(../../images/btn_next.png) 0 0 no-repeat;
				float:right;
			}
				.stepped a.btn_next:hover {
					background-position:0 -25px;
				}
		.stepped .viewing {
			width:331px;
			padding:5px 0 0 0;
			font-size:.69em;
			color:#7e7260;
			text-align:center;
			display:block;
			float:left;
		}