/*
Theme Name: deCasa
Theme URI: http://themeshift.com/decasa
Description: Clean and elegant real estate theme by ThemeShift.com
Version: 0.9.1
Author: Simon Rimkus
Author URI: http://themeshift.com
Tags: clean, light, real estate, agents
*/

/*
        - GENERAL
                - RESET
                - BASIC HTML
        - BASIC LAYOUT
        - HEADINGS
        - LISTS
        - BOXES
                - BOX1 (FULL WIDTH)
                - BOX2 (1/3 WIDTH)
                - BOX2 (2/3 WIDTH)
        - BUTTONS
        - INPUTS
        - SEARCH PANEL
        - SEARCHFORM
        - HEADER
        - SUBHEADER HOME
        - CONTENT / SIDEBAR
        - SIDEBAR
        - SINGLE PROPERTY
                - CONTACTFORM
        - COMMENTLIST
        - COMMENTFORM
        - PROPERTY ARCHIVE
        - POST ARCHIVE
        - WP-PAGENAVI
        - FOOTER
        - WORDPRESS CSS
        - WIDGET CSS
        - CLEARING

/*        ##################################
           GENERAL
        ################################## */

/** RESET */

html, body, ul, ol, li, img, hr, input, dl, dt, dd, form {
        margin: 0px;
        padding: 0px;
        border: none;
        list-style: none;
}

/** BASIC HTML */

body {
        margin: 0px;
        padding: 0px;
        color: #4a4a4a;
        background: #f4fff2;
        font-family: Georgia,"Times New Roman",serif;
        font-size: 12px;
        line-height: 22px;
}

a {
        color: #4a4a4a;
        background: transparent;
}

p, ul, ol, blockquote, address {
        margin: 0 0 20px 0;
}

blockquote, address {
        padding: 0 0 0 40px;
        background: url(img/bg-blockquote.png) no-repeat left top;
        font-style: italic;
}

pre {
        display: block;
        margin: 0 0 20px 0;
        padding: 20px;
        border: 1px solid #e3ede1;
        font-family: "Courier New", Courier, serif;
        overflow: auto;
}

code {
        font-family: "Courier New", Courier, serif;
}

/*        ##################################
           BASIC LAYOUT
        ################################## */

#main {
        width: 980px;
        margin: 0 auto;
}

/*        ##################################
           HEADINGS
        ################################## */

h1, h2 {
        margin: 0 0 20px 0;
}

h3, h4, h5, h6 {
        margin: 0 0 10px 0;
}

.h2-section {
        padding-left: 25px!important;
        background: url(img/bg-h2-section.png) no-repeat 0px 8px;
}

#h2-featured {
        background: url(img/bg-h2-featured.png) no-repeat 0px 8px;
}

#h2-new {
        background: url(img/bg-h2-new.png) no-repeat 0px 10px;
}

#h2-archive {
        background: url(img/bg-h2-archive.png) no-repeat 0px 10px;
}

#h2-404 {
        background: url(img/bg-h2-404.png) no-repeat 0px 8px;
}

#h2-author {
        background: url(img/bg-h2-author.png) no-repeat 0px 8px;
}

#h2-page {
        background: url(img/bg-h2-page.png) no-repeat 0px 10px;
}

.h2-post {
        background: url(img/bg-h2-post.png) no-repeat 0px 10px;
}

#h2-comments {
        background: url(img/bg-h2-comments.png) no-repeat 0px 10px;
}

#h2-description {
        background: url(img/bg-h2-description.png) no-repeat 0px 8px;
}

#h2-gallery {
        background: url(img/bg-h2-gallery.png) no-repeat 0px 8px;
}

#h2-contact {
        background: url(img/bg-h2-contact.png) no-repeat 0px 10px;
}

#h2-location {
        background: url(img/bg-h2-location.png) no-repeat 0px 10px;
}


/*        ##################################
           LISTS
        ################################## */

#content ul, #content ol {
        padding: 0 0 0 20px;
}

#content ul li {
        list-style: disc;
}

#content li li {
        list-style: circle;
}

#content li li li {
        list-style: square;
}

#content ol li {
         list-style: decimal;
}

#content dt {
        font-weight: bold;
}

#content dd {
        padding: 0 0 0 20px;
}

/*        ##################################
           BOXES
        ################################## */

/** BOX1 (FULL WIDTH) */

.box1 {
        position: relative;
        padding: 20px 0 0 0;
        background: url(img/bg-box1-top.png) no-repeat left top;
}

.box1-left {
        float: left;
        width: 610px;
}

.box1-right {
        float: right;
        width: 310px;
}

.box1-con {
        padding: 0 18px;
        background: #fff;
        border-right: 1px solid #e3ede1;
        border-left: 1px solid #e3ede1;
}

.box1-con h2 {
        margin: 0 0 20px 0;
        padding: 5px 0 0 0;
        font-size: 18px;
        letter-spacing: 1px;
        text-transform: uppercase;
}

.box1-bot {
        height: 20px;
        background: url(img/bg-box1-bot.png) no-repeat left bottom;
        clear: both;
}

/** BOX2 (1/3 WIDTH) */

.box2 {
        position: relative;
        width: 300px;
        padding: 20px 0 0 0;
        background: url(img/bg-box2-top.png) no-repeat left top;
}

.box2-con {
        padding: 0 18px 1px;
        background: #fff!important;
        border-right: 1px solid #e3ede1;
        border-left: 1px solid #e3ede1;
}

.box2-con img {
        margin: 0 0 10px 0;
}

.box2-con h2 {
        margin: 0 0 10px 0;
        font-size: 14px;
}

.box2-bot {
        height: 20px;
        background: url(img/bg-box2-bot.png) no-repeat left bottom;
        clear: both;
}

/** BOX3 (2/3 WIDTH) */

.box3 {
        position: relative;
        width: 640px;
        margin: 0 0 20px 0;
        padding: 20px 0 0 0;
        background: url(img/bg-box3-top.png) no-repeat left top;
}

.box3-con {
        padding: 1px 18px;
        background: #fff;
        border-right: 1px solid #e3ede1;
        border-left: 1px solid #e3ede1;
}

.box3-con img {
        margin: 0 0 10px 0;
}

.box3-con h2 {
        margin: 0 0 10px 0;
        font-size: 14px;
}

.box3-bot {
        height: 20px;
        background: url(img/bg-box3-bot.png) no-repeat left bottom;
}

/** BOX4 (2/3 WIDTH) */

.box4 {
        position: relative;
        width: 640px;
        margin: 0 0 20px 0;
        padding: 20px 0 0 0;
        background: url(img/bg-box3-top.png) no-repeat left top;
}

.box4-con {
        padding: 1px 18px;
        background: #fff;
        border-right: 1px solid #e3ede1;
        border-left: 1px solid #e3ede1;
		font-size:10px;
}

.box4-con img {
        margin: 0 0 10px 0;
}

.box4-con h2 {
        margin: 0 0 10px 0;
        font-size: 14px;
}

.box4-bot {
        height: 20px;
        background: url(img/bg-box3-bot.png) no-repeat left bottom;
}


/*        ##################################
           BUTTONS
        ################################## */

.btn {
        display: block;
        float: left;
        width: auto;
        height: 30px;
        line-height: 30px;
        margin: 0px;
        padding: 0 0 0 20px;
        color: #fff;
        background: transparent url(img/bg-btn.png) no-repeat left top;
        letter-spacing: 1px;
        text-decoration: none;
        text-transform: uppercase;
        clear: both;
}

.btn span {
        display: block;
        height: 30px;
        line-height: 30px;
        padding: 0 20px 0 0;
        background: url(img/bg-btn-right.png) no-repeat right top;
}

.listing .the-more {
        margin-bottom: 0px;
}


/*        ##################################
           INPUTS
        ################################## */

.text, .select {
        height: 21px;
        padding: 7px 5px 0 5px;
        background: transparent url(img/bg-input.png) repeat-x left top;
        border: 1px solid #e3ede1;
        color: #4a4a4a;
        font-family: Georgia, "Times New Roman", serif;
        font-style: italic;
}

.select {
        height: 30px;
        padding: 7px 5px;
}

.submit {
        height: 30px;
        background: transparent;
        color: #fff;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 14px;
        letter-spacing: 1px;
        text-decoration: none;
        text-transform: uppercase;
}

button {
        height: 30px;
        line-height: 30px;
        margin: 0px;
        padding: 0 10px 0 0;
        background: transparent url(img/bg-btn-right.png) no-repeat right top;
        color: #fff;
        font-family: Georgia, "Times New Roman", serif;
        letter-spacing: 1px;
        text-align: center;
        border: 0px;
        overflow: visible;
}

button span {
        position: relative;
        display: block;
        height: 30px;
        line-height: 30px;
        margin: 0px;
        padding: 0 0 0 10px;
        background: url(img/bg-btn.png) no-repeat left top;
        text-transform: uppercase;
        white-space: nowrap;
}

button::-moz-focus-inner { /* fixing default firefox padding */
    padding: 0px;
    border: none;
}

/*        ##################################
           SEARCH PANEL
        ################################## */

#panel {
        margin: 0 0 30px 0;
}

#panel .box1-con {
        position: relative;
        height: 30px;
}

#panel #keyword-search {
        position: absolute;
        top: 0px;
        left: 20px;
}

#panel ul {
        position: absolute;
        top: 0px;
        right: 20px;
        margin: 0px;
}

#panel li {
        float: left;
        width: auto;
        display: inline;
        height: 30px;
        line-height: 30px;
        margin: 0 0 0 20px;
}

#panel label {
        display: block;
        float: left;
        width: auto;
        margin: 0 0 0 20px;
        padding: 0 10px 0 0;
        font-weight: bold;
}

#panel .select {
        width: 200px;
}

/*        ##################################
           SEARCHFORM
        ################################## */

#searchform {
        margin: 0px;
        padding: 0px;
        overflow: hidden;
}

#search-text {
        display: inline;
        width: 180px;
        margin: 0 10px 0 0;
}

#panel #search-text {
        width: 200px;
}

/*        ##################################
           HEADER
        ################################## */

#header {
        position: relative;
        height: 150px;
        margin: 0 0 30px 0;
}

#logo {
        position: absolute;
        top: 60px;
        left: 20px;
		font-size:50px;
}

#site-description {
        position: absolute;
        bottom: 20px;
        left: 0px;
        width: 350px;
        margin: 0px;
        text-align: center;
        font-size: 13px;
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: 1px;
}

#menu {
        position: absolute;
        right: 0px;
        bottom: 20px;
}

#menu li {
        float: left;
        width: auto;
}

#menu a {
        margin: 0 0 0 20px;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
}

#header .bar {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 8px;
        background: #4a4a4a;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        font-size: 1px;
}

#top-panel {
        position: absolute;
        top: 0px;
        right: 0px;
        font-size: 11px;
}

#top-panel-left {
        position: absolute;
        top: 0px;
        left: 0px;
        font-size: 11px;
}

#rss a, #login a {
        padding: 2px 0 2px 20px;
        line-height: 25px;
        text-decoration: none;
}

#rss a {
        background: url(img/bg-rss.png) no-repeat left center;
}

#login a {
        padding-right: 5px;
        background: url(img/bg-login.png) no-repeat left center;
}

/*        ##################################
           SUBHEADER HOME
        ################################## */

#subheader {
        margin: 0 0 30px 0;
}

/*        ##################################
           CONTENT / SIDEBAR
        ################################## */

#content {
        display: inline;
        float: left;
        width: 640px;
}

#sidebar {
        float: right;
        width: 300px;
}

#content h2, #sidebar h2 {
        margin: 0 0 20px 0;
        padding: 5px 0 0 0;
        font-size: 14px;
        letter-spacing: 1px;
        text-transform: uppercase;
}

/*        ##################################
           SIDEBAR
        ################################## */

#sidebar .box2 {
        margin: 0 0 20px 0;
}

#sidebar ul, #sidebar p {
        margin: 0px;
}

#sidebar ul {
        margin: -5px 0 0 0;
}

#sidebar li {
        padding: 5px 0;
        border-bottom: 1px dotted #e3ede1;
}

#sidebar li ul {
        margin: 5px 0 0 0;
        padding: 0 0 5px 20px;
}

#sidebar li li {
        margin: 0px;
        padding: 0px;
        list-style: disc;
        border: none;
}

#sidebar li li ul {
        margin: 0px;
        padding: 0 0 0 20px;
        border: none;
}

#sidebar li li li {
        list-style: circle;
}

#sidebar li li li li {
        list-style: square;
}

#sidebar li a {
        text-decoration: none;
}

/*        ##################################
           SINGLE PROPERTY
        ################################## */

.h2-property {
        background: url(img/bg-h2-property.png) no-repeat 0px 8px;
}

.price {
        float: right;
        width: auto;
        line-height: normal;
        font-size: 24px;
        font-weight: bold;
        text-align: right;
}

.price small {
        font-size: 10px;
        font-weight: normal;
}

.contact-link {
        font-size: 12px;
        font-weight: normal;
}

.meta {
        width: 340px;
}

.address, .details {
        float: left;
        width: 300px;
        margin: 0px;
}

.address dt, .details dt {
        float: left;
        width: 120px;
        padding: 0 0 0 20px;
        background: url(img/bg-dd-details.png) no-repeat left center;
        font-weight: bold;
        clear: both;
}

.address dd, .details dd {
        font-style: italic;
}

.description .box3-con {
        padding-bottom: 1px;
}

#property-location {
        overflow: auto;
}

#property-location .gsmsc-mapDiv {
    height : 350px;
}

#property-location .gsmsc-idleMapDiv {
    height : 350px;
    overflow: hidden!important;
}

#property-location #mapsearch * {
          margin: 0px!important;
          padding: 0px!important;
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 11px;
}

#property-location #mapsearch {
    width : 600px;
}

#property-location .gsmsc-controls,
#property-location div.gs-directions-to-from {
          display: none;
}

#property-photos img.photo {
        float: left;
        margin: 0px;
}

#property-photos img.photo-alt {
        float: right;
        margin: 0px;
}

#property-photos .space {
        height: 20px;
        line-height: 20px;
        clear: both;
}

/** CONTACTFORM */

#property-contact .avatar {
        float: left;
        width: auto;
        padding: 0 20px 20px 0;
}

#contactform label {
        display: block;
        float: left;
        width: 140px;
        font-weight: bold;
}

#contactform input.text {
        width: 448px;
}

#contactform textarea {
        width: 448px;
        height: 150px;
}

#contactform .captcha-img {
        float: left;
        width: auto;
        margin: 0px;
}

#contactform #contact_captcha {
        float: right;
        width: 328px;
}

#contactform #email {
        display: none;
}

#contactform .p-submit {
        margin: 0px;
}

.success {
        padding: 0 0 0 25px;
        background: url(img/bg-success.png) no-repeat 0px 5px;
}

.alert {
        margin: 0 0 0 140px;
        padding: 5px 0 0 20px;
        background: url(img/bg-error.png) no-repeat 0px 5px;
        clear: both;
}

/*        ##################################
           COMMENTLIST
        ################################## */

#commentlist, #commentlist ul {
        padding: 0px!important;
}

#commentlist li {
        padding: 0px!important;
        list-style: none!important;
}

#commentlist li ul {
        margin: 0 0 0 20px;
}

#commentlist .comment-bot {
        clear: both;
}

#commentlist .reply a {
        display: block;
        float: left;
        width: auto;
        height: 30px;
        line-height: 30px;
        margin: 0px;
        padding: 0 0 0 20px;
        color: #fff;
        background: transparent url(img/bg-btn.png) no-repeat left top;
        letter-spacing: 1px;
        text-decoration: none;
        text-transform: uppercase;
        clear: both;
}

#commentlist .reply a span {
        display: block;
        height: 30px;
        line-height: 30px;
        padding: 0 20px 0 0;
        background: url(img/bg-btn-right.png) no-repeat right top;
}

.comment-reply-link {
        text-decoration: none;
}

#commentlist .comment-meta {
        float: right;
        width: auto;
        margin: 0px;
}

#commentlist .avatar {
        float: right;
        width: auto;
        margin: 0 0 10px 10px;
}

#commentlist .depth-1 .box3 {
        width: 640px;
}

#commentlist .depth-2 .box3 {
        width: 620px;
        background: url(img/bg-comment-top-2.png) no-repeat left top;
}

#commentlist .depth-2 .box3-bot {
        background: url(img/bg-comment-bot-2.png) no-repeat left bottom;
}

#commentlist .depth-3 .box3 {
        width: 600px;
        background: url(img/bg-comment-top-3.png) no-repeat left top;
}

#commentlist .depth-3 .box3-bot {
        background: url(img/bg-comment-bot-3.png) no-repeat left bottom;
}

#commentlist .depth-4 .box3 {
        width: 580px;
        background: url(img/bg-comment-top-4.png) no-repeat left top;
}

#commentlist .depth-4 .box3-bot {
        background: url(img/bg-comment-bot-4.png) no-repeat left bottom;
}

#commentlist .depth-5 .box3 {
        width: 560px;
        background: url(img/bg-comment-top-5.png) no-repeat left top;
}

#commentlist .depth-5 .box3-bot {
        background: url(img/bg-comment-bot-5.png) no-repeat left bottom;
}

/*        ##################################
           COMMENTFORM
        ################################## */

#commentform {
        clear: both;
}

#h2-response {
        background: url(img/bg-h2-response.png) no-repeat 2px 10px;
}

#commentform p {
        text-align: right;
}

#commentform label {
        display: block;
        float: left;
        width: auto;
        font-weight: bold;
        text-align: left;
}

#commentform input.text {
        width: 75%;
}

#commentform textarea {
        width: 75%;
        height: 150px;
}

#commentform .p-submit {
        margin: 0px;
}

#cancel-comment-reply {
        float: left;
        width: auto;
        clear: both;
}

#cancel-comment-reply-link {
        padding: 0 0 0 10px;
        font-size: 12px;
        font-weight: normal;
        text-transform: none;
        letter-spacing: normal;
}

/*        ##################################
           PROPERTY ARCHIVE
        ################################## */

.listing {
        display: inline;
        float: left;
        width: 300px;
        margin: 0 40px 40px 0;
}

.alt {
        margin-right: 0px;
        clear: none;
}

h3.title-listing {
        margin: 0 0 5px 0;
        font-size: 14px;
}

h3.title-listing-2 {
        margin: 0 0 2px 0;
        font-size: 18px;
}

h4.title-listing-2 {
        margin: 0 0 2px 0;
        font-size: 14px;
}

h3.title-listing a {
        text-decoration: none;
}

h3.title-listing-2 a, h4.title-listing-2 a {
        text-decoration: none;
}

.details-listing {
        margin: 0 0 10px 0;
}

.price-listing {
        display: block;
        float: right;
        width: auto;
        font-weight: bold;
}

.location-listing {
        display: block;
        float: left;
        width: auto;
}

#author-header .avatar, .author .avatar {
        float: left;
        width: auto;
        margin: 0 20px 0 0;
}

/*        ##################################
           POST ARCHIVE
        ################################## */

.post-meta {
        margin: 20px 0 0 0;
        clear: both;
}

.post-meta p {
        margin: 0px;
}

.post-date {
        float: left;
        width: 290px;
}

.post-categories {
        float: right;
        width: 290px;
        text-align: right;
}

.post-tags {
        float: right;
        width: auto;
}

/*        ##################################
           WP-PAGENAVI
        ################################## */

.navi {
        clear: both;
}

.wp-pagenavi {
        position: relative;
        font-size: 14px;
}

.wp-pagenavi .pages {
        position: absolute;
        top: 0px;
        right: 0px;
}

.wp-pagenavi a, wp-pagenavi .current {
        padding: 0 5px;
        text-decoration: none;
}

.wp-pagenavi .current {
        font-weight: bold;
}

/*        ##################################
           FOOTER
        ################################## */

#footer {
        margin: 20px 0 0 0;
}

#footer p {
        line-height: 50px;
}

#legal {
        float: left;
        width: 480px;
}

#credit {
        float: right;
        width: 480px;
        text-align: right;
}

#footer .bar {
        height: 8px;
        background: #4a4a4a;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        font-size: 1px;
}

/*        ##################################
           WORDPRESS CSS
        ################################## */

.aligncenter,
div.aligncenter {
           display: block;
           margin: 0 auto;
}

.aligncenter {
        margin-bottom: 10px!important;
}

.alignleft {
           float: left;
           width: auto;
           margin: 0 10px 10px 0;
}

.alignright {
           float: right;
           width: auto;
           margin: 0 0 10px 10px;
}

.wp-caption {
        margin-bottom: 10px;
        padding-top: 4px;
        background: #f4fff2;
           border: 1px solid #e3ede1;
           text-align: center;
}

.wp-caption img {
           float: none;
           margin: 0px;
           padding: 0px;
           border: none;
}

.wp-caption p.wp-caption-text {
           padding: 0px;
          margin: 0px;
}

/*        ##################################
           WIDGET CSS
        ################################## */

#calendar_wrap table {
        width: 100%;
}

#calendar_wrap td {
        text-align: center;
}

#wp-calendar caption {
        margin: 0 0 10px 0;
        padding: 2px;
        border-bottom: 1px dotted #e3ede1;
}

#tag_cloud .box2-con {
        line-height: normal;
}

/*        ##################################
           CLEARING
        ################################## */

.clear {
        height: 0px;
        clear: both;
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}