/* Stylesheet for mescutia.net
   Designed by Mike Escutia (http://mikeescutia.com/)
   Heavily revised and cleaned up in March 2006, also by Mike
*/

/* Global stuff */

body {
     padding:0px;
     margin-top: 0;
     font-family: georgia, "Lucida Grande", arial, helvetica, sans-serif;
     background: #eee;
}

p {
     font-size: 95%;
}

a { text-decoration:none; }
#content a:hover { text-decoration: underline; }

.imgleft {
     float: left;
     margin: 0 10px 10px 0;
}

.imgright {
     float: right;
     margin: 0 10px 10px 10px;
}

#page {
     width: 95%;
     margin:0px auto;
     padding: 0px;
     background: #fff url(images/banners/banner-stream.jpg) no-repeat top left;
          /* ensures that a logo image shows, even if the random header code is blocked by adblocking software */
     border: 1px solid #000;
}


/* The header, including the image-rotation script */

#header {
     height: 150px;
     background: url(images/banners/rotate.php) no-repeat top left;
     padding: 0;
}

#header h1 {
     display: none;
}

h1 {
     margin-top: 0;
     font-size: 150%;
     border-bottom: 1px solid #000;
     text-align: center;
     padding-top: 5px;
     margin-bottom: 15px;
}


/* CSS for navbar buttons */

ul#navbar {
     text-align: center;
     font: 90% verdana, arial, sans-serif;
     font-weight: bold;
     margin: 0;
     background: #01438F;
     padding: 3px 0;
}

ul#navbar li {
     display: inline;
     margin-left: 0;
     list-style: none;
     padding: 3px 10px 3px 10px;
}

ul#navbar li a {
     display: inline;
     color: #fff;
     text-decoration: none;
}

ul#navbar li a:hover {
     color: #fff;
     text-decoration: none;
}

ul#navbar li#currentpage {
     background: #1D75CD;
}

#subnav {
     text-align: right;
     font-size: 90%;
     margin-top: -5px;
     margin-bottom: 3px;
     background: #fff;
}


/* The content area */

#content {
     padding: 0;
//     margin-top: 0;
     background-color:#fff;
}


#content p {
     padding: 0 10px 0 0;
}
#content #text {
padding-left:10px;
}

#content h2 {
     font: 120% "Book Antiqua", arial, helvetica, sans-serif;
     font-weight: bold;
     margin-bottom: 4px;
     border-bottom: 1px solid #9CBAD2;
}

#content h3 {
     font-size: 110%;
     font-weight: bold;
     margin-bottom: 0;
}

#content .contenttop {
     margin-top: 0;
     padding-top: 10px;
}


/* The news section (non-homepage) */

#content #recentnews {
     margin-bottom: 10px;
     padding-bottom: 4px;
}

#content #recentnews h3 {
     padding-left: 10px;
     margin: 0;
}

#content #recentnews p.newsdate {
     padding-left: 10px;
     margin: 0;
     font-style: italic;
}

#content #recentnews p {
     margin-top: 0;
     margin-bottom: 0;
     padding: 0 10px;
}

#content #recentnews p.read {
     text-align: right;
     font-weight: bold;
}


/* Recent news section on homepage (will only appear if there are any current news items) */

body#Home #content #recentnews {
     margin-right: 160px;
     border-bottom: 1px solid #9CBAD2;
}

#content #recentnews h2 {
     margin-top: 0;
     padding-top: 10px;
}

#content #one {
     margin-top: 0;
     padding-top: 10px;
}


/* Left sidebar, within the content div */

#sidebar {
     float: left;
     width: 170px;
     margin: 2px 0;
     padding: 0;
     font: 90% Verdana, Lucida, Arial, sans-serif;
     background-color: #9CBAD2;
     color: #fff;
}

#sidebar h3, #sidebar p {
     margin: 0;
}

#sidebar h3 {
     padding: 2px;
     font-size:90%;
     font-weight: normal;
     background-color: #01438F;
     border-bottom: none;
}

form#propsearch p, form#quicksearch p, form#mlssearch p {
     padding: 5px;
     font-size: 90%;
}

form#propsearch p#proptowns option, form#quicksearch p#proptowns option {
     width: 130px;
}

form#mlssearch, form#propsearch, form#quicksearch {
     margin-bottom: 10px;
}

#sidebar #address {
     font-size: 80%;
     color: #000;
     padding: 5px;
}


/* The main search page */

form#propsearch select.townselect,
form#propsearch #price select.maxprice {
     margin-left: 20px;
}

#content #price h3 {
     margin-bottom: 0;
}

#content #price p {
     margin-top: 2px;
}


/* The featured properties page */

.pics {
     margin-bottom: 0px;
}

.addpics {
     margin: 0;
}

.addpics img {
     width: 70px;
     margin-right: 10px;
     margin-bottom: 10px;
}

.tourloc {
     font-size: 120%;
     text-align: center;
     font-weight: bold;
     margin: 0px;
}






/* For individual listings and listings on the featured properties page */
.listing {
     padding-top: 10px;
     margin-bottom: 20px;
}

.landlisting {
     padding-top: 10px;
     margin-bottom: 30px;
}

table.listingtop {
     width: 100%;
}

table.listingtop td {
     vertical-align: top;
}

table.listingtop td.housepics {
     padding-right: 10px;
}

#content p.mls {
     color: #fff;
     padding: 2px 0;
     margin: 0;
     background: #9CBAD2;
     border-top: 1px solid #9CBAD2;
     border-bottom: 1px solid #9CBAD2;
}

td.housepics .remarks {
     margin: 10px 0px;
     padding: 0px;
     clear: right;
}

.housepics h3 {
     margin: 5px 0 0 0;
}

table.listingtop td.mainpic {
     width: 210px;
     padding: 0;
}

.housepic {
     padding: 0;
     margin: 0;
}

.housepic img {
     width: 200px;
}

#content .remarks2 {
     padding-left: 0;
}


table.data {
     width: 100%;
     padding-bottom: 15px;
}

table.data h3 {
     margin-top: 0;
}

table.data td {
     vertical-align: top;
}

td.dataleft {
     width: 48%;
}

#content ul.livarea {
     list-style-type: disc;
     margin-top: 0;
     margin-bottom: 10px;
}

p.details, p.details2 {
     margin-top: 0;
}

p.details2 {
     margin-bottom: 0;
}

h3.features, h3.rooms {
     border-bottom: 1px solid #333;
}




/* Miscellaneous stuff */

#valid {
     text-align: center;
}

#valid a {
     padding: 0 20px;
}

#valid img, #weather img {
     border: 0;
}

#weather {
     float: right;
     margin: 0 0 10px 10px;
     border-left: 1px solid #000;
     border-bottom: 1px solid #000;
}

body#About p {
     padding-top: 0;
}

#content ul#buyersinfo li {
     margin-bottom: 5px;
}


/* The footer */

#footer {
  clear: both;
  font-size: 85%;
  line-height: 150%;
  background: #fff;
  text-align: left;
  padding: 7px;
  margin-top: 0px;
  margin-bottom: 0px;
  border-top: 1px solid #000;
}

#footer .memberleft {
  float: left;
  padding-bottom: 5px;
  margin: 0 2px 2px 0;
  vertical-align: top;
}

#footer .memberright {
  float: right;
  padding-bottom: 5px;
  margin: 0 0 2px 2px;
  vertical-align: top;
}

#footer .footertext {
  Margin-bottom: 0px
  padding:bottom: 0px;
  text-align: center;
}

#footer a { text-decoration: underline; }

#footer img {
     border: none;
}