/* - - - - - - - - - - - - - - - - - - - - -

Theme Name: Property Buying Wordpress Theme
Theme URI: http://www.successfulpropertysolutions.com.au/
Description: Buy Property Sell Property Australia
Author: Jaranen / HTMLID
Author URI: http://www.htmlid.com

Created :23.12.2014
Modified :23.12.2014

- - - - - - - - - - - - - - - - - - - - - */

/* global reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,
q,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* end of global reset */

/* ----- CSS ----- */

body{
background-image:url(images//body-bg.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#ffffff;
font-family: 'Open Sans', sans-serif;
}
/* ----- ID'S & CLASSES----- */
#container {
max-width:1024px;
padding:0 18px;
margin:0 auto;
}
#wrapper { 
width:100%; 
margin:40px auto;
background-color:#FFFFFF;
}
#header {
padding:20px 32px;
max-width:964px;
}
#header .logo {
max-width:441px;
float:left;
}
#header .logo img {
width:100%;
}
#header .navigation {
float:right;
text-transform:uppercase;
padding-top:80px;
}
#header .navigation ul {
float:right;
}
#header .navigation ul li {
float:left;
font-size:12px;
line-height:20px;
padding-left:12px;
background-image:url(images//navigation-ul-li-bcg.jpg);
background-repeat:no-repeat;
background-position:left center;
margin-left:6px;
}
#header .navigation ul .first-menu-item {
padding-left:1px;
background-image:none;
}
#header .navigation ul li a {
text-decoration:none;
color:#4a4a4a;
}
#header .navigation ul li a:hover {
color:#EC1185;
}
#header .navigation ul .current-menu-item a {
color:#EC1185;
}
#intro {
width:100%;
display:block;
margin-bottom:25px;
background-color:#e6e7e8;
overflow:hidden;
}
#intro img {
width:100%;
height:auto;
}
#intro .right1 {
max-width:660px;
float:right;
}
#intro .right {
width:66%;
display:block;
float:left;
}
#intro .left {
float:left;
width:33%;
overflow:hidden;
}
#content {
width:100%;
padding-bottom:20px;
}
#content .navigation {
padding:0 20px;
}
#content .boxes {
max-width:960px;
margin:0 auto;
padding-bottom:16px;
}
#content .boxes .box {
float:left;
width:270px;
text-align:center;
padding:10px 25px;
}
#content .boxes .box h4 {
color: #ed008a;
font-size:22px;
font-weight:300;
padding-bottom:12px;
}	
#content .boxes .box h4 a {
text-decoration:none;
color: #ed008a;
margin:0 auto;
display:block;
width:180px;
padding:2px 0;
border:1px solid #ed008a;
}
#content .boxes .box p {
font-size:14px;
color: #4a4a4a;
font-weight:300;
padding-bottom:12px;
}
#content .boxes .box p span {
color: #ed008a;
font-family: surrounding-bold;
}
#content .contact-info {
max-width:800px;
text-align:center;
margin:0 auto;
}
#content .contact-info p {
color: #ed008c;
font-size:14px;
font-weight:300;
}
#content .contact-info p a {
text-decoration:none;
font-weight:bold;
color: #ed008c;
}
#content .contact-info p a:hover {
text-decoration:underline;
}
#banner {
padding:14px 40px;
max-width:944px;
background-color:#ed008a;
text-align:center;
}
#banner p {
color:#FFFFFF;
font-size:16px;
padding-bottom:8px;
}
#banner h3 {
font-weight:bold;
color:#FFFFFF;
font-size:16px;
}
#footer {
width:100%;
border-top:10px solid #414143;
padding-top:15px;
background-color:#58595B;
}
#footer .fsb {
padding:0 15px 10px 15px;
margin:0 auto;
display:block;
max-width:930px;
}
#footer .f-box {
width:260px;
float:left;
margin:0 15px;
}
#footer .f-box h4 {
color:#FFFFFF;
font-size:18px;
line-height:26px;
margin-bottom:10px;
border-bottom:1px solid #6F7072;
font-weight:300;
}
#footer .f-box ul li {
padding-left:14px;
background-image:url(images//li-arrow-widget.png);
background-repeat:no-repeat;
background-position:left center;
color:#87888a;
font-size:13px;
font-weight:300;
margin-bottom:8px;
}
#footer .f-box ul li a {
text-decoration:none;
color:#87888a;
}
#footer .f-box ul li a:hover {
text-decoration:underline;
}
#footer .f-box p {
font-size:13px;
line-height:22px;
border-bottom:1px solid #6F7072;
color:#87888a;
}
#footer .f-box p a {
text-decoration:none;
color:#87888a;
}
#footer .f-box .social {
border-bottom:none;
padding-top:6px;
}
#footer .f-box .social span {
float:left;
margin-right:6px;
}
.bottom {
width:100%;
background-color:#414143;
padding:10px 0;
display:block;
}
.bottom p {
text-align:center;
color:#838486;
text-align:center;
font-size:12px;
}
/* ----- Page Css ----- */

#intro .right .text {
padding:10px 30px;
}
#intro .right .text p {
font-size:13px;
color: #4a4a4a;
padding-bottom:12px;
}
#intro .right .text p span {
color:#ed008a;
}
#intro .right .text ul li {
font-size:13px;
margin-bottom:3px;
padding-left:12px;
background-image:url(images//intro-ul-li-bcg.jpg);
background-repeat:no-repeat;
background-position:0 6px;
color: #4a4a4a;
}
#content .post-half {
background-image:url(images//post-half-border.jpg);
background-repeat:repeat-y;
background-position:center;
}
#content .post {
max-width:910px;
padding:0 10px;
margin:0 auto;
margin-bottom:10px!important;
}
#content .post .left {
width:48%;
float:left;
}
#content .post .right {
width:48%;
float:right;
}
#content .post p {
font-size:14px;
color: #4a4a4a;
padding-bottom:14px;
font-weight:300;
}
#content .post p span {
color:#ed008a;
}
#content .post p a {
color:#ed008a;
font-weight:bold;
}
#content .post .btn {
text-align:center;
width:180px;
font-size:20px;
line-height:24px;
font-weight:300;
color:#ed008a;
border:1px solid #ed008a;
margin:0 auto;
text-transform:uppercase;
text-decoration:none;
display:block;
margin-bottom:20px;
}
#content .post ul {
pading-bottom:12px;
list-style-type:disc;
padding-left:20px;
}
#content .post ul li {
font-size:14px;
margin-bottom:4px;
color:#ed008a;
}
#content .post h1 {
font-size:28px;
color:#ed008a;
font-weight:300;
padding-bottom:15px;
}
#content .post h2 {
font-size:26px;
color:#ed008a;
font-weight:300;
padding-bottom:10px;
}
#content .post h2 a {
text-decoration:none;
color:#ed008a;
}
#content .post h2 a:hover {
text-decoration:underline;
}
#content .post h3 {
font-size:22px;
color:#ed008a;
font-weight:300;
padding-bottom:15px;
}
#content .post h4 {
font-size:20px;
color:#ed008a;
font-weight:300;
padding-bottom:12px;
}
@media screen and (max-width: 965px) {
#header .logo {
float:none;
margin:0 auto;
}
#header .navigation {
padding-top:20px;
float:none;
max-width:460px;
margin:0 auto;
}
#header .navigation select {
width:100%;
height:30px;
line-height:30px;
font-size:16px;
color: #4a4a4a;
border:1px solid #c0c0c0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#footer .f-box {
width:80%;
float:none;
margin:15px auto!important;
}
}
@media screen and (max-width: 1024px) { 
#content .boxes {
max-width:920px;
padding:0 20px 18px 20px;
margin:0 auto;
display:block;
}
#content .boxes .box {
width:75%!important;
float:none;
margin:0 auto!important;
text-align:center;
padding:10px 25px;
}
}
@media screen and (max-width: 704px) {
#content .boxes .box {
width:100%;
}
#intro .left {
float:none;
width:100%;
margin-bottom:10px;
overflow:hidden;
}
#intro .right {
width:100%;
}
#content .post-half {
background-image:none!important;
}
#content .post .left {
width:94%;
float:none;
margin-bottom:10px;
margin:0 auto;
}
#content .post .right {
width:94%;
float:none;
margin:0 auto;
}
}
 


/* ----- SPECIAL CLASSES ----- */

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}