/*  
Theme Name: Kristen H Hughes
Theme URI: http://www.visualrhythm.net/
Description:  Custom Wordpress Theme for KristenHhughes.com
Version: 1.0
Author: Andrew Bergeron 
Author URI: http://www.visualrhythm.net/
*/



h1, h2, h3 {font-family:Arial, sans-serif; padding:0; margin:0; font-size:20px;}
#top h1{text-indent:-10000px;margin:0;padding:0;}
#khh h2{color:#fff;padding-top:212px;text-align:center;font-size:14px;}
.entry h2 {margin-left:10px;color:#757d58;}
.entry h6 {margin-top:10px;margin-left:10px;margin-bottom:10px;color:#757d58;font-size:20px;}
.entrysub h2 {color:#fff;padding:15px 15px 25px 15px; font-size:24px;letter-spacing: 3px;font-weight:normal;}
span{text-style:italic;}
p.h{margin:10px 30px 0 20px;}


a:link { text-decoration: underline; color: #757d58; border: none;}
a:active { text-decoration: none; color: #757d58; border: none;}
a:visited { text-decoration: underline; color: #757d58; border: none;}
a:hover	{ text-decoration: none; color: #757d58; border: none;} 

ul.nav2 li a,ul.nav2 li a:link,ul.nav2 li a:visited{text-decoration:none;color:#7d7d7d;float:left;display:block;margin:0 15px;height:24px;padding-top:3px;}
ul.nav2 li a:hover{color:#DEEAC5;text-decoration:none;background:url(img/nav_bg.gif) repeat-x left;}
ul.nav2 li a:active{color:#DEEAC5;text-decoration:none;background:url(img/nav_bg.gif) repeat-x left;}
ul.nav2 li.current_page_item a{text-decoration:none;color:#DEEAC5;background:url(img/nav_bg.gif) repeat-x left;}

#testimonials h1 {text-indent:-10000px;}
#testimonials h1 a,#testimonials h1 a:link,#testimonials h1 a:active, #testimonials h1 a:visited{background:url(img/testimonials.gif) no-repeat top;height:31px;width:170px;display:block;}
#testimonials h1 a:hover{background:url(img/testimonials_over.gif) no-repeat top;height:31px;width:170px;display:block;}


ul.nav2 li{float:left !important;list-style-type:none;margin:0;padding:0;}
ul.nav2 li ul{float:left;margin:0;padding:0;}

#nav_side{margin:-15px 0px 10px;width:161px;float:right;}
ul.nav_side{background:url(img/grey_sidebar.png) repeat-y;border-top:2px solid #c2c0b4;padding:8px 10px 10px 10px;;border-bottom:2px solid #c2c0b4;}
ul.nav_side li{border-bottom:1px dotted #7d7d7d;list-style-type:none;margin-top:3px;}
ul.nav_side li a,ul.nav_side li a:link,ul.nav_side li a:hover,ul.nav_side li a:visited{text-decoration:none;font-size:11px;}
ul.nav_side li a:hover{color:#fff;font-size:11px;}


body{font-family:Arial, sans-serif;font-size:13px;line-height:21px;margin:0;padding:0; color:#7d7d7d; background:#e5f0d0 url(img/bg.gif) repeat-x top left;}
#wrap{width:950px;margin:0px auto;background:url(img/head.gif) no-repeat top;}

#top{margin:0px auto;height:212px;}
#newsletter { float:right; position:absolute; width:186px; padding-top:104px; padding-left:570px; }
#newsletter h1{text-indent:-10000px;}
#newsletter h1 a,#newsletter h1 a:link, #newsletter h1 a:active, #newsletter h1 a:visited {background:url(img/newsletter.gif) no-repeat left;display:block;height:60px;width:186px;}
#newsletter h1 a:hover{background:url(img/newsletter_over.gif) no-repeat left;display:block;height:60px;width:186px;}

#livecam { float:right; position:absolute; padding-top: 104px; padding-left: 770px;}
#livecam h1 { text-indent: -10000px;}
#livecam h1 a, #livecam h1 a:link, #livecam h1 a:active, #livecam h1 a:visited { background:url(img/live_cam.gif) no-repeat left; display:block; height:60px; width:186px; }
#livecam h1 a:hover { background:url(img/live_cam_over.gif) no-repeat left; display:block; height:60px; width:186px; }

#nav{float:left;margin:0px 45px;padding-top:150px;width:950px;}
ul.nav2{float:left;list-style:none;font-size:14px;font-weight:500;margin:0px auto;padding:10px 0 0;height:26px;}

#main{float:left;background:url(img/main_bg.gif) repeat-y;margin:0px 11px;padding:0;}
#content{float:left;width:700px;margin:-15px 0 30px 30px;padding:0;background:none;}
#content.search,#content.property{margin-top:30px;}
.entry{float:left;margin:0px;padding:0px;overflow:hidden;}
.entrysub{float:left;width:700px;margin-top:12px;padding:0px;overflow:hidden;background:url(img/bluehead.png) no-repeat top;}
.entrysub p {margin-right:15px;}

#sidebar{float:right;width:170px;margin:0px 0px 0 0;padding-right:50px;background:none;}
#rsidebar{float:right;width:170px;margin:0;padding:0; overflow:hidden;}
#khh{margin-left:10px;padding:0px;background:url(img/khh.jpg) no-repeat;height:283px;}
#home_search{margin:15px 0px 15px 14px;background:url(img/house.gif) no-repeat left;text-align:right;padding-top:14px;height:33px;color:#ccc;font-size:17px;}
#testimonials{margin:0px 0 15px 5px;padding:0px;height:31px;width:170px;}

#footer,#crd{background:none;width:950px;clear:both;height:28px;margin:10px auto;padding:0;}
#crd {width:900px;font-size:10px;}

span.cap{color:#000;background:#b8c9b7;padding:3px;margin:6px;line-height:45px;}
.right{float:right;margin:10px 0 30px 30px;}
.left{float:left; margin:0 20px 30px 0;border:6px solid #adc5d7;}
.gallery{float:left; margin:0 20px 30px 0;}
.sideimg{margin-left:10px;margin-bottom:4px;}
input#s { color: #5188d2; width: 200px; border: 1px solid #cbcbcb; background:#fcfcfc;}

boxcomments{border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;width:580px;}
#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist :hover{background:#e7f9ff;}
ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2{margin:0;}
ol.tblist{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
ol.tblist li{display:block;list-style:none;background:#e7f9ff;padding-left:15px;margin:0 0 5px;}


#activelistings, #pendingsales, #soldlistings {clear: left;}
#activelistings{padding-top:15px;margin-left:20px;}

#gre_map_canvas {width: 300px;height: 300px;border: 1px solid black;}
#gre_map_multi {	width: 400px;height: 400px;border: 1px solid black;}

#gmap-info {
	padding: 0;
	margin: 0;
}
#gmap-info h3 {
	padding: 0;
	text-align: right;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
}

#gmap-info {
	float: left;
	padding-right: 5px;
}
.listing-thumb {
	float: left;
	padding-right: 10px;
}
#gmap-info p {
	text-align: left;
	vertical-align: top;
}

.adobe-reader img {
	padding-top: 5px;
	padding-left: 5em;
	padding-right: 5em;
}
#details{float:left;width:350px;margin:10px 15px 10px 0;}

.propdata {
float:left;	text-align: left;
	display: block;
	font-variant: small-caps;
	font-size: normal;
	border: 1px solid black;
	padding: 5px;
	margin: 5px;
	min-width:150px;
	
}
.propdata2 {
float:left;	text-align: left;
	display: block;
	font-variant: small-caps;
	font-size: normal;
	border: 1px solid black;
	padding: 5px;
	margin: 5px;
	min-width:400px;min-height:120px;
}

.propdata h3 {
	padding: 0px;
	margin: 0px;
}
.propdata-line div {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
}
.propfeatures {
	font-weight: bold;
	color: #34431d;
}
.page-propdata-box {float:left;
	margin-left: 10px;
	margin-bottom: 20px;
	background: #e2e2d9;
}
.page-blurb {
	font-weight: bold;
	color: #34431d;
	text-align: center;
	font-variant: small-caps;
	text-transform: capitalize;
}
.propdata h3 {
	font-style: italic;
}
.prop-box-featured em {
	font-size: smaller;
}

.wordtube {
	margin: 0 auto;
	padding: 10px;

}
#prophead{width:680px}
#prophead h2{}
#prophead h3{margin:10px 0;}

.propthumb{float:left;margin:0 10px 10px 0;}
.prop-box, .prop-box-avail {
	padding: 5px;
	margin: 10px 5px 5px 0;
}
.prop-box-avail {
	background: #e2e2d9;
	width: 380px;
	min-height: 200px;
	display: block;
}

.prop-box-avail h3{font-size:14px;margin-top:10px;}
.prop-box-avail h4{font-size:14px;margin:3px 0;}

.prop-box-avail h2, .prop-box-avail a,  {
	padding: 0px;
	margin: 0px;
}
.prop-box {
	background: #ddd;
	min-height: 80px;
	width: 300px;
	display: block;
	float: left;
	margin-right: 20px;
}
.prop-box h2, .prop-box a, .prop-box h3 {
	padding: 0px;
	margin: 0px;
}
.prop-box-featured {
	min-height: 80px;
	display: block;
	padding: 0px;
	margin: 0px;
}
.prop-float-container {
	width: 300px;
	display: inline;
}
.prop-box em {
	font-size: smaller;
}

.prop-thumb {
	float: left;
	padding: 0px;
	width:200px;
	margin-right: 5px;
	margin-bottom: 4px;
	display: block;
}
.propwassold {
	color: red;
	font-weight: bold;
}



/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; 
}

.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background: url(img/tabs.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    border: 1px solid #519e2d;
    padding: 10px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}