/**********************************************************************************************

	CSS on Sails
	Title: Site Name
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: June 2009

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Sidebar
			2.6 Footer

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, 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: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

ol#accessibility-nav, 
.hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
#navigation ul:after,
.inner:after,
.listings:after,
.listings li:after,
.links:after,
#footer .inner:after,
.container:after,
ol.contactform li:after,
.entry dl.location:after,
.entry dl.description:after,
.prop:after,
.prop-top:after,
ol.contactform:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #e6e8e5 url(../images/bg-footer.png) repeat-x bottom left; color: #ccc; font: 62.5%/1.4 "Arial", "Helvetica", sans-serif; text-align: center; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a, a:visited { color: #50b30a; text-decoration: underline; }
a:hover, a:active { color: #50b30a; text-decoration: none; }


/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/

.container { text-align: left; font-size: 1.2em; }
#header, .container { background: #141e28; }
.inner { width: 850px; margin: 0 auto; padding: 20px 0 5px; }
#content { width: 415px; float: right; }
#sidebar { width: 432px; float: left; }
#content, #sidebar { margin-top: 50px; }
#footer { clear: both; }
body.page-template-listings-php #content,
body.page-template-listingpage-php #content,
body.single #content,
body.blog #content,
body.page-id-25 #content { width: auto; float: none; }
#content { position: relative; }
body.page-id-25 #sidebar { display: none; }

/* 2.2 Header
-----------------------------------------------------------------------------------------------*/

#header { margin-top: 50px; }
#header .jeff-kitchen,
#header .jeff-kitchen span { display: block; overflow: hidden; width: 298px; height: 81px; }
#header .jeff-kitchen { position: relative; }
#header .jeff-kitchen span { background: url(../images/bg-logo.png) no-repeat -59px -22px; position: absolute; top: 0; left: 0; z-index: 10; }
#header a.jeff-kitchen span { cursor: pointer; }

/* logo and call to actions */
#header .logo { float: right; width: 356px; height: 250px; background: url(../images/bg-logo.png) no-repeat; margin-top: 10px; padding: 22px 0 0 59px; position: relative; }
#header img { float: left; width: 417px; }
#header ul { position: absolute; top: 120px; left: 78px; font-size: 1.3em; }
#header ul a { display: block; width: 260px; height: 38px; line-height: 38px; color: #141e28; }
#header ul li { margin-bottom: 7px; }

/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/

#navigation { background: #50b30a; width: 100%; text-align: center; position: absolute; top: 0; left: 0; font-size: 1.7em; height: 50px; overflow: hidden; }
#navigation ul { width: 850px; margin: 0 auto; }
#navigation li { background: url(../images/bg-nav.png) no-repeat top right; float: left; text-transform: uppercase; }
#navigation a { display: block; padding: 0 19px 0 17px; color: #fff; font-weight: bold; text-decoration: none; line-height: 50px; height: 50px; }
#navigation a:hover { color: #141e28; }
#navigation li.page-item-27 { background: none; padding-right: 0; } 
#navigation li.current_page_item,
#navigation li.current_page_parent { background: none; }
#navigation li.current_page_item a,
#navigation li.current_page_parent a { background: #141e28; }
#navigation li.current_page_item a:hover,
#navigation li.current_page_parent a:hover { color: #fff; }

/* 2.4 Content
-----------------------------------------------------------------------------------------------*/

/* listings */
.listings { background: url(../images/bg-listing.png) no-repeat; width: 820px; height: 102px; margin: 0 auto 10px; padding: 13px 15px 12px; overflow: hidden; position: relative; }
.listings ul { margin-left: -317px; }
.listings .carousel { width: 740px; height: 102px; margin: 0 40px; position: relative; overflow: hidden; }
.listings li { float: left; margin: 0 7px; }
.listings .prev, .listings .next { position: absolute; width: 23px; height: 23px; overflow: hidden; left: 15px; top: 50px; }
.listings .next { right: 15px; left: auto; }
.listings .prev span, .listings .next span { position: absolute; top: 0; left: 0; display: block; cursor: pointer; width: 100%; height: 100%; overflow: hidden; }
.listings .prev span { background: url(../images/bg-listing-prev.png); }
.listings .next span { background: url(../images/bg-listing-next.png); }
.listings .prev { margin-left: 10px; }
.listings .frame span { position: absolute; top: 0; left: 0; background: url(../images/bg-listing-frame.png) no-repeat; z-index: 2; display: block; width: 100%; height: 100%; }
.listings .frame img { display: block; z-index: 1; }
.listings .frame { position: relative; width: 170px; height: 83px; }
.listings p { margin: 0 9px; font-weight: bold; font-size: .9em; text-align: center; } 
.listings a { font-weight: bold; }

/* links */
.links { width: 850px; margin: 0 auto; padding: 20px 0; }
.links li { float: left; width: 283px; }
.links li .image { float: left; width: 152px; }
.links li img { display: block; }
.links li .desc { float: left; width: 125px; }
.links li h3 { font-size: 1.4em; margin-bottom: 5px; color: #fff; }
.links li a { font-weight: bold; }
.links li p { padding-bottom: 5px; }

/* contact */
.contact-jeff { float: left; width: 417px; background: url(../images/bg-contact.png) no-repeat; padding: 0 0 0 15px; height: 263px; overflow: hidden; }
.contact-jeff h2, .post .contact-jeff h2 { font-size: 1.9em; color: #141e28; text-transform: uppercase; margin: 3px 0 15px; }
.post .contact-jeff h2 { padding-bottom: 0; }
.contact-jeff label { display: block; color: #333; cursor: pointer; margin: 0 0 3px; }
.contact-jeff input { width: 160px; border: 1px solid #999; background: #fff; padding: 2px 5px; font-size: 1em; }
.contact-jeff .submit input { width: auto; border: 0; background: none; padding: 0; }
.contact-jeff select { width: 172px; border: 1px solid #999; background: #fff; padding: 2px; font-size: 1em; }
.contact-jeff textarea { font-size: 1em; width: 182px; padding: 2px 5px; height: 115px; border: 1px solid #999; }
.contact-jeff p, .post .contact-jeff p { padding: 0 0 10px; }
.contact-jeff .contact-col { width: 170px; float: left; margin-right: 15px; }
.contact-jeff .contact-col-wide { width: 194px; margin-right: 0; }
.contact-jeff .contact-col-wide label { margin-bottom: 2px; }
.contact-jeff .contact-col-wide input { margin-top: 7px; }

/* intro */
.intro { float: right; width: 415px; margin-top: 4px; }
.intro h2 { color: #fff; text-transform: uppercase; font-size: 1.4em; margin-bottom: 15px; }
.intro p { padding: 0 0 15px; }
.intro p a { color: #fff; }

/* post */
.post h1 { color: #fff; font-size: 1.4em; margin-bottom: 15px; text-transform: uppercase; }
.post p, .post ol, .post ul, .post dl { padding: 0 0 15px; }
.pdf { padding-left: 20px; background: url(../images/ico-pdf.png) no-repeat 0 3px; }
.post ul li { list-style: disc; }
.post ol li { list-style: decimal; }
.post ul { margin-left: 13px; }
.post ol { margin-left: 14px; }
.post ul.docs { margin-left: 0; padding-bottom: 25px;  }
.post ul.docs li { list-style: none; }
.post h2 { font-size: 1.3em; font-weight: bold; margin: 0 0 5px; }
body.page-id-27 .contact-jeff { margin-top: 10px; }

/* contact form */
.post ol.contactform li { float: left; width: 420px; list-style: none; margin-bottom: 10px; overflow: hidden; height: 26px; }
.post ol.contactform li.select {  overflow: hidden;}
.post ol.contactform li.checkbox,
.post ol.contactform li.textarea { height: auto !important;}
.post ol.contactform { margin: 0; padding: 0; }
ol.contactform label,
ol.contactform .label { display: block; width: 175px; text-align: right; margin-right: 10px; font-weight: bold; float: left; margin-top: 4px; }
ol.contactform input, ol.contactform select { float: left; }
ol.contactform li input, ol.contactform li select { width: 215px; border: 1px solid #000; padding: 3px 5px; font-size: 1em; background: #fff; color: #333; }
ol.contactform li select { padding: 2px; width: 227px; }
ol.contactform li.checkbox { clear: left; width: auto !important;   margin-top: 10px; }
ol.contactform li.checkbox label { width: auto; margin: 0; display: inline; font-weight: normal; text-align: left; float: none; }
ol.contactform li.checkbox input { width: auto; float: none; padding: 0; margin: 0 5px 0 0; } 
ol.contactform li.checkbox div { width: 660px; float: left; }
ol.contactform textarea { float: left; width: 600px; height: 100px; padding: 3px 5px; font-size: 1em; }
ol.contactform li.textarea { width: 800px; }
.submitbtn { margin-left: 165px; }
span.wpcf7-not-valid-tip { width: 170px !important; color: #FF0000 !important; margin-top: 8px !important; font-size: 1em !important; margin-left: 5px !important; }
div.wpcf7-validation-errors { background: #fff !important; color: #FF0000 !important; font-weight: bold !important; text-align: center !important; }
div.wpcf7-mail-sent-ok { background: #fff !important; text-align: center !important; font-weight: bold !important; }
span.checkbox-wrap { display: block; float: left; width: 220px; }
input.submitbtn { clear: both; float: none; margin-left: 185px; }


.entry dl { background: url(../images/bg-dl.png) no-repeat bottom left; width: 402px; float: left; margin-right: 1%; padding: 0; margin: 0 15px 15px 0; }
.entry dt { color: #fff; font-weight: bold; }
.entry dd, 
.entry dt { padding: 3px 10px; text-align: right; float: left; }
.entry dd { margin-right: 0; width: 245px; text-align: left; }
.entry dt { clear: left; width: 115px; }
.entry dl.location, .entry dl.description { width: 815px; float: none; }
.entry dl.location { margin-top: 15px; }
.entry dl.location dt, .entry dl.description dt { }
.entry dl.location dd, .entry dl.description dd { width: 655px; }

/* listings */
.prop { padding: 15px; border: 1px solid #ccc; margin-bottom: 15px; }
.prop-image { position: relative; width: 324px; float: left; }
.prop-image .status { z-index: 2; display: block; background: #50b30a; color: #fff; font-weight: bold; top: 2px; right: 2px; position: absolute; text-transform: uppercase; padding: 10px 20px; font-size: 1.5em; }
.prop-image img { display: block; z-index: 1; border: 2px solid #50b30a; }
body.blog .ngg-widget, body.blog .ngg-widget-slideshow, body.blog .ngg-widget img { padding: 0; margin: 0; }
body.blog .ngg-widget img { border: 2px solid #50b30a; }
body.blog .prop-desc { float: right; width: 480px; }
p.small { color: #ccc; font-size: .9em; font-style: italic; }
.post h2 a { text-decoration: none; }
.post h2 a:hover { text-decoration: underline; }
.pagination { float: right; }
.back-to-properties a { display: block; background: #50b30a; padding: 10px 20px; text-align: center; width: 150px; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 1.2em; }
.back-to-properties { clear: both; margin: 15px 31px; float: right; }
body.single .prop-image img { padding: 4px; background: #141e28;border: 1px solid #50b30a; }
body.single .prop-image { margin-bottom: 20px; margin-right: 37px;float: right; }
body.single .prop-desc { float: left; width: 400px; font-size: 1.2em; }

/* 2.5 Sidebar
-----------------------------------------------------------------------------------------------*/

#sidebar .polaroid { margin-bottom: 15px; }
#sidebar .contact-jeff { margin-bottom: 15px; float: none; margin-bottom: 20px; }
blockquote { background: url(../images/bg-blockquote.png) no-repeat top left; padding: 0 25px 0 55px; font-family: georgia, "times new roman", times, serif; font-style: italic; font-size: 1.1em; line-height: 1.4; margin-bottom: 10px; }
blockquote p { padding: 0 0 10px; }
blockquote cite { font-family: "Arial", "Helvetica", sans-serif; font-size: .9em; font-style: normal; font-weight: bold; text-align: right; float: right; color: #bbb; }

/* 2.6 Footer
-----------------------------------------------------------------------------------------------*/

#footer { font-size: 1.2em; padding: 28px 0; }
#footer .inner { padding: 0; }
#footer, #footer a { color: #666; }
#footer ul { float: left; width: 550px; }
#footer li { float: left; background: url(../images/bg-footer-li.png) no-repeat center left; }
#footer li.page-item-8 { background: none; }
#footer li a { display: block; padding: 0 9px 0 10px; }
#footer li.page-item-8 a { padding-left: 0; }
#footer p { float: right; width: 250px; text-align: right; }