@charset "utf-8";
/*  ---------------------------------------
	
	main.css
	````````
	main stylesheets document for
	JH RESIDENTIAL!
	
    ---------------------------------------  */


/*  ---------------------------------------
	Global Reset
	- - - - - - - - - - - - - - - - - - - -  */

		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none; text-decoration: none; }
		
		

/*  ---------------------------------------
	Global rules and typography
	- - - - - - - - - - - - - - - - - - - -  */
	
		body {
			background: #ece0bf;
			font-family: Georgia;
		}
		
		#container {
			width: 940px;
			margin: 0 auto;
			background: #f8f5e8;
			margin-top: 22px;
		}
		#container-wrap {
			padding: 22px;
		}
		
		.hidden { display: none; }
		.clear { height: 1%; clear: both; }
		.left { float: left; }
		.right { float: right; }
		
		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		.clearfix {display: inline-block;}
		.no-background { background: none !important; }
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */



/*  ---------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - -  */
	
		#header {
			padding-bottom: 25px;
			position: relative;
			z-index: 99;
		}
			#logo {
				display: block;
				height: 70px;
				width: 240px;
				float: left;
			}
				#logo a {
					display: block;
					height: 70px;
					width: 240px;
					text-indent: -999999px;
					background: url(../images/header-logo.png) no-repeat;
				}
				
			#header-info-nav {
				width: 600px;
				float: right;
				text-align: right;
			}
			#header p#header-info {
				text-align: right;
				font-size: 14px;
				font-family: Georgia;
				color: #bbc53c;
				padding-bottom: 22px;
			}
				#header-info strong {
					font-size: 18px;
					font-weight: bold;
					color: #887544;
				}
			
			#header ul {
				display: block;
				clear: both;
				list-style-type: none;
			}
				#header ul li {
					display: block;
					float: right;
					height: 24px;
					position: relative;
				}
					#header ul li a {
						display: block;
						float: left;
						height: 24px;
						line-height: 24px;
						padding: 0 10px 0 12px;
						font-size: 14px;
						text-transform: uppercase;
						color: #87775a;
						background: url(../images/header-nav-line.png) left center repeat-y;
					}
						#header ul li:hover { background: #fff; }
						#header ul li a:hover { color: #eda441; }
					#header ul li.page-item-9 a {  }
					#header ul li.page-item-4 a { background: none; }
					
				#header ul li.current_page_ancestor a,
				#header ul li.current_page_parent a,
				#header ul li.current_page_item a {
					color: #f8f5e8;
					background: #87775a;
				}
				
				#header ul li ul {
					position: absolute;
					clear: none;
					z-index: 9999999;
					top: 23px;
					left: 0;
					text-align: left !important;
					width: 140px;
				}
					#header ul ul li {
						float: none !important;
						height: auto !important;
						border-bottom: 1px solid #c2ca55;
					}
						#header ul ul li a {
							float: none !important;
							height: auto;
							padding: 5px 10px;
							background: #fff !important;
							font-size: 12px;
							text-transform: none;
							width: auto;
							line-height: 18px;
							color: #87775a !important;
						}
							#header ul ul li a:hover { background: #f2f6c1 !important; color: #87775a !important; }



/*  ---------------------------------------
	Masthead
	- - - - - - - - - - - - - - - - - - - -  */
	
		#masthead {
			background: url(../images/masthead-bg.png) top repeat-x #eaecc7;
			position: relative;
		}
			#masthead h2 {
				padding: 0 22px;
				font-size: 32px;
				color: #897443;
				font-weight: bold;
				height: 97px;
				line-height: 97px;
			}
			#masthead img {
				position: absolute;
				top: 20px;
				left: 300px;
			}
		
		#masthead h2 #mast-img-sellers { top: -10px; }
		#masthead h2 #mast-img-buyers { top: 10px; left: 600px; }
		#masthead h2 #mast-img-austin { top: -23px; left: 200px; }
		#masthead h2 #mast-img-contact { background-position: -15px; }
		#masthead h2 #mast-img-testimonials { top: 30px; }



/*  ---------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - -  */
	
		#content {
			padding-top: 10px;
		}
			#content.no-sidebar { padding-top: 10px; }



/*  ---------------------------------------
	Sidebar-left
	- - - - - - - - - - - - - - - - - - - -  */
	
		.single-left #sidebar-left {
			width: 358px;
			float: left;
		}
		.two-sidebars #sidebar-left,
		.one-sidebar #sidebar-left {
			width: 217px;
			float: left;
		}
		
			#sidebar a {
				color: #bbc532;
				text-decoration: underline;
			}
			#sidebar a:hover {
				color: #573619;
			}
		
		.blog #sidebar-left h3 {
			display: block;
			padding-bottom: 12px;
			padding-top: 22px;
			font-size: 20px;
			font-weight: normal;
			color: #c4cc4c;
		}
		
		#feedicon {
			border-bottom:2px dashed #AFBD22;
			border-top:2px dashed #AFBD22;
			margin:20px 0 0 0;
			padding:5px;
			color: #c4cc4c;
		}
			#feedicon a { 
				color: #5d4e2a;
			}
			#sidebar-masthead {
				background: #f5e4c7;
				padding: 5px;
			}
			#search-homes {
				display: block;
				margin: 10px 0;
				background: #eaecc7;
				padding: 5px 0;
			}
				#search-homes a {
					display: block;
					padding: 15px;
					margin: 0 5px;
					border: 1px solid #cdcda8;
					color: #887b4c;
					font-size: 20px;
					font-weight: normal;
				}
					#search-homes a:hover { background-color: #dee587; }
				
			#sidebar-left h2#sidebar-section-title { display: none; }
			#nav-sidebar {
				display: block;
				list-style-type: none;
			}
				#nav-sidebar li {
					display: block;
					padding-bottom: 2px;
				}
					#nav-sidebar li a {
						display: block;
						padding: 5px 22px;
						background: #877345;
						color: #eaecc7;
						font-size: 14px;
					}
					
				#nav-sidebar li.current_page_ancestor a,
				#nav-sidebar li.current_page_parent a,
				#nav-sidebar li.current_page_item a,
				#nav-sidebar li.current-cat a {
					background: #d4de6e;
					font-weight: bold;
					color: #877345;
				}
					
						#nav-sidebar ul ul li.current_page_ancestor a,
						#nav-sidebar ul ul li.current_page_parent a,
						#nav-sidebar ul ul li.current_page_item a {
							background: none;
							color: #55492e !important;
							font-weight: bold;
						}
					
				#nav-sidebar ul {
					padding: 0 0 5px 10px;
					margin-top: 5px;
				}
					#nav-sidebar li.current_page_ancestor ul a,
					#nav-sidebar li.current_page_parent ul a,
					#nav-sidebar li.current_page_item ul a,
					#nav-sidebar ul li a {
						padding: 3px 10px;
						background: #eaecc7;
						color: #877345;
						font-weight: normal;
					}
					#nav-sidebar ul li.current_page_ancestor a,
					#nav-sidebar ul li.current_page_parent a,
					#nav-sidebar ul li.current_page_item a {
						background: #877345;
						color: #eaecc7;
					}
					
						#nav-sidebar ul ul {
							padding: 0 0 10px 15px;
							display: none;
							margin-top: 5px;
						}
							#nav-sidebar li.current_page_ancestor ul ul li a,
							#nav-sidebar li.current_page_parent ul ul li a,
							#nav-sidebar li.current_page_item ul ul li a {
								background: none;
								color: #877345;
								padding: 3px 0;
								text-decoration: underline;
							}
							#nav-sidebar ul li.current_page_item ul,
							#nav-sidebar ul li.current_page_ancestor ul,
							#nav-sidebar ul li.current_page_parent ul { display: block; }
						
			.sidebar-action {
				display: block;
				margin-top: 20px;
				background: #eaecc7;
				padding-top: 5px;
			}
				.sidebar-action strong {
					display: block;
					padding: 15px;
					margin: 0 5px 5px 5px;
					border: 1px solid #cdcda8;
					color: #887b4c;
					font-size: 20px;
					font-weight: normal;
				}
				.sidebar-action span {
					background: #8b7543;
					padding: 10px 21px;
					color: #f6eee2;
					font-weight: bold;
					display: block; 
				}
					.sidebar-action em {
						color: #f7a127;
						font-style: normal;
					}
#widget-list {
	list-style-type: none;
}
.widget {
	margin-top: 20px;
}



/*  ---------------------------------------
	Sidebar-Right
	- - - - - - - - - - - - - - - - - - - -  */
	
		.two-sidebars #sidebar-right {
			width: 161px;
			float: right;
		}
			#sidebar-right p {
				padding-bottom: 10px;
			}
			#sidebar-right p.testimonial {
				color: #AFBD22;
				font-size: 12px;
				font-style: italic;
				line-height: 18px;
			}
				#sidebar-right p.testimonial strong { display: block; padding-top: 4px; }
	

/*  ---------------------------------------
	Main
	- - - - - - - - - - - - - - - - - - - -  */
	
		
		.no-sidebar #main {
			width: 100%;
			float: none;
		}
		.single-left #main {
			width: 516px;
			float: right;
		}
		.two-sidebars #main {
			float: left;
			width: 448px;
			margin-left: 22px;
			padding-top: 12px;
		}
		.one-sidebar #main {
			width: 638px;
			float: left;
			padding-top: 12px;
			margin-left: 22px;
		}
			#main.photo-gallery {
				width: 800px;
			}
			#page-title {
				display: block;
				font-size: 22px;
				color: #807047;
				padding-bottom: 15px;
			}
				.post #page-title {
					font-size:22px !important;
					margin:0 !important;
					padding:10px 0 !important;
				}
				.post #page-title a {
					color: #776333 !important;
					border-bottom: 2px dashed #bbc532;
					text-decoration: none !important;
				}
			#main h3 {
				display: block;
				font-size: 22px;
				color: #807047;
				padding-bottom: 15px;
			}
			#main h4 {
				display: block;
				padding-top: 10px;
				padding-bottom: 10px;
				color: #52441e;
				font-size: 14px;
				font-weight: bold;
			}
			#main h5 {
				display: block;
				padding-top: 10px;
				padding-bottom: 15px;
				color: #35322a;
				font-weight: normal;
			}
			#main p {
				display: block;
				padding-bottom: 15px;
				color: #8b825a;
				font-size: 14px;
				line-height: 20px;
			}
				#main p.lead {
					margin-bottom: 15px;
					border-bottom: 1px solid #776334;
					font-size: 18px;
				}
			#main a {
				color: #bbc532;
				text-decoration: underline;
			}
			#main a:hover {
				color: #573619;
			}
			#main ul,
			#main ol {
				display: block;
				padding: 10px 0 20px 30px;
			}
				#main ul li,
				#main ol li {
					color: #8b825a;
					padding-bottom: 5px;
					font-size: 14px !important;
				}
				
			p#breadcrumbs {
				padding: 10px 5px 10px 22px;
				font-size: 12px;
				color: #897443;
				margin-top: 10px;
				background: #f6efd9;
			} 
			p#breadcrumbs a {
				color: #bbc532;
				text-decoration: underline;
			} 
			p#breadcrumbs a:hover {
				color: #573619;
			}
			
			.post h3 {
				font-size:22px !important;
				margin:0 !important;
				padding:10px 0 !important;
			}
				.post h3 a {
					color: #776333 !important;
					border-bottom: 2px dashed #bbc532;
					text-decoration: none !important;
				}
				
			.meta {
				padding: 5px 0 15px 0;
				color: #5d4e2a;
				font-size: 12px;
			}
			
			h3#comments { font-size: 18px !important; margin-top: 30px; }
			#copy h3#postcomment {
				font-size: 16px !important;
				border-bottom: #AFBD22 !important;
			}
			
			div.feedback a {
	border-top: 1px dotted #9192ae !important;
}

#comment {
	width: 400px !important;
}

#commentlist { list-style-type: none !important ;}

	#commentlist li {
		display: block !important;
		border-bottom: 1px dotted #afbd21 !important;
		margin-left: 30px !important;
		margin-top: 10px !important;
		margin-bottom: 10px !important;
		padding-left: 10px !important;
		padding-top: 10px !important;
	}
	#commentlist p {
		padding: 0 0 10px 0 !important;
		margin: 0 !important;
	}	
	
	
.rsslinks {
	padding: 5px !important;
	background: #afbd21 !important;
	margin-right: 250px !important;
	margin-left: 20px;
	margin-top: 30px;
}
	.rsslinks a {
		display: block;
		padding: 10px;
		color: #776333 !important;
	}
h3#postcomment {
	border-top: 2px solid #AFBD22;
	margin-top: 20px;
}
	
	
	
	
	
	
ul#recent-comments {
	list-style-type: none;
	margin-bottom: 20px;
	display: block;
}
	ul#recent-comments li a {
		display: block;
		padding: 5px;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		color: #4e5eb1;
		border-bottom: 1px solid #a9afd3;
	}
		ul#recent-comments li a:hover {
			background: #bcc1cf;
			color: #da213b;
		}
	




/*  ---------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - -  */
	
		#footer {
			padding-top: 35px;
			width: 895px;
			margin: 0 auto;
			padding-bottom: 40px;
		}
			#nav-legal {
				width: 450px;
				float: left;
			}
				#footer-nav {
					list-style-type: none;
					display: block;
				}
					#footer-nav li {
						display: block;
						float: left;
					}
						#footer-nav li a {
							display: block;
							float: left;
							border-right: 1px solid #c8bc9e;
							color: #8c7e5b;
							padding: 0 5px;
							font-size: 12px;
						}
							#footer-nav li.last a { border: none; }
							
				#privacy, #legal {
					display: block;
					padding-top: 10px;
					font-size: 12px;
					color: #a59c83;
					padding-left: 5px;
				}
					#privacy a, #legal a {
						color: #8c7e5b;
					}
					
					
			#footer-info {
				width: 300px;
				float: right;
			}
				#footer-contact {
					text-align: right;
					display: block;
					font-size: 12px;
					color: #a59c83;
					font-weight: normal;
				}
					#footer-contact strong {
						display: block;
						padding-bottom: 8px;
						color: #816f46;
						font-weight: bold;
						font-size: 16px;
					}
					
				#seal {
					display: block;
					text-align: right;
					padding-top: 20px;
				}
				
				
				
				
/*  ---------------------------------------

	Listings

	- - - - - - - - - - - - - - - - - - - -  */



		

		.listing-container {

			padding: 10px 10px 15px 10px;

			background: #fff;

			border-top: 2px solid #ede9d7;

			border-right: 1px solid #ede9d7;

			border-left: 1px solid #ede9d7;

			border-bottom: 4px solid #786333;

			margin-bottom: 20px;

		}

			div.image-holder {

				width: 276px;

				float: left;

			}

				.image-holder img {

					border: 3px solid #917c4c;

				}

				.image-holder a {

					display: block;

					margin-right: 20px;

				}

					.image-holder a span {

						display: block;

						padding: 3px;

					}

			.honegger-feat {

				display: block;

				margin: 10px 0;

				background: #e3ee76;

				font-size: 11px !important;

				font-weight: bold;

				color: #4f401c;

				padding: 10px 20px;

				margin-right: 20px;

				border-top: 3px solid #adb464;

				border-right: 1px dashed #edf786;

				border-bottom: 1px dashed #edf786;

				border-left: 1px dashed #edf786;

			}

				p.honegger-feat strong {

					font-size: 14px;

					line-height: 20px;

					font-weight: bold;

					color: #30260e !important;

				}

				p.honegger-feat a {

					display: block;

					margin-top: 12px;

					border-bottom: none;

				}

			.listing-info {

				width: 300px;

				float: left;

			}
			
			
			
			
			
			#main.photo-gallery .before { width: 360px; float: left; padding-bottom: 10px; }
			#main.photo-gallery .after { width: 360px; float: right; padding-bottom: 10px; }
			#main.photo-gallery h5,
			#main.photo-gallery h4 {
				clear: both;
				margin: 0 !important;
			}
			#main.photo-gallery h4 {
				font-size: 22px;
				padding-top: 10px;
				border-bottom: 1px solid #e9e5d5;
				padding-top: 20px;
				border-top: 1px dashed #786333;
			}
			#main.photo-gallery h4.top { padding-top: 20px; border-top: none; }
			#main.photo-gallery h5 {
				font-size: 16px;
			}
			#main.photo-gallery p {
				padding-top: 5px;
				padding-bottom: 4px;
			}


			


				
					
					
/*  ---------------------------------------
	Forms
	- - - - - - - - - - - - - - - - - - - -  */	
			
		form.cform {
			padding: 0;
			margin: 0;
		}
			form.cform ol {
				padding: 0 !important;
				margin: 0 !important;
			}
			form.cform li {
				display: block;
				padding: 10px 0;
			}
				form.cform li label {
					display: block;
					width: 120px;
					float: left;
					padding-right: 10px;
					color: #897443;
				}
				form.cform li input {
					display: block;
					width: 160px;
					float: left;
					border: 1px solid #d9c6a6;
					background: #f5e4c7;
					color: #897443;
					padding: 5px;
				}
				form.cform li select {
					display: block;
					width: 160px;
					float: left;
					padding: 5px;
				}
				form.cform li span { display: block; float: left; padding-left: 5px; }
				form.cform li span.reqtxt, form.cform li span.emailreqtxt { color: #6f4c54 !important; font-size: 12px; }
				form.cform li .area { width: 280px; float: left; display: block; }
				form.cform p.cf-sb {
					margin-left: 110px !important;
					margin-top: 15px;
				}
				
				p.linklove {display: none;}
				
			form.cform legend {
				display: block ;
				font-family: Georgia;
				color: #ffe075;
				font-weight: bold;
				font-size: 16px;
				padding-bottom: 20px;
				margin-bottom: 0;
				padding-top: 15px;
			}
			form.cform textarea {
				width: 235px !important;
				float: left;
				height: 150px;
				border: 1px solid #d9c6a6;
				background: #f5e4c7;
				color: #897443;
				padding: 5px;
			}
			form.cform fieldset.cf_hidden { display: none; }
		
			form.cform li.cf_li_err {
				background: #FFE2DF;
			}
			form.cform li.cf_li_err span.reqtxt, form.cform li.cf_li_err span.emailreqtxt { color: #6f4c54 !important; }
		
		form.cform li:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		.success,
		.failure {
			padding: 10px 25px !important;
			font-size: 16px !important;
			background: #FFE2DF;
			color: #6f4c54;
			margin-bottom: 10px;
		}
		.success {
			color: #3d634d;
		}
		.cf-box-title {
			width: 120px;
			float: left;
			padding-right: 10px;
		}
		.cf-box-group {
			display: block;
			float: left;
			width: 160px;
			padding-left: 15px;
		}

		
		form.cform li {display: inline-block;}
		.no-background { background: none !important; }
		
		.linklove { display: none !important;}
		
		/* Hides from IE-mac \*/
		* html form.cform li {height: 1%;}
		form.cform li {display: block;}
		/* End hide from IE-mac */