/*
Theme Name: Austin real estate blog
Theme URI: http://www.maryb.com/austin-real-estate-blog
Description: 
Version: 1.0
Author: Other Side Marketing
Author URI: http://othersidemarketing.com/
*/

/* CSS 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/* Basic styles */
body { background: #241604 url('images/bg.jpg') top center no-repeat; color: #000; font: 14px "Trebuchet MS", verdana, arial, helvetica, sans-serif; letter-spacing: 0.05px; min-width: 960px; }
h1, h2, h3 { color: #372004;}
h1 { font-size: 28px; line-height: 32px; font-weight: bold; margin: 10px 0 24px 0; letter-spacing: 0.5px; }
h2 { font-size: 20px; letter-spacing: 0.15px; font-weight: bold; line-height:1em; }
h3, h4 { font-size: 14px; font-weight: bold; margin: 10px 0;}
h4 { font-size: 12px; text-decoration: underline; }

a { color: #6c490b; }
p { margin-bottom: 12pt; }
p.single-space { margin-bottom: 0;}

.center { margin: 0 auto; }
.center-text { text-align: center; }
.float-left { float: left; }
.float-right { float: right; }
.align-right { text-align: right }

.clear-both { clear: both;}
.image-caption { font-size: 14pt; }
.alert { font-size: 11pt; color: #04CB00; }

/* Typography */
.light { color: #9C9C9C;}
#header #contact { font-size: 20px; }
.uline { text-decoration: underline;}

/* Page structure */
#wrapper, #wrapper, #body-wrapper, #top-header { width: 960px; }
#wrapper { margin: 0 auto; }
#header { position: absolute; top: 0; left: 0; height: 175px;  }
#body-wrapper { width: 100%; margin-top: 163px;  }

/* Header */
#header { width: 100%; background: url('images/header_bg.png') bottom repeat-x;}
#header .inner, #header .outer { position: relative; margin: 0 auto; width: 960px; }
#header .inner { margin-top: 43px;  height: 114px;  background: url('images/header_honeycombs.png')  no-repeat; z-index: 1000;} 
#header .outer { top: 0px; height: 0px; z-index: 90;}
#logo, #qualifications, #contact { position: absolute;}
#logo { top: -40px; }
#qualifications { top: 82px; left: 210px; color: #ca9805; font-family: "Myriad Pro"; font-size: 20px; }
#contact { top: 10px; right: 30px;  text-align: center; color: #6c490b; line-height: 28px;}


/* Main nav bar. */
 /* (this method uses a lot of CSS markup, but allows to use 1 png for everything, and no JS) */
#nav { position: absolute; top: 6px; left: 225px; width: 720px; height: 30px; }
#nav li { padding-left: 10px; float: left;}

#nav a, #nav samp { display: block; background: url("images/nav_sprites.png") no-repeat; }
#nav a { position: absolute; display: block; color: #000; margin: 1px 0 0 0px; text-decoration: none; padding-top: 6px; height: 30px;  }
#nav .t1 a {z-index: 59; background-position: 0px 0px; width: 133px; left: 0px; }
#nav .t2 a {z-index: 58; background-position: 0px -39px; width: 160px; left: 108px; }
#nav .t3 a {z-index: 57; background-position: 0px -78px; width: 149px; left: 235px; }
#nav .t4 a {z-index: 56; background-position: 0px -117px; width: 177px; left: 354px; }
#nav .t5 a {z-index: 55; background-position: 0px -156px; width: 126px; left: 503px; }
#nav .t6 a {z-index: 54; background-position: 0px -195px; width: 142px; left: 603px; }

#nav  a:hover, #nav li.selected a { padding-top: 12px; height: 37px; color: #8c4d02; }
#nav .t1 a:hover, #nav li.selected.t1 a {z-index: 69; background-position: 0px -498px; }
#nav .t2 a:hover, #nav li.selected.t2 a {z-index: 68; background-position: 0px -548px; }
#nav .t3 a:hover, #nav li.selected.t3 a {z-index: 67; background-position: 0px -598px; }
#nav .t4 a:hover, #nav li.selected.t4 a {z-index: 66; background-position: 0px -648px; }
#nav .t5 a:hover, #nav li.selected.t5 a {z-index: 65; background-position: 0px -698px; }
#nav .t6 a:hover, #nav li.selected.t6 a {z-index: 64; background-position: 0px -748px; }

#nav span { padding-left: 30px; cursor: pointer; }
#nav .t1 span { padding-left: 24px; }
#nav .t2 span { padding-left: 28px; }
#nav .t3 span { padding-left: 30px; }
#nav .t4 span { padding-left: 30px; }
#nav .t5 span { padding-left: 28px; }
#nav .t6 span { padding-left: 28px; }

#nav samp { height: 42px; left: 16px; display: none; background-position: -8px 10000px; }
#nav a:hover samp, #nav li.selected samp { display: block; position: absolute; top: -7px; }
#nav .t1 a:hover samp, #nav li.selected.t1 a samp { background-position: -8px -234px; width: 104px; }
#nav .t2 a:hover samp, #nav li.selected.t2 a samp { background-position: -8px -276px; width: 125px; }
#nav .t3 a:hover samp, #nav li.selected.t3 a samp { background-position: -8px -318px; width: 118px; }
#nav .t4 a:hover samp, #nav li.selected.t4 a samp { background-position: -8px -360px; width: 145px; }
#nav .t5 a:hover samp, #nav li.selected.t5 a samp { background-position: -8px -402px; width: 96px; }
#nav .t6 a:hover samp, #nav li.selected.t6 a samp { background-position: -8px -444px; width: 112px; }

#nav-spacer { height: 33px; background-color: #fff3a9;}

.popup { background: #291806; width: 170px; position: absolute; top: 50px; -webkit-box-shadow: #0B0B0B 1px 1px 12px; -moz-box-shadow: #0B0B0B 1px 1px 12px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 1px 0; z-index: 10000; opacity: 0.97;}
.popup li {  margin: 1px 2px; padding: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.popup li:hover, .popup li.selected { background-color: #4E2C06;}
.popup li.last { border: none;}
.popup li a { padding: 8px 0; width: 150px; color: #B57910; text-decoration: none; }
.popup li a:hover { text-decoration: underline;}

#relocation-popup { left: 588px; } 
#neighborhood-popup { left: 455px; }

.horiz-nav { }
.horiz-nav li { display: inline; padding: 5px 0px 0 0 ; }
.horiz-nav li.selected { font-weight: bold; }


/* Sidebar */
#sidebar { width: 226px; background: #241604 url('images/bg.jpg') -146px -161px; z-index: 10000;} 
#sidebar img { display: block;}
#sidebar ul li { height: 19px; background:  url("images/sidebar_item_bg.png");padding: 4px 0 0 48px; }
#sidebar ul li a { text-decoration: none; color: #000; }
#sidebar ul li a:hover { text-decoration: underline; }

/* Content */
#content { background-color: #fff3a9; line-height: 1.4em; }
#content a { text-decoration: underline; }
#content a:hover { text-decoration: none; }
.narrowize { padding-left: 25px; padding-right: 25px;}
#content .intro {padding-top: 0px;}
#content .intro.top { padding-left: 260px;}
#content .intro.top.pic { padding-top: 0; }
#content .narration {  color: #6c490b; font-style: italic; line-height: 1.6em; }
#content h1 { margin-left: 260px;}

#content .columnize { }
#content .columnize .col1 { float: left; width: 255px; }
#content .columnize .col2 { margin-left: 245px; padding-left: 25px }
#content .columnize .end { clear: both; }

/* Footer */
#footer {  width: 100%; height: 77px; padding-top: 8px; background: #002199 url("images/footer_bg.png"); line-height: 14pt;}
#footer .inner { margin: 0 auto; padding-top: 12px; height: 65px; width: 960px; text-align: center; background: url("images/footer_honeycombs.png"); }
#footer, #footer a { color: #a47106; font-size: 11px;} 

/* List styling */
ul.bulleted  { padding-left: 40px; margin-bottom: 12px; }
ul.bulleted li { list-style-type: disc; padding-left: 2px; }

/* Form styling */	
fieldset { border: 1px solid #9F9F9F; background-color: #FCFCFC; margin: 0 auto; padding: 10px; width:525px;}
input[type="text"], input[type="password"], textarea { border: 1px solid #D3C66C; padding: 2px; font-size: 10.5pt; }
.aligned-form { line-height: 24pt; }
.aligned-form label { float: left; width: 120px; text-align: right; padding-right:10px; font-weight: bold; }
.aligned-form input { display: inline; }

.aligned-form br { clear: left; }
.aligned-form .r label { float: none; width: auto; padding: none; }
.aligned-form .r input { width: auto; border: auto;}

.square-form { margin-top: 25px; line-height: 13px; margin-left: 150px;}
.square-form.section { margin: 0 0 5px 0px; }
.square-form .w350 { width: 350px; }
.square-form .w430, .square-form.w430 { width: 430px; }
 
.square-form input { float: right; }
.square-form br { clear: right;  }
.square-form label { display: block; margin: 4px 3px 0 0; color: #6c490b; }
.square-form input { margin-top: 0px; }
.square-form input.first { margin-top: -3px;}
.square-form .w350 textarea { width: 346px; margin-top: 5px;}
.square-form.w430 textarea { width: 426px; margin-top: 5px;}
.square-form .submit { float: none; }
.square-form .w350 .submit{ margin: 10px 0 0 125px;}

.checkbox-array { line-height: 22px;}
.website-link { display: none;}
.stacked-form input { margin-bottom: 10px;  }


/* Dividers */
.divider {  text-align: center; margin: 10px auto; height: 20px;}
.divider img { position: relative;}
.divider .line { width: 100%; height: 1px; position: relative; top: 10px; background-color: #f7cd20; }

/* Things */
.featured-property { color: #cdaf42; }
.featured-property img { border: 2px solid #a87609;}
.featured-property.tall { width: 222px;/*237*/ height: 263px;/*297*/ background: url("images/featured_property_tall_bg.png"); padding: 34px 0 0 15px; }
.featured-property.short { width: 182px;/*237*/ height: 159px;/*247*/ background: url("images/featured_property_short_bg.png"); padding: 44px 27px; }

.photo-gallery { width: 632px; /*682*/ height: 131px; /*236*/ background: url("images/gallery_bg.png"); margin: -25px 0 10px -4px; padding: 75px 30px 30px 20px;}
.photo-gallery .arrow, .photo-gallery .content { float: left; }
.photo-gallery .arrow { padding-top: 36px; }
.photo-gallery .content { margin: 0 10px; height: 125px; width: 531px; overflow: hidden; }
.photo-gallery .images { width: 10000px; height: 50px; }
.photo-gallery .images img { border: 2px solid #a87609;}

.faq .question { background: url("images/faq_bullet.png") no-repeat left center; padding-left: 20px; cursor: pointer; }
.faq .answer { padding-left: 42px; }


/* Page-specific selectors: */

#body-wrapper.index #content { margin-top: 0; padding-top: 45px;}
#body-wrapper.index #content .welcome { margin-left: 65px;}
#body-wrapper.index #nav-spacer { background: none;}
#body-wrapper.index #splash { height: 250px; }

#market-analysis-form { margin-left: 80px;}
#market-analysis-form label, #market-analysis-form .field-label { color: #6c490b;}
#market-analysis-form .section { margin: 5px 0 10px 35px; line-height: 12px; }
#market-analysis-form .submit { margin-left: 170px;}






/* Lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



#left-panel {
	position:relative;
	width:450px;
	float:left;
	margin-left:20px;
}

#right-panel {
	position:relative;
	width:202px;
	float:left;
	margin-left:10px;
	background:url(images/sidebar-middle_bg.jpg) repeat-y top left;
}

#right-panel-top {
	position:relative;
	width:202px;
	background:url(images/sidebar-top_bg.jpg) no-repeat top left;
}

#right-panel-bottom {
	position:relative;
	width:162px;
	padding:25px 20px 30px 20px;
	background:url(images/sidebar-bottom_bg.jpg) no-repeat bottom left;
	
	min-height:500px;
}


#blog-sidebar {
	color:#FFF2A9;
}

#blog-sidebar a {
	color:#FFF2A9;
}



.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}



img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar-blog ul, #sidebar-blog ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar-blog ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar-blog ul p, #sidebar-blog ul select {
	margin: 5px 0 8px;
	}

#sidebar-blog ul ul, #sidebar-blog ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar-blog ul ul ul, #sidebar-blog ul ol {
	margin: 0 0 0 10px;
	}

#sidebar-blog ul ol li {
	list-style: decimal outside;
}

#sidebar-blog ul ul li, #sidebar-blog ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar-blog #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar-blog #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


#sidebar-blog form {
	margin: 0;
	}
/* End sidebar-blog */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


.post h2 {
	font-size:30px;
	font-weight:normal;
	color:#371F04;
	line-height:1em;
	margin-bottom:5px;
}

.post h2 a {
	font-size:30px;
	font-weight:normal;
	color:#371F04;
	line-height:1em;
	text-decoration:none !important;
}

.post h2 a:hover {
	text-decoration:underline !important;
}

.postdate {
	color:#6B490B;
	font-size:20px;
	font-style:italic;
}

.post ul {
	list-style:disc;
	list-style-position:inside;
	margin-bottom:12pt;
}

.post ul li {
	list-style:disc;
	list-style-position:inside;
	margin-left:20px;
}

.post ol {
	list-style:decimal;
	list-style-position:inside;
	margin-bottom:12pt;
}

.post ol li {
	list-style:decimal;
	list-style-position:inside;
	margin-left:20px;
}





.post {
	background:url(images/hr.jpg) no-repeat center bottom;
	padding-bottom:30px;
	margin-bottom:20px;
}

#blog-sidebar h2 {
	color:#E6B301;
	font-size:20px;
	font-style:italic;
	font-weight:normal;
	line-height:1em;
	margin-bottom:5px;
}

#blog-sidebar ul {
	margin-bottom:15px !important;
}



.navigation {
	margin-bottom:10px;
}