/*
Theme Name: Villa Grande
Theme URI: http://themeforest.net
Villa Grande Wordpress theme
Author: Webson

*/

/* _Global Settings _ */

body {
margin:0; 
padding:0;
background: #f3f4f4;
color: #4f4f4f;
}

li {
	list-style-type:none;
}

p a{
color: #E2001A;/*#4f4f4f;*/
}

a{
color: #4f4f4f;
}

#fltright{
float: right;
margin: 0px 10px;
}

/* _color Settings _ */

h4 span, #FPmaincontentheader h2, #FPmaincontentheader h2, #singletopbarheading h1, #footerinner a, .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, .title h2 a:hover, #sidebar .title a:hover, #oops a, #singlepostcontent .ftd ul li a:hover{
color: #c00;
}

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

.sitemenu ul li.current_page_item a, .sitemenu ul li:hover a, #searchbar h4, input.stuur, .s3sliderImage span , .s4sliderImage span , #singletopbarinner ul li h4, .nicetitle, .nicebody a.bigbutton, .nicebody a.bigbutton:hover,
.nicebody .bigbutton, .pagination a, .pagination a.current, .pagination a.lst{
color: #fff;
}

#telbox h4, .rmore a:hover{
color: #000;
}

.FPpropertyprice h1{
color: #a1a1a1;
}

#singletopbarheading, #singletopbarprice{
color: #DFDFDF;
}

.nicetitle span{	
color: #b6b4b4;
}

#sidebar .title a{
color: #5f5f5f;
}

.about ul {
    list-style:none;
    margin:0;
    padding:0;
}
.about ul li {
    margin:0 0 0 15px;
    padding:0;
    clear:left;
	width:270px;
}

.about ul ul {
    margin:0 0 10px 15px;
    float:left;
    width:100%;
    padding:0;
}
.about ul ul li {
    float:left;
    clear:none !important;
	display:inline !important;
    margin:0 5px 0 0;
	width:auto;

}

.about ul ul li a {
    font-size:90%;
}
.about ul ul li a:after {
    content:',';
}
.about ul ul li:last-child a:after {
    content:'';
}



/* _Site Menu_ */

.mainmenu {
	border-bottom:5px solid #D0D0D0;
	clear:both;
	height:30px;
	background:transparent url(images/menu.jpg) repeat-x scroll 0 0;
}
.mainmenu ul{
    list-style:none;
    margin:0;
    padding:0;
	/*for centererd menu*/
	margin:0 0 0 100px;
}

.sitemenu {width:250px}


.sitemenu ul{
    padding: 0px;
    float: right;
	margin:0 0 10px;
}

.sitemenu h3{
    padding: 0px;
    float: right;
	margin:30px 0 0;
	width:130px;
	font-size:19px;
}

.sitemenu img{
    padding: 0px;
    float: left;
	margin:0;
}
.mainmenu ul li{
    list-style-type: none;
    float: left;
	border-right:1px solid #d0d0d0;
	background:transparent url(images/menu-divider.jpg) no-repeat scroll right top;
}

.mainmenu ul li:first-child {

border-left:1px solid #D0D0D0;

}

.sitemenu ul li{
    list-style-type: none;
    float: left;

}

.sitemenu ul li.current_page_item{
    /*background: url(images/menu-hover.jpg) repeat-x scroll 0 0;*/
	color:#454545;
}

.sitemenu ul li.current_page_item a{
    /*background: url(images/menu-hover.jpg) repeat-x scroll 0 0;*/
	color:#454545;
    font-weight: bold;
}

.mainmenu ul li a{
    color:#fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
	background:#55595C url(images/menu.jpg) repeat-x scroll 0 0;
    padding: 0 10px;
    line-height: 30px;
    display: block;
}

.mainmenu ul li:hover{
    background: url(images/menu-hover.jpg) repeat-x scroll 0 0;
}

.mainmenu ul li:hover a{
    background: url(images/menu-hover.jpg) repeat-x scroll 0 0;
}

.sitemenu ul li:hover a{
	color:#222;
	background:#f0f0f0;
}

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

/* __Page Header__ */

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

#page{
background: #fff;
}
#head h1 a {
    display:block;
    background:transparent url(images/logo.png) top left no-repeat;
    height:75px;
    text-indent:-1000em;
}

#head h1 {
    margin:0;
}
#head h2{
    font-size: 18px;
    font-weight: bold;
    margin: 0px;
    text-align: center;
}

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

#telbox{
margin-right: 10px;
background: #F3F4F4;
float: right;
}

#telbox h4{
padding: 10px;
font-size: 20px; 
margin: 0px;
border: 1px solid #CFCFCF;
}

/* __Front page Slider __ */

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

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

#searchbar{
/*padding-top: 65px;*/
padding-top:3px;
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;*/

background:#F4F4F4 none repeat scroll 0 0;
border:2px solid #F4F4F4;
margin-top:3px;
padding:1px;
width:140px;
}


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;
background: url(images/mask.png) no-repeat 0 0;
}

.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{	
background: #fff;
}

#FPmaincontentheader{
background: #fff url(images/maintop.jpg) no-repeat bottom;
height: 47px;
width: 620px;
margin-bottom:10px;
}

#FPmaincontentheader h2{
font-size: 18px;
padding: 15px 0 0 20px;
margin:  0;
}

#FPmaincontentheader h1{
font-size: 18px;
padding: 15px 0 0 20px;
margin:  0;
}

#FPmaincontentbody{
width: 620px;
margin-bottom:10px;
}

#FPmaincontentbodywide{
width: 955px;
}

.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{
border: 1px solid #D5D9D9;
text-align: center;
background: #f5f5f5; 
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;
font-family: Georgia, Helvetica, Courier-sans;
margin-bottom: 5px;
}

.propdescription{
height: 83px;
}

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

#singletopbarouter{
}


#searchbox .stuurbig {
    width:355px;
    height:70px;
}
#singletopbarinner{
/*padding: 25px 0 0 359px;*/

padding: 25px 0 0 0;

}

#singletopbarinner ul{
/*    margin: 0 0 0 359px; */
    float:right;
    width:600px;
}

#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 h4.thin{
width: 80px;
}
#singletopbarinner ul li select{
    float:left;

}


#singletopbarinner ul li form{
float: left;
}

#singletopbarheading{
margin-bottom: 15px;
margin-left: 10px;
font-size: 19px;
font-weight: bold;
float: left;
background: url(images/maintop2.jpg) no-repeat;
}

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

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

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

#footerouter{
min-height: 91px;
border-top:5px solid #D0D0D0;
}

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



/* __single post content__ */

#singlepostcontent{
background: #fff;
padding: 10px 0px;
}

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

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

#region{
border: 5px solid #E0E3E0;
height: 294px; 
}

#singlepostcontent .ftd h3, h3.respond{
text-align: left;
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 {
padding-left: 40px;
background: url(images/mark.jpg) no-repeat top left;
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{
width: 300px;
height: 45px;
background: url(images/nicetop.jpg) no-repeat;
font-size: 16px;
text-align:left;
margin:0 auto;
}

.home .nicetitle{
	width: 350px;
	height: 45px;
	background: #333 url(images/nicetop-home.jpg) no-repeat;
	font-size: 16px;
	text-align:left;
	margin:0 auto;
}





.nicetitle p {
	padding: 8px 0 0 15px;
	text-align:left;
	margin:0 auto;
}

.nicebody{
	background: url(images/nicebody.jpg) repeat-y;
	/*width: 300px;
	padding-top: 5px;*/
	padding:5px 10px;
	width:280px;
	text-align:left;
	margin:0 auto;
}

.home .nicebody{
	background: url(images/nicebody-home.jpg) repeat-y;
	width: 350px;
	/*padding-top: 5px;*/
	padding:0 !important;
	padding-bottom:5px !important;
	text-align:left;
	margin:0 auto;
	min-height:130px;
}

.nicefoot{
background: url(images/sidebot.jpg) no-repeat;
height: 13px;
width: 300px;
margin:0 auto 5px auto;
text-align:left;
}

.home .nicefoot{
background: url(images/nicefooter-home.jpg) no-repeat;
height: 13px;
width: 350px;
margin:0 auto 5px auto;
text-align:left;
}

.nicebody p{
padding: 0px 10px 5px 10px;
margin: 0px;
text-align:left;
}

.nicebody a.bigbutton{
background: url(images/nicebigbutton.png) no-repeat top center;
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;
text-align:left;
}

.nicebody .bigbutton{
background: url(images/nicebigbutton.png) no-repeat center;
text-decoration: none;
margin: 0px auto;
font-weight: bold;
text-align: center;
font-style: italic;
font-size: 14px;
height: 35px;
padding-bottom: 5px;
cursor: pointer;
width: 170px;
border: 0px solid #fff;   
display: block;
text-align:left;
}

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

body.blog .nicebody ul, body.single .nicebody ul, body.category .nicebody ul, body.archive .nicebody ul {
    margin:0 0 0 25px;
    /*padding:10px 0;*/
	text-align:left;
}

.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 .title a{
padding: 0px;
}

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

.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;
background: url(images/pages.jpg) no-repeat center;
width: 32px;
padding: 4px 11px 6px;
text-align: center;
line-height: 27px;
font-weight: bold;
}

.pagination a.current{
background: url(images/pagec.jpg) no-repeat center;
}

.pagination a.lst{
background: url(images/pagelst.jpg) no-repeat center;
}

/* _comments___ */

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

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

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

.title h2 a{
text-decoration: none;
}
	
.title h2 a:hover{
text-decoration: underline;
}

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

/* __404__ */

#oops{
background: #fff;
}

#oops img{
float: left;
}

#oops h1{
padding-top: 30px;
}

#oops a{
color: #C7632F;
}

/*
	nice theme didn't include these
	:(
*/

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.alignright {
	float:right;
}
.alignleft {
	float:left;
}
.aligncenter {
	display:block;
	margin:0 auto;
}


.nofloat {
	float:none !important;
}

/* sinpleki */

#FPinner input, #FPinner textarea {

	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #d0d0d0;
	font-size:12px;
	padding:3px;
	width:230px;
}

#FPinner select {

	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #d0d0d0;
	font-size:12px;
	padding:3px;
	width:237px;
}

#FPinner label {
}

.ds-quick-search-button, .searchbutton{
	background: #333 none repeat scroll 0 0  !important;
	color:#fff;
}

#FPinner td{ padding:3px;}


.homeBoxes ul {
	list-style-type:none;
	margin:0;
	/*width:720px;*/
}

.homeBoxes li {
	float:left;
	width:350px;
	padding-right:5px;
	height:600px;
}

.homeBoxes li li {
	height:auto !important;
}

.post, .child { margin-bottom:10px; border-bottom:1px solid #d0d0d0;}

.child h4 {padding-left:10px;margin-bottom:0;}

.narrowcolumn { margin-top: 20px;}

#FPmaincontentbody h2{padding-left:10px;margin-bottom:0; font-size:20px;}

.btn-search {
	
	background:url(images/btn-search.png) no-repeat;
	
}


.cal{
	height:30px;
	border:1px solid #ccc;
	width:25px;
	float:left;
	text-align:center;
       /* margin-left:10px;*/
}

.month{
	text-transform:uppercase;
	font-weight:bold;
	color:#FFF;
	font-size:10px;
	background:#820706;
	
	
}

.day{
	
	color:#333;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	
	}
	
.post h2 {
	font-size:22px;
	letter-spacing:-1px;
	margin-left:40px;
	margin-top:5px;
	padding-top:0;
	vertical-align:top;
}

.post { margin-top:10px;}

.postmetadata{padding-left:5px; background:#f0f0f0; border: 1px solid #e0e0e0}

.post_title {font-size:32px !important; margin-left:0px !important;}

label {
	width:200px;
	display:block;
	float:left;
	text-align:right;
	padding-right:8px;
}

.authcomment {
} 

.comment-page-numbers {
font-size:11px;
text-transform:uppercase;
}
.comment-page-numbers a, .comment-page-numbers strong {
border:0 none;
padding:0 2px;
}
ol.commentlist, .commentlist ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:12px !important;
margin-top:24px;
}
.commentlist .children {
}
ol.commentlist li {
clear:both;
margin-bottom:14px;
padding:10px;
}
.commentlist .alt {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F5F5F5 none repeat scroll 0 0;
}
h3.commentsheader {
border-top:1px solid #DFDFDF;
clear:both;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:24px;
padding-bottom:10px;
padding-top:10px;
}
.commentnav {
clear:both;
display:block;
float:left;
font-size:13px;
height:13px;
margin:0;
width:100%;
}
img.avatar {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
float:left;
margin-bottom:14px;
margin-right:12px;
padding:2px;
}
ol.commentlist cite {
font-size:12px;
}
.commentmetadata {
float:right;
font-size:11px;
margin-top:-23px;
}
.commentmetadata a, .commentlist cite a, .possibly-related a, #postmetadata a {
border:medium none;
}


.cf-ol li{ padding:5px;}
.cf-sb { text-align: center;}
.sendbutton{
	
	background: #333 none repeat scroll 0 0  !important;
	color:#fff !important;
	font-size:14px !important;
	
	}
	


.reqtxt , .emailreqtxt { font-size:10px; color:#999}

.alignleft h4 {
border-top:1px solid #999999;
background:#F9F9F9 url(images/h4.png) repeat-x scroll left top;
font-size:16px !important;
margin:0 0 10px;
padding:8px 10px 10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;

}

body.home .dsidx-controls {display: none;}

body.home .sidebar li { background: #f0f0f0; margin-bottom:20px; }


.linklove { display: none; }

.footerinner ul { margin-bottom:0px;}

#sidebar label { text-align:left}

