@import "http://www.suttonbayview.com/wp-content/themes/sutton/listings.css"; 

/*  
Theme Name: Sutton Bayview
Theme URI: http://www.suttonbayview.com
Author: Paul Sutton
Author URI: http://paulsutton.us


/* Global Styles*/
body {margin:0; padding:0; background:#322a22 url("includes/images/bg.png") repeat fixed left}
a {text-decoration:none; color:#5d4a1c}
a.nofx, a.nofx:hover, .nofx, .widget a.nofx, .widget a.nofx:hover, .widget .nofx{background:none; border:none; text-decoration:none; padding:0; margin:0}
.slide {width:554px!important; height:200px; display:block; padding:0; margin:0 0 15px 0}
div.crumb {color:#afaa99; font-size:10px; text-transform:uppercase; font-weight:600; border-bottom:1px solid #d3cdb9}
div.crumb a {font-size:10px; text-transform:uppercase; font-weight:600; color:#6f674c; text-decoration:none}
input#s {width:175px}
h2.search {margin-top:25px}
table {border-collapse:collapse; border-spacing:0}
.pad-right-10 {padding-right:10px}
.pad-left-10 {padding-left:10px}
.pad-top-10 {padding-top:10px}
.pad-bottom-10 {padding-bottom:10px}
a.thumb img {float:left; background-color:#eeebe1; border:1px solid #c0baa4; padding:5px; margin:0 5px 10px 0}
.widget p, .widget p a {color:#fff}

/* agent list page*/
.agent-meta {font-size:10px; text-transform:uppercase; letter-spacing:1px; margin:0 0 10px 0; border-bottom:1px solid #d3cdb9; line-height:1.5}
ul.agent-stats {margin:0 0 5px 0; padding:0; font-size:11px}
ul.agent-stats li {list-style-type:none; display:inline; padding:0 2px 0 10px; margin-right:5px; background:#dfdac7 url('http://www.suttonbayview.com/wp-content/themes/sutton/includes/images/link_arrow.png') left center no-repeat}


/* homepage stuff*/
.map {background-color:#a59f8e; padding:5px}
.map.home {height:257px}
.half-box {width:270px; display:inline; padding:0; margin:10px 0}
.half-box h3 {background: url('includes/images/arrow-headings.gif') left center no-repeat; padding-left:25px; color:#312921; margin:0 0 5px 0}
.search select {width:200px}
.search form {padding-left:10px}
.box-it-up {background-color:#fffbef; border:5px solid #a59f8e; padding:5px 0 0 0}
.box-it-up p, .box-it-up h5  {line-height:1.2}
.box-it-up h5 {margin:0 10px}
.box-it-up p {padding:5px 0; margin:0 0 5px 0}

/* Call To Action*/
div#find-agent {float:right; display:inline; margin:55px 25px 0 0; padding:0; height:30px; width:auto}
div#find-agent a {background:transparent url('includes/images/icon-house.gif') left center no-repeat; padding:0; margin:0; display:block; text-indent:25px; color:#fff; font-weight:600}

/* Generic links */
.textlink {margin:0; padding:0 10px 2px 18px; background:#e9e2d0 url("includes/images/link_arrow_dark.png") no-repeat 5px 50%; text-decoration:none; color:#29221c; border:none}
.textlink:hover {background:#dfd8c4 url("includes/images/link_arrow_white.png") no-repeat 5px 50%}

.widget .textlink {margin:0; padding:0 0 0 12px; background:#4f4938 url("includes/images/link_arrow_white.png") no-repeat 0 50%; text-decoration:none; color:#af946d; border:none}
.widget .textlink:hover {margin:0; padding:0 0 0 12px; background:#4f4938 url("includes/images/link_arrow_white.png") no-repeat 0 50%; color:#e6e1cf;}

/* Links with images */
.imagelink {margin:0; padding:0; border:none; background:none; text-decoration:none; color:#29221c}
.imagelink:hover {background:none}

/* Layout */
.clear {clear:both; font-size:0px; line-height:0px; visibility:hidden; margin:0}
.container {display:block; width:100%; margin:auto}
.left {display:inline; float:left}
.right {display:inline; float:right}
.column {display:inline}

/* Wrapper */
#main-body {background:url("includes/images/bgtile.gif") repeat-x top}

/* Header */
#main-header {margin:auto; width:972px; height:156px; position:relative; background:url("includes/images/frame_top.gif") no-repeat bottom; display:block}
#main-header #logo {display:inline; float:left; margin:0 0 0 10px; padding:0; position:absolute; top:0px; left:0px; width:376px; height:98px; background:url("includes/images/logo.gif") no-repeat left center; text-indent:-9999px}

/* Main Content */
#main-upper-content {}
.content-bg {margin:auto; width:972px; background:url("includes/images/frame_body.gif") repeat top}

/* Page Navigation */
.page-navigation {display:block; margin:20px auto; padding:0; font-size:.9em}
.page-navigation a {color:#202830; text-decoration:none}
.page-navigation a:hover {border-bottom:1px solid #d3cdb9}
.page-navigation .left {padding:0 0 0 15px; background:url("includes/images/link_arrow_left.png") no-repeat left 50%}
.page-navigation .right {padding:0 15px 0 0; background:url("includes/images/link_arrow.png") no-repeat right 50%}

/* Typography */
body {font-family:Helvetica, "Arial", sans-serif; color:#5f5449; margin:0; padding:0; font-size:12px}
p {line-height:1.5}
table {font-size:inherit; font:100%}
pre,code,kbd,samp,tt{font-family:monospace; *font-size:108%; line-height:100%}
h1 {font-weight:500; font-family:'Georgia', Times, Serif; color:#312921; margin:.5em 0 0 0}
h2,h3,h4,h5,h6 {font-weight:900; font-family:Helvetica, Arial, "Lucida Grande", Verdana, sans-serif; margin:.5em 0 0 0}
.main-entry  h3 {background: url('includes/images/arrow-headings.gif') left center no-repeat; padding-left:25px; color:#312921}
.main-entry  h3 + p, .main-entry  h4 + p {margin-top:10px}

h1 {font-size:22px; line-height:1.25em}
h1 + p {margin:10px 0}
h2 {font-size:16px; line-height:1.2em}
h3 {font-size:14px; line-height:1.2em}
h4 {font-size:12px;line-height:1.2em}
h5 {font-size:11px; line-height:.9em}
h6 {line-height:.8em}
h2,h3,h4,h5,h6 {color:#312921; letter-spacing:-0.02em}
strong {font-family:"Arial Black", Gadget, sans-serif}
abbr,acronym {border-bottom:1px dotted #746c5d; cursor:help} 
em {font-style:italic}
blockquote,ul,ol,dl {margin:1em}
ol,ul,dl {margin-left:2em}
ol li {list-style:decimal outside}
.main-entry ol li {line-height:1.5}
ul li { list-style: disc inside}
dl dd {margin-left:1em}
caption {margin-bottom:.5em; text-align:center}
p,fieldset,pre {margin-bottom:1em}
.excerpt {font-size:1.2em; font-weight:normal; line-height:1.5em; color:#202830}
embed {display:block; margin:0 auto 1em auto; padding:0}

/* Main Entry */
.main-entry {display:block; width:541px; margin:0 0 40px 0}

/* markup */
pre,code,kbd,samp,tt{display:block; padding:20px; border:1px solid #cccccc; overflow:auto}

/* Lists */
.main-entry ul li {margin:0 0 5px 0; line-height:1.4em}

/* Block Quotes */
.main-entry blockquote, #listing-container blockquote {margin:20px 0 20px 0; padding:0; border-top:1px dotted #c9c2ac; border-bottom:1px dotted #c9c2ac; background:url("includes/images/quotes.gif") no-repeat 15px center}
.main-entry blockquote p, #listing-container blockquote p {margin:20px 0 20px 60px; padding:0; font-size:1.2em; line-height:1.5em; font-weight:500; color:#746c5d}
.main-entry blockquote cite {display:none; margin:0; padding:0; font-size:.9em}
.main-entry blockquote a.citelink {display:block; text-align:right; margin:0 ; padding:0; font-size:.8em; text-decoration:none; color:#CB4200; background:none}
.main-entry blockquote a.citelink:hover {text-decoration:underline; color:#CB4200; background:none}
.entry .date {display:block; float:left; margin:0; padding:0; width:75px; background:url("includes/images/date_bg.png") no-repeat top}
.entry .date .month-year {display:block; float:left; margin:56px 0 10px 0; padding:0; width:75px; text-align:center; font-weight:bold; font-size:.85em; color:#fff}

/* Columns - Left */
#column-left {margin:10px 40px 0 50px; width:554px; /*deal with the overflow*/overflow:hidden}

/* Columns - Right */
#column-right {margin:10px 30px 0 0; width:290px}

/* Search Form */
#search-3 .widget #searchform {display:block; margin:0; padding:0}
#search-3 .widget #searchform p {margin:0}
#search-3 .widget #s {margin:5px 0; width:70%}
#search-3 .widget #searchsubmit {margin:5px 0; width:25%}

/* Main Footer */
#main-footer {padding:0; width:972px; height:100px; background:url("includes/images/frame_footer.gif") no-repeat top}
#main-footer #disclaimer {margin:auto; padding:35px 0 0 0; width:870px; color:#ffffff; clear:both}
#main-footer #disclaimer p {font-size:.9em; line-height:1.5em}
#main-footer #disclaimer strong {font-weight:bold}

/* Copyright */
#main-copyright {padding:18px 0 150px 0; width:972px; height:41px; background:transparent url("includes/images/frame_copyright.gif") no-repeat top; color:#ffffff; font-size:.85em}
#main-copyright ul {margin:0 20px 0 20px; padding:0}
#main-copyright li {list-style:none; margin:0; padding:0 10px 0 15px; background:transparent url("includes/images/link_arrow.png") no-repeat left 50%}
#main-copyright #legal{background:none}
#main-copyright a {color:#ffffff; text-decoration:none}
#main-copyright a:hover {color:#ffffff; text-decoration:underline}

/* Comment-Styles */
h2.commh2{padding:0 0 5px; border-top:1px solid #d3cdb9; padding-top:13px}
ol.commentlist{margin:10px 0 20px; padding:0; list-style:none; font-size:12px; line-height:20px}
ol.commentlist p{margin-bottom:10px; line-height:20px}
ol.commentlist cite{font-style:normal; font-weight:bold}
ol.commentlist li{padding:20px 10px 10px 10px; background:#f7f4e9}
ol.commentlist li.alt{padding:10px 10px 0 10px !important; background:#ebe5d1; border:1px solid #d3cdb9}
input#submit {border:0px}
input,select,textarea{border:#d3cdb9 1px solid; font-size:11px; padding:2px}
#commentform textarea#comment, #commentform input {background-color:#f7f4e9; border:1px solid #d3cdb9}
input#submit {background-color:#b6b1a2; border:1px solid; border-color:#fbf8f3 #d3cdb9 #d3cdb9 #fbf8f3; color:#231f20}

/* Threaded Comment-Styles */
ol.commentlist p{padding:0px !important}
ol.commentlist .comment-meta{font-size:0.8em}
ol.commentlist li .avatar {float:left; border:1px solid #e0dac7; margin-right:10px}
ol.commentlist li{border:1px solid #d3cdb9; margin:10px 0 10px; padding:15px 10px 10px}
ol.commentlist li .even{background:#dfd8c4}
.commentlist li ul li {margin-left:10px; margin-right:-5px; list-style:none}
ol.commentlist li .reply {padding:0 0 5px 0}
#respond p{margin-bottom:30px; line-height:20px}

/* Post Meta */
.post-date {font-size:10px; text-transform:uppercase; letter-spacing:1px; margin:0 0 10px 0; border-bottom:1px solid #d3cdb9; line-height:1.5}

/* Navigation Bar*/
#navbar {display:block; float:left; margin:16px 5px 0 0; padding:0; width:960px; height:23px}
#page-bar {padding:0; float:right}
	
#page-bar ul {list-style:none; margin:0; padding:0}
#page-bar li{list-style:none; cursor:pointer; display:block; float:left; margin:0 1px; padding:0;
background:#736b5d;
border:1px solid #736b5d;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright: 3px;
-khtml-border-radius-top-left:3px;
-khtml-border-radius-top-right:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;}

#page-bar li:hover {background:#7f7768; border-bottom-color: #7f7768}
#page-bar li.current_page_item, #page-bar li.current{background:#a59f8e; border-bottom-color: #a59f8e}
#page-bar a,#page-bar a:visited{font-weight:600; font-size:12px; color:#fff; display:block; margin:0; padding:5px}
#page-bar a:hover,#page-bar a:active{text-decoration:none; display:block}

/* Dropdown Menus */	
#page-bar li li{float:left; width:auto; text-transform:none; margin:0; padding:0; border:none; font-size:11px; width:150px}
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {color:#fff; background:#7f7768; font-size:11px}
#page-bar li li a:hover, #page-bar li li a:active {color:#fff; background:#898071; font-size:11px}
#page-bar li ul{position:absolute; width:10em; left:-999em}
#page-bar li:hover ul{left:auto; display:block}
#page-bar li:hover ul,#page-bar li.sfhover ul{left:auto}

/* Sidebar/Widget Global*/
.widget {width:274px; background:#4f4938 url('includes/images/sidebar-bg-top.png') top no-repeat; margin:0 0 10px 0;}
.box-title, .box-title a {font-size:14px; color:#bbb5a4}
h3.box-title {text-shadow: 0 1px 1px #2c281b;}
.box-title a.toggle {float:right}
.box-title a.toggle.open {width:11px; height:11px; background:url('includes/images/toggle-plus.png') no-repeat}
.box-title a.toggle.close {width:11px; height:11px; background:url('includes/images/toggle-minus.png') no-repeat}

.widget ul {margin:10px 0; padding:0}
.widget ul li {background:#4f4938 url("includes/images/link_arrow.png") no-repeat 3px center; text-indent:10px; list-style-type:none; border-bottom:1px solid #686453; line-height:2; margin:0; padding:0 0 0 5px; display:block}
.widget ul li:hover {background-color:#5a5543}
.widget ul li a:hover {color:#c6c3b6}
.widget li ul li {background:none; border:none}

.widget .box-body p, .widget .box-body li, .widget .box-body li a{color:#fff; font-size:12px; font-weight:600}
.box-body p { line-height:1.2; padding:10px 0 0 0}
.widget .box-body p a.textlink, .widget .box-body p a.textlink:hover {background:url("includes/images/link_arrow.png") no-repeat 3px center; color:#fff; margin:0; padding:0 0 0 13px}
.box-top {padding:5px 10px 0 10px; height:15px}
.box-body {padding:10px 10px 0 10px}
.box-bottom {background:url('includes/images/sidebar-bg-bottom.png') bottom no-repeat; height:10px; padding:0 0 2px 0; margin:0}

/* tables */
table{border:1px solid #a6a08f; border-left:2px solid #a6a08f; margin:10px 0; width:100%; padding:0}
table thead td {background-color:#dfd8c4}
table thead p { font-size:13px; font-weight:700}
table p {margin:0; padding:5px}
table th {border:1px solid #a6a08f}
table td {padding:0; text-align:left; border-left:1px solid #a6a08f; border-bottom:1px solid #a6a08f; background:#f7f4e9}

/* Test Listings CSS 
.prop-thumb img {float:left; padding:5px; margin:0 5px 5px 0; border:1px solid #c0baa4; background-color:#eeebe1}
.propwassold {color:red; font-weight:bold}

.listing_thumbnail {
float:left;
padding-right:5px;
border:1px solid #333;
}
*/