/*
Theme Name: Zee Realty
Wordpress theme
Author: Kevin Stansell
*/


/* _Global Settings _ */
#fltright{
float: right;
margin: 0px 10px;
}

/* Fix the checkboxes for Contact_Form_7 */
span.wpcf7-list-item { display: block; }


/* _colur Settings _ */



.FPpos{border-bottom: 1px solid #e57100;}



/* =========================================== */
/*  Page Header                                */
/* =========================================== */

#header
{
	display: block;
	margin: 0 auto;
	width: 600px;

}

#header img
{
	float: left;
}

#header #phone
{
	float: left;
	color: #e57100;
	font-style:italic;
	font-size: 40px;
	text-align: center;
	margin: 30px;
}


/* =========================================== */
/*  Site Menu                                  */
/* =========================================== */

.sitemenu {
padding: 0px;
background: #1d1d1d;
border-top: 3px solid #555;
border-bottom: 3px solid #555;
}

.sitemenu ul{
	margin: 0 auto;
	width: 950px;
}

.sitemenu ul li{
list-style-type: none;
margin: 0px 0px 0px 12px;
float: left;
}

.sitemenu ul li a{color: #ccc;}
.sitemenu ul li a:hover{color: #e57100;}

.sitemenu ul li a{
text-decoration: none;
font-size: 14px;
font-weight: bold;
margin: 0px;
padding: 0px 10px 0px 10px;
line-height: 30px;
display: block;
}


/* =========================================== */
/*  Page Footer                                */
/* =========================================== */
#footer
{
	text-align: center;
	background: url(images/HousingRealtor.jpg) no-repeat center;
	height: 80px;
	margin-top: 30px;
}	




/* __Page Header__ */

#head{
float: left;
width: 415px; 
}

#page{}

#head h2{
font-size: 13px;
font-weight: bold;
margin: 6px 0 0 6px;
text-align: left;
}

#label{
padding-top: 10px;
float: right; 
}


#telbox
{
color: #e57100;
font-style:italic;
font-size: 40px;
text-align: center;
margin: 10px;
}

/* __Front page Slider __ */

#FPSwrap{
height: 311px;
background: url(images/slidebg.jpg) no-repeat center;
width: 100%;
}

#FPSinner{
margin: 0px 7px;	
width: 948px;
padding-top: 23px;
overflow: hidden;
}

#searchbar{
padding-top: 65px;
width: 344px;
float: left;
}

#searchbar ul{
margin: 0px 0px 0px 5px;
}

#searchbar ul li{
list-style-type: none;
margin: 0px;
padding: 0;
height: 51px;
}

#searchbar h4{
float: left;
width: 140px;
margin: 0px;
}

select#cat.postform, select.postform{
width: 140px;
background: #f4f4f4;
border: solid 2px #bfbfbf;
margin-top: 3px;
}

select.postform{
cursor: pointer;
}

input.stuur{
background: url(images/stuur.png) no-repeat center;
border: solid 0px #000;
padding: 2px 5px;
cursor: pointer;
}

#s3slider {
   width: 600px; /* important to be same as image width */
   height: 266px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   float: left;
}

#s3sliderContent {
   width: 600px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

li.s3sliderImage{
list-style-type: none;
margin: 0px;
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 12px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 600px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   display: none; /* important */
   top: 0;
}

#s4slider {
   width: 358px; /* important to be same as image width */
   height: 195px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   float: left;
}

#s4sliderContent {
   width: 358px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

ul#s4sliderContent{
margin: 0px;
}

.s4sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

li.s4sliderImage{
list-style-type: none;
margin: 0px;
}

.s4sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 12px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 358px;
   background-color: #000;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0.0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.0; /* here you can set the opacity of box with text */
   opacity: 0.0; /* here you can set the opacity of box with text */
   display: none; /* important */
   top: 0;
}

#featured{ 
width:946px; 
position:relative; 
height:286px; 
}

#featured .ui-tabs-panel .mask{
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 344px;
}

.spfrst {
float: right; 
font-weight: bold; 
font-size: 16px;
margin-right: 20px;
}

.spsec{
float: left; 
font-weight: bold; 
font-size: 16px
}

.spthrd{
padding-top: 25px; 
display: block; 
width: 300px;
} 

/* __Front page content__ */

#FPinner{	
}

#FPmaincontent{
}

.FPmaincontentheader{
width: 620px;
}

#FPmaincontentbody{
width: 620px;
}

.FPpos{
padding: 10px 0px 5px 0px;
width: 295px !important;
margin-bottom: 20px;
}

.FPpos li{
float: left;
width: 147px;
list-style-type: none;
margin-left: 0px;
text-align: center;
}

.FPpos li p{	
margin-bottom: 5px;
}

.FPpos p, #FPmaincontentbody p{
margin-bottom: 0px;
padding: 10px;
}

.FPpos a img{
float: right;
}

.FPimagetitle{
text-align: center;
font-size: 16px;
}

.FPimagetitle p{
margin: 0px;
font-weight: bold;
}

p.front{
height: 53px;
overflow: hidden;
}

.FPpropertyprice h5{
width: 100px;
float: left;
margin-top: 10px;
text-align: right;
margin-bottom: 5px;
}

.FPpropertyprice h1{
float: left;
margin-left: 10px;
margin-bottom: 5px;
}

.propdescription{
height: 83px;
}

/* __single page topbar __ */
#singletopbarwrap{
height: 116px;
background: url(images/singleheader.jpg) no-repeat center;
}

#singletopbarouter{
}


#singletopbarinner{
padding: 25px 0 0 10px;
}

#singletopbarinner ul{
margin: 0px;
}

#singletopbarinner ul li{
list-style-type: none;
margin: 0px;
float: left;
width: 290px;
height: 37px;
}

#singletopbarinner ul li.categories.catleft{
width: 305px;
}

#singletopbarinner ul li h4{
float: left;
width: 100px;
font-size: 16px;
margin: 0px;
}

#singletopbarinner ul li form{
float: left;
}

#singletopbarheading{
margin-bottom: 15px;
margin-left: 10px;
font-size: 22px;
font-weight: bold;
}

#singletopbarheading h1{
width: 940px;
text-align: center;
line-height: 34px;
margin: 0px;
}

#singletopbarprice{
padding: 30px 0 0 20px;
font-weight: bold;
float: left;
}

/* _footer_ */
#footerwrap{
height: 91px;
}

#footerouter{
height: 91px;
}

#footerinner{
margin: 15px 0 0 0;	
width: 950px;
height: 91px;
text-align: center;
}



/* __single post content__ */

#singlepostcontent{
padding: 10px 0px;
}

#thpost p{
text-align: justify;
padding: 10px 0 0 0;
}

.ftd{
height: 238px;
overflow: hidden;
}

#region{height: 400px;}

#singlepostcontent .ftd h3, h3.respond{
text-align: center;
border-bottom: 2px solid #E0E3E0;
margin-bottom: 10px;
}

#singlepostcontent .ftd ul{
list-style-type: none;
margin: 0px;
padding-bottom: 10px;
border-bottom: 2px solid #E0E3E0;
}

#singlepostcontent .ftd ul li {
margin: 0px 0px 4px 5px;
}

#singlepostcontent .ftd ul li a{
font-size: 15px;
line-height: 30px;
text-decoration: none;
}

input#submit{
background: url(images/submit.png) no-repeat center;
padding: 5px 40px;
border: 0px solid #fff;
cursor: pointer;
}

/* __single post content __ */
.nicetitle{
color: #fff;
height: 45px;
padding: 0px 0 0 15px;
font-size: 16px;
}

.nicetitle p {
padding-top: 8px;
margin: 0px;
}

.nicebody{
width: 300px;
padding-top: 5px;
}

.nicefoot{
height: 13px;
width: 300px;
margin-bottom: 5px;
}

.nicebody p{
padding: 0px 10px 5px 10px;
margin: 0px;
}

.nicebody a.bigbutton{
text-decoration: none;
text-align: center;
font-weight: bold;
font-style: italic;
font-size: 14px;
line-height: 28px;
border: 0px solid #fff;   
display: block;
padding: 0px;

}

.nicebody a{
text-decoration: none;
font-size: 14px;
}

.nicefooter{
background: url(images/nicefooter.jpg) no-repeat;
height: 14px;
}

/* __sidebar _ */

#sidebar{
margin-top: 10px;
}

#sidebar .title{
border-bottom: 1px dotted #cfcfcf;
margin: 0px 20px 0 10px;
}


#sidebar table{
margin: 0px 10px;
width: 280px;
text-align: center;
}

#sidebar table caption{
font-weight: bold;
}

#sidebar table th, #sidebar table tfoot  td a, #sidebar table tbody  td a,#sidebar table td#today{
font-weight: bold;
padding: 0px;
}

#sidebar ul {
	padding: 0px; 
	margin: 0px; 
}
#sidebar li {
	font-size: 14px;
	margin: 0px 11px;
	padding: 6px 0 0 18px;
	list-style: none;
	background: url(images/navigation-arrow.jpg);
	background-position: 0 11px;
	border-bottom: 1px solid #cccccc;
	background-repeat: no-repeat;
	font-weight: bold;
}

.about p span{
font-weight: bold;
}

.about p em{
border-bottom: 1px dotted #cfcfcf;
}

.about p{
text-align: justify;
}

/* __forms __ */

.nicebody form{
width: 280px;
margin: 0px auto;
}

.mort p{	
padding-bottom: 10px;
}

/* __pagination__ */
.pagination{
height: 33px;
text-align: center;
}

.pagination a{
text-decoration: none;
font-size: 13px;
width: 32px;
padding: 4px 11px 6px;
text-align: center;
line-height: 27px;
font-weight: bold;
}

.pagination a.current{
}

.pagination a.lst{
}

/* _comments___ */

#comments p{
margin-bottom: 5px;
}

ul.commentlist li{
list-style-type: none;
border-bottom: 1px solid #AFAFAF;
padding-bottom: 5px;
margin-bottom: 5px;
}

.meta h6{
float: right;
margin: 0px 10px 0 0;
padding-top: 15px;
}


h3.sngl{
padding: 15px 0 0 10px;
margin: 0px;
}

/* __newspages__ */

.newspage{
padding-top: 20px;
width: 960px;
}

.newspage img, .newsitem  img.left{
padding: 10px;
background: #f5f5f5;
border: 1px solid #D5D9D9;
}

.propimg{
padding: 10px;
background: #f5f5f5;
border: 1px solid #D5D9D9;
}

.newsitem {
	padding: 14px;
}


.newsitem  img.left{
margin-left: 10px;
margin-top: 10px;
}

#thepost{
padding: 10px;
}

.newsitem blockquote{
padding: 20px 30px;
display: block;
font-style: italic;
font-size: 14px;
}

.newsitem img{
float: left;
margin-right: 10px;
}

.title h2{
margin-bottom: 5px;
}

.newspage p, .newsitem p{
padding-top: 10px;
line-height: 19px;
}

ul.post-categories li{
margin: 0px;
padding: 0px;
}

.meta ul li{
margin: 0px;
padding: 0px;
list-style-type: none;
}

.meta ul li a{
text-decoration: none;
}

.meta .time {
margin-bottom: 20px;
}

.newspage {
padding-top: 20px;
}

.newspage .title{
border-bottom: 1px solid #8f8f8f;
}

/* =========================================== */
/*  Style for Images on Condo Page             */
/* =========================================== */
.condos_page_small
{
	float: left;
	position:relative;
	text-align: center;
	padding: 10px;
	width: 140px; 
}/* ie needs position:relative here*/
.condos_page_small img
{
	width: 140px;
	height: 140px;
}
.condos_page_small a:hover
{
	color: #fff;
}


.page_large 
{
	-webkit-transition: -webkit-transform .5s ease 0;
	-moz-transition: -moz-transform .5s ease 0;
	transition: transform .5s ease 0;

	color: #e57100;
	font-size: 2.2em;
	float: left;
	position:relative;
	text-align: center;
	padding: 10px;
	width: 220px;
	height: 220px;
	text-shadow: #000 2px 2px 1px;
}/* ie needs position:relative here*/

.page_small
{
	-webkit-transition: -webkit-transform .5s ease 0;
	-moz-transition: -moz-transform .5s ease 0;
	transition: transform .5s ease 0;

	color: #e57100;
	font-size: 1.5em;
	float: left;
	position:relative;
	text-align: center;
	padding: 10px;
	width: 140px;
	height: 140px;
	text-shadow: #000 2px 2px 1px;
}/* ie needs position:relative here*/

.page_large:hover, .page_large:focus, .page_large:active {
	color: #fff;
	z-index: 999;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}
.page_small:hover, .page_small:focus, .page_small:active {
	color: #fff;
	z-index: 999;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

/* =========================================== */
/*  Polaroid / Sideway Pictures                */
/* =========================================== */
.polaroid {
	float: right;
	display: block;
	margin: 50px;
	width: 358px;
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	transform: rotate(10deg);
	-webkit-transition: all 0.4s ease;
}
.polaroid:hover,
.polaroid:focus,
.polaroid:active {
	z-index: 999;
	-webkit-transform: rotate(0deg) scale(1.15);
	-moz-transform: rotate(0deg) scale(1.15);
	transform: rotate(0deg) scale(1.15);
}
	
.polaroid img {
	border: none;
	display: block;
}

/* =========================================== */
/*  Website Colors & Fonts                     */
/* =========================================== */

.greypage {
	background: #1d1d1d;
	margin: 20px 0 0 0;
	padding: 20px;
}

a {text-decoration: none;}

h1, h2, h3 {color: #fff;}

.nicebody a:hover, #sidebar table th, #sidebar table tfoot  td a, #sidebar table tbody  td a, #sidebar table td#today, .newsitem a, .rmore a, .meta a, .meta h5, #oops a, #singlepostcontent .ftd ul li a:hover{color: #e57100;}

a{color: #e57100;}

a:hover {color: #ffffff;}

#sidebar .title a{color: #b6b4b4;}
body {
background: #1d1d1d url(images/mybg.jpg) repeat-y center;
color: #b6b4b4;
}