/*
Theme Name: Key Team
Theme URI: http://wearealways.com
Description: 
Version: 
Author: 
Author 
Tags:

*/

* { margin: 0; padding: 0; }

html { height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { height: 100%; background: #dcccaa url(images/bg-a.jpg) repeat-x; font-size: 62.5%; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #555; font-family: Verdana,Geneva,sans-serif; line-height: 1.46; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.3em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #7d0000; text-decoration: underline; }
a:hover, a:focus, a:active { color: #000; text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#root { position: relative; width: 970px; margin: 0 auto; padding: 20px 0; }
 #top { position: absolute; left: -10px; top: 5px; z-index: 15; width: 214px; padding: 179px 0 0; }
  #logo { position: absolute; left: -7px; top: 0; }
   #logo a { display: block; overflow: hidden; width: 228px; height: 179px; background: url(images/logo-a.png) no-repeat; text-indent: -10001px; }
   * html #logo a { background-image: url(images/logo-a-ie.png); }
  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
  #top div.wrap { overflow: visible; width: auto; padding: 0 7px 12px; background: url(images/top-a.png) 0 100% no-repeat; }
  * html #top div.wrap { background-image: url(images/top-a-ie.png); }
   #top div.wrap h2 { position: static !important; overflow: hidden; width: 100%; height: 25px; margin: 0 0 2px; padding: 0; background: url(images/nav-intro.png) no-repeat; text-indent: -10001px; }
   #nav { list-style: none; margin: 0 0 4px; padding: 0; background: #fbefd5; }
    #nav li { margin: 0 0 2px; border: 1px solid #eac367; border-width: 0 1px 2px 2px; background: #fff; font-size: 1.4em; line-height: 1; text-transform: uppercase; }
     #nav li a { display: block; width: 175px; padding: 15px 0 10px 10px; text-decoration: none; }
     #nav li.current_page_item a,
     body.listing #nav li.page-item-23 a,
     body.blog #nav li.page-item-26 a,
     body.blogpost #nav li.page-item-26 a { width: 160px; padding-left: 25px; background: url(images/nav-active.gif) 10px 22px no-repeat; }
     #nav li em { position: absolute; left: -10001px; top: -10001px; }
  #connect { text-align: center; }
   #connect p.search { margin: 0 0 5px; font-size: 1.8em; }
    #connect p.search a { display: block; overflow: hidden; width: 190px; height: 38px; margin: 0 auto 10px; border: 1px solid #e2c06d; background: url(images/button-a.png) no-repeat; color: #fff !important; line-height: 35px; text-transform: uppercase; text-align: center; text-decoration: none !important; }
    #connect p.search a:hover,
    #connect p.search a:focus,
    #connect p.search a:active { background-position: 0 -38px; }
   #connect p { color: #7f3333; font-size: 1.8em; }
   #connect ul { overflow: hidden; list-style: none; width: 100%; margin: 0 0 10px; padding: 0 0 12px; background: url(images/top-connect-sep.jpg) 50% 100% no-repeat; }
    #connect ul li { display: inline; float: left; margin: 0 0 0 20px; }
    #connect ul li.twitter { margin-left: 45px; }
     #connect ul li a { overflow: hidden; float: left; width: 22px; height: 23px; background: url(images/top-socials.png) no-repeat; text-indent: -10001px; }
     #connect ul li.twitter a { background-position: 0 0; }
     #connect ul li.facebook a { background-position: -22px 0; }
     #connect ul li.email a { background-position: -44px 0; }
 #content { width: 784px; margin: 0 0 0 auto; padding: 11px 0 0; background: url(images/content-a.png) no-repeat; }
 * html #content { background-image: url(images/content-a-ie.png); }
  #content div.content-inner { width: 750px; padding: 0 17px 1px 17px; background: url(images/content-b.png) repeat-y;  }
  * html #content div.content-inner { background-image: url(images/content-b-ie.png);  }
 #footer { position: relative; width: 784px; height: 100px; margin: 0 0 0 auto; padding: 13px 0 0; background: url(images/footer.png) 0 100% no-repeat; }
 * html #footer { background-image: url(images/footer-ie.png); }
  #footer div.vcard { position: absolute; left: 205px; top: 38px; }
   #footer div.vcard h3 { position: absolute; left: -140px; top: 0; overflow: hidden; width: 106px; height: 35px; margin: 0; padding: 0; background: url(images/logo-b.png) no-repeat; text-indent: -10001px; }
    #footer div.vcard h3 a { display: block; width: 100%; height: 100%; }
   #footer div.vcard p { margin: 0 0 5px; }
  #footer p.author { position: absolute; right: 60px; top: 42px; }
   #footer p.author a { display: block; overflow: hidden; width: 124px; height: 9px; margin: 5px 0 0; background: url(images/logo-author-a.png) no-repeat; text-indent: -10001px; }
   
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { color: #7f3333; }
h1 { font-size: 2.8em; }
h2 { font-size: 2.2em; }
h3 { font-size: 1.9em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

h1.a { margin: 0 -10px 15px; padding: 6px 40px 10px; background: #7f3333; color: #fff; }
 h1.a strong { text-transform: uppercase; }
h4.b { margin: 0; color: #272727; font-size: 1.3em; }
h1.c, h2.c, h3.c, h4.c, h5.c, h6.c { margin: 0 0 10px; background: url(images/header-c-bg.gif) -2px 60% repeat-x; font-size: 1.2em; text-transform: uppercase; text-align: center; }
 h1.c span, h2.c span, h3.c span, h4.c span, h5.c span, h6.c span { padding: 0 5px; background: #e9e0cf; color: #532d19; letter-spacing: 1px; }

/* containers */

div.cols-a { overflow: hidden; width: 100%; margin: 0 0 10px; }
 div.cols-a div.primary { float: left; width: 465px; padding: 20px 30px 10px; background: #f8f6f1; }
 div.cols-a div.secondary { display: inline; float: right; width: 200px; margin: 0 6px 0 0; }

div.single-a { margin: 0 0 10px; padding: 20px 30px 10px; background: #f8f6f1; }

/* containers */

div.about-a { overflow: hidden; width: 100%; }
 div.about-a h2 { margin: 0 0 10px; }
 div.about-a p { font-size: 1.3em; line-height: 1.5; }
 div.about-a p.contact { font-size: 2em; }
  div.about-a p.contact strong { display: block; margin: 0 0 2px; color: #7f3333; font-size: 0.8em; }
  div.about-a p.contact a { color: #555; }

div.excerpt-a { margin: 0 0 15px; }
 div.excerpt-a h4 { margin: 0 0 5px; color: #1f1f1f; font-size: 1.3em; font-weight: bold; }
  div.excerpt-a h4 a { color: #1f1f1f; text-decoration: none; }
 div.excerpt-a p { margin: 0 0 5px; }

div.featured-a {  }
 div.featured-a h4 { float: right; margin: 5px 10px 0 0; color: #532d19; font-size: 1.4em; text-transform: uppercase; }
 div.featured-a p.image { margin: 0 0 10px; }
 div.featured-a div.split { position: relative; overflow: hidden; width: 100%; margin: 0; padding-bottom: 0px; }
  div.featured-a div.split div.one { float: left; width: 265px; }
   div.featured-a div.split div.one a.more { padding: 5px 20px; }

  div.featured-a div.split div.two { float: right; width: 180px; }
   div.featured-a div.split div.two a.more { width: 173px; text-align: center; }
   div.featured-a div.split div a.more { position: absolute; bottom: 0; display: block; padding: 5px 0; border: 1px solid #e2bf6c; background: #7f3333; color: #fff; text-decoration: none !important; }
   
   div.featured-a div.split div.one a.more { position: relative; bottom: 0; display: inline; }
   
   div.featured-a div.split div a.more:hover,
   div.featured-a div.split div a.more:focus,
   div.featured-a div.split div a.more:active { border-color: #7f3333; background-color: #e2bf6c; color: #502119; }

   div.featured-a div.buttons { width: 465px; }
   div.featured-a div.buttons a.more { position: relative; bottom: 0; display: inline; padding: 5px 20px; border: 1px solid #e2bf6c; background: #7f3333; color: #fff; text-decoration: none !important; margin-right: 15px;}
  div.featured-a div.buttons a.ebrochure { margin-right: 0px;}
  
   
   
div.paging-a { overflow: hidden; width: 100%; height: 100px; }
 div.paging-a p { float: left; padding-right: 20px; color: #772626; font-size: 1.4em; text-transform: uppercase; }
 div.paging-a ul { float: left; list-style: none; margin: 0; padding: 0; }
  div.paging-a ul li { float: left; margin: 0 0 0 5px; font-size: 1.3em; line-height: 1; }
   div.paging-a ul li a { float: left; padding: 3px 4px 4px; text-decoration: none; }
   div.paging-a ul li a.active { padding: 2px 3px 3px; border: 1px solid #772626; }
   div.paging-a ul li.step a { width: 13px; height: 14px; margin: 4px 0 0; padding: 0 !important; border: none !important; background: url(images/paging-a-steps.png) no-repeat; text-indent: -10001px; }
   div.paging-a ul li.step a.next { background-position: -13px 0; }


div.paging-wrap {  margin: 0 auto; width: 350px;}

div.property-a { }
 div.property-a div.top { position: relative;}
  div.property-a div.top p.image { float: left; margin: 0 -233px 0 0; }
  div.property-a div.top p { margin: 0 0 15px 270px; }
  div.property-a div.top p.price { font-size: 1.8em; }
  div.property-a div.top ul { margin: 0 0 15px 270px; }
  div.property-a div.top ul.actions { clear: both; position: relative; list-style: none; width: 100%; margin: 0 0 15px; padding: 10px 0 0; }
   div.property-a div.top ul.actions li.left { position: absolute; left: 0; top: 10px; }
   div.property-a div.top ul.actions li.center { position: relative; left: 129px; text-align: left; }
   div.property-a div.top ul.actions li.right { position: absolute; right: 0; top: 10px; }
 div.property-a div.more { }
  div.property-a ul.moreactions { overflow: hidden; list-style: none; width: 100%; margin: 0 0 15px; padding: 10px 0; border: 1px solid #d3d3d3; background: #ebebeb; }
   div.property-a ul.moreactions li { display: inline; float: left; margin: 0 0 0 20px; padding: 4px 0 4px 40px; background: url(images/property-a-moreactions.png) no-repeat; }
   div.property-a ul.moreactions li.tour { float: right; margin: 0 20px 0 0; background-position: 0 -48px; }

div.sep-a { overflow: hidden; height: 2px; margin: 0 0 15px; background: url(images/sep-a.jpg) 50% 0 no-repeat; }
 div.sep-a hr { position: absolute; left: -10001px; top: -10001px; }
div.sep-b { overflow: hidden; height: 2px; margin: 0 0 15px; background: url(images/sep-b.gif) -7px -7px repeat-x; }
 div.sep-b hr { position: absolute; left: -10001px; top: -10001px; }
div.sep-c { overflow: hidden; height: 2px; margin: 30px -30px 30px 0; background: #e9e0cf; }
 div.sep-c hr { position: absolute; left: -10001px; top: -10001px; }

div.sep-city { overflow: hidden; height: 3px; margin: 0px -30px 30px 0; background: #eac367; }
 div.sep-city hr { position: absolute; left: -10001px; top: -10001px; }



div.sidesep-a { overflow: hidden; height: 2px; margin: 0 0 15px; background: url(images/sidesep-a.jpg) 50% 0 no-repeat; }

div.story-a { margin: 0 0 15px; }
 div.story-a h3 { margin: 0 0 5px; color: #7f3333; font-size: 1.5em; }
  div.story-a h3 a { text-decoration: none; }
 div.story-a p { margin: 0 0 10px; }
 div.story-a p.date { margin: -5px 0 5px; font-size: 1.2em; }
 div.story-a p.image { margin: 0 0 5px; }
 div.story-a p.more { text-align: right; }

div.welcome-a { position: relative; z-index: 10; width: 100%; height: 406px; margin: 0 0 15px; }
 div.welcome-a div.inner { position: absolute; width: 703px; height: 355px; margin: -30px 0 0 -7px; padding: 38px 30px 43px 25px; background: url(images/welcome-a-bg.png) no-repeat; }
  div.welcome-a div.description { position: absolute; left: 160px; bottom: 0; width: 500px; padding: 25px 20px 20px 35px; background: #7f3333; color: #fff; }
   div.welcome-a div.description p { font-size: 1.5em; }
   div.welcome-a div.description h3 { color: #eac367; font-size: 2.8em; }

/* forms */



/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

/* lists */

ul.a { list-style: none; margin: 0 0 15px; padding: 0 0 0 20px; }
 ul.a li { margin: 0 0 15px; }
  ul.a li a,
  ul.a li strong { color: #5c2626; text-decoration: none; }

ul.b { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.b li {  }
  ul.b li strong { color: #5c2626; font-weight: normal; }

ul.c { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.c li { margin: 0 0 5px; }
  ul.c li strong { color: #5c2626; font-weight: normal; }

ul.badges-a { list-style: none; margin: 0; padding: 0; }
 ul.badges-a li { width: 100%; margin: 0 0 15px; }
  ul.badges-a li a { display: block; overflow: hidden; width: 199px; height: 116px; background: url(images/badges-a.png) no-repeat; text-indent: -10001px; }
  ul.badges-a li.guide a { background-position: 0 0; } ul.badges-a li.guide a:hover, ul.badges-a li.guide a:focus, ul.badges-a li.guide a:active { background-position: 0 -116px; }
  ul.badges-a li.search a { background-position: -199px 0; } ul.badges-a li.search a:hover, ul.badges-a li.search a:focus, ul.badges-a li.search a:active { background-position: -199px -116px; }
  ul.badges-a li.listing a { background-position: -398px 0; } ul.badges-a li.listing a:hover, ul.badges-a li.listing a:focus, ul.badges-a li.listing a:active { background-position: -398px -116px; }

/* paragraphs */

p.cta-a { margin: 25px 0 30px; padding: 15px 10px; border: 1px solid #d3d3d3; background: #ebebeb; font-size: 1.3em; line-height: 1.85; text-align: center; }

p.highlight-a { color: #7f3333; font-size: 1.5em; }

/* links */

a.a { display: -moz-inline-stack; display: inline-block; padding: 2px 15px 4px; border: 1px solid #e2bf6c; background: #7f3333; color: #fff; text-decoration: none !important; }
* html a.a { display: inline; zoom: 1; }
*:first-child+html a.a { display: inline; zoom: 1; }
a.a:hover,
a.a:focus,
a.a:active { border-color: #7f3333; background-color: #e2bf6c; color: #502119; }

/* other */

img.a { border: 4px solid #d5bd93; }

/* helpers */

.wrap { overflow: hidden; width: 100%; }

.left { display: inline; float: left; margin: 0 15px 10px 0; }
.right { display: inline; float: right; margin: 0 0 10px 15px; }

.center { text-align: center; }
 
/* SPECIFIC
------------------------------------------- */
textarea#comment { width: 460px; }
body.page-template-inner-editable-full-width-php div.primary { width: 690px; }

a.thumb img { border: 4px solid #D5BD93;}


/* SLIDER STUFF 
------------------------------------------ */

div.pane {
  clear:left;
  height:281px;
  margin:0;
  overflow:hidden;
  position:relative;
  width:466px;
}

div.elements {
  margin: 0;
  padding: 0;
  position: relative;
  
}

div.featured-cell {
  float: left;
  position: relative;
  height: 281px;
  width: 466px;
  margin: 0 0;
}


.paging-a ul li a { cursor: pointer; }


/* HOMEPAGE FEATURED */

div.split div.one,
div.split div.two {
  height: 110px;
}


body.the-team .about-a p.para {
  margin-left: 256px;
}

body.blog .secondary ul.c li {
  margin-top: 12px;

}

body.home .two p {
  margin-top: 15px;


}


body.listing div.very-top p{

  margin: 0 0 15px 0;

}

body.listing .city-heading {
  margin-bottom: 0px;
  text-transform: uppercase;
}

div.property-a div.very-top ul.actions li.center { left:75px; }
div.property-a div.very-top ul.actions li.right { left:196px; }



body.listing div.top div.badge {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 225px;
  height: 150px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}


body.listing .New-Listing .badge {  background-image: url(images/new-listing.png);}
body.listing .Price-Reduced .badge {  background-image: url(images/price-reduced.png);}
body.listing .Under-Contract .badge {  background-image: url(images/under-contract.png);}
body.listing .Sold .badge {  background-image: url(images/sold.png);}
body.listing .Pending .badge {  background-image: url(images/pending.png);}

