/*
Theme Name: deCasa
Theme URI: http://themeshift.com/decasa
Description: Clean and elegant real estate theme by ThemeShift.com
Version: 0.9.2
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: 13px;
        line-height: 22px;
}

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

p, ul, ol, blockquote, address {
        margin: 0 0 10px 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: 30px 0 10px 0;
        clear: both;
}

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;
}

/** BOX2 (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;
}

/*      ##################################
        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: #fff 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;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
		/* Safari and Google Chrome only - fix margins */
		button {
			padding-right: 7px;
		}
		button span {
			margin-top: -1px;
		}
}

/*      ##################################
        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: 20px;
        left: 0px;
}

#site-description {
        position: absolute;
        bottom: 20px;
        left: 0px;
        width: 390px;
        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;
}

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

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

#language a {
        margin: 0 0 0 20px;
        font-weight: normal;
        text-decoration: none;
}

#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;
}

#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 10px 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;
}

.def {
        float: left;
        width: 400px;
        margin: 0 0 20px 0;
        clear: both;
}

.def dt {
        float: left;
        width: 200px;
        font-weight: bold;
        text-align: center;
        border-bottom: 1px solid #CCC;
        clear: both;
}

.def dd {
        margin: 0 0 0 210px;
        font-style: italic;
        text-align: center;
        border-bottom: 1px solid #CCC;
}

.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 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%;
}