/*  
Theme Name: Motion my style
Description: modify for villa rental purpose
Author: rwinweb @ bestbalinesevillas
credit to URI: http://85ideas.com/
Tags: black, blue, green, 




/************************************************
*          Resets          *
************************************************/
html, body, div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, table, th, td, a
{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	color:#000000;
	text-align: justify;
	text-indent: 2px;
}  
:focus {outline:0;}
body {line-height:1;}
ul, ol {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}



/************************************************
*          General elements       *
************************************************/
body {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding-bottom:20px;
	background-attachment: fixed;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center top;
	color: #000000;
} 
h1, h2, h3, h4, h5, h6 {
	font-family:Rockwell, Georgia, "Palatino Linotype", Palatino, "Times New Roman", Times, serif;
	color: #000000;
}
a {color:#00FF00; text-decoration:none;}
a:hover {}
blockquote {font-style:italic; background:url(images/whitetrans.png); padding:.4em 1em .7em 1em; margin:.7em 0 .3em 0;}
code {font-size:1.1em; font-family:"Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;}
kbd, tt {font-size:1.2em;}
hr {border:1px solid #00FF00;}
pre {overflow:auto; width:600px; background:url(images/blacktrans.png); padding:1em 1.5em; margin:1em 0; font-size:1.2em; white-space:pre-wrap; /* css3 */}
dl {}
dt {font-weight:bold;}
dd {padding-left:1em;}

table {margin:.5em 0;}
table th {color:#00FF00;}
table td, table th {padding:.5em .7em;}
table th {background:url(images/whitetrans.png); text-transform:uppercase; border-bottom:1px transparent;}
table td {background:url(images/blacktrans.png);}
table tr.even td {background:url(images/blacktrans2.png);}
table tr:hover td{background:url(images/whitetrans.png);}

fieldset {padding:1.2em; border:1px dashed #00FF00;}
legend {padding:.2em .8em; font-size:1.2em; text-transform:capitalize;}
input, textarea, select {font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; margin:.2em 0; color:#222; font-size:1em;}
input, textarea {padding:.3em;}
input.radio, input.checkbox {background:#fff; padding:2px;}
form label{font-weight:bold; display:block;}



/************************************************
*          General       *
************************************************/
#wrapper {margin:15px auto 10px auto; padding:0; text-align:left; width:980px;}
.cleared {clear:both;}


/************************************************
*          Header       *
************************************************/
#top {
	float:left;
	width:1000px;
}
#top #topmenu {
	float:left;
	width:1000px;
	margin-left: 20px;
}
#top #topmenu leftsidebar {
	width: 200px;
	text-align: left;
	float: left;
	left: 10px;
	margin-left: 20px;
	background-color: #000000;
	height: 200px;
}

#leftsidebar {
	width:250px;
	background-color:#920101;
	font:12px Verdana, Geneva, sans-serif;
	margin-top: 15px;
	margin-bottom: 60px;
}
#leftsidebar li a {
	color:#FFF;
	text-decoration:none;
	display:block;
}
#leftsidebar li {
	list-style:none;
	padding:5px;
	border:solid 1px #FFF;
}


.rss {
    width:300px;
	position: absolute;
	top: 5px;
	right: 70px;
    background:url(images/rsstrans.png) left 4px no-repeat; padding-left:17px;
}

.search {
	width:300px;
	text-align:left;
	position: absolute;
	top: 5px;
	right: 120px;
}

			#custom-search { background: url(images/search-glow.png) no-repeat 0px 1px; margin-top: -16px; padding-top: 16px; }
				#search-form { background: url(images/search-form.png) no-repeat; width: 160; height: 31px; padding-left: 15px; margin-left:15px; margin-bottom:12px; }
					#search-form #searchinput { background: none; border: none; float: left; margin: 7px 27px 0 0px; width: 120px; font-size: 12px; color: #3a3a3a; text-shadow: 1px 1px 1px #ffffff; font-size: 11px; font-style: italic; }
						#search-form #searchsubmit { padding-top: 0px; margin-right: 9px; float: left;}

#header {
	padding-bottom:20px;
	background-image: url(/images/banners.jpg);
	height: 200px;
	background-repeat: no-repeat;
}
#desc {
	margin-left: 35px;
	position: absolute;
	top: 150px;
}
#header #logo img {float:left; margin:4px 10px 10px 0;}
#header #logo h1 a {
	color:#000000;
	font-size:2em;
	font-weight:normal;
}
#header a {
	color:#FF0000;
	font-family: "monotype Corsiva";
	font-size: 18px;
	font-weight: bold;
}

#header a:hover {
	color:#FF0000;
	font-family: "monotype Corsiva";
	font-size: 18px;
}


#catnav {
	width:1000px;
	background-color: #000000;
}
#nav li {
	float:left;
	line-height:2em;
	margin:5px 0 5px 5px;
	background-color: #FFFFFF;
}
#nav li:hover {
	background-color: #000000;
}
#nav li a {
	display:block;
	margin:0;
	font-size:12px;
	color:#000000;
	padding:0 13px;
	font-weight: bold;
}
#nav li a:hover {
	color:#FF0000;
	text-decoration:none;
	display:block;
	font-family: "monotype Corsiva";
	font-size: 16px;
	font-weight: bold;
}
#nav li ul {
	position:absolute;
	left:-999em;
	margin:0;
	height: 600px;
	width: 400px;
}
#nav li:hover ul, #nav li.sfhover ul {left:auto;}
#nav li li {padding:0; margin:0; width:180px; line-height:1.5em;}	
#nav li li a {
	color:#fff;
	margin:0;
	padding:7px 13px;
	background-color: #000000;
}
#nav li li a:hover {color:#afdaff;}
#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;}




/************************************************
*          Content      *
************************************************/
#main {padding:30px 0 20px 0;}
#content {float:left; width:800px;}
#contentfull {float:left; width:1000px;}
h2#contentdesc {font-weight:normal; font-size:1.3em; padding-bottom:15px;}
h2#contentdesc span {
	color:#FFFFFF;
	background-color: #000000;
}

.post {
	background-color: #C9FF93;
	margin-bottom: 30px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.sticky {
	padding:10px;
	margin-bottom:35px;
	background-color: #92FEBD;
}
.posttop {
	padding:10px;
	background-color: #000000;
	width: 500px;
}
.posttop h2.posttitle a {
	color:#FFFFFF;
	font-size:1.4em;
}
.posttop h2.posttitle a:hover {
	color:#FF0000;
	border-bottom:1px dashed #FF0000;
}
.postmetatop {text-transform:capitalize; font-size:0.7em; padding-top:8px; line-height:1.5em;}
.postmetatop .categs {
	float:left;
	width:500px;
	line-height:16px;
	color: #FFFFFF;
}
.postmetatop .categs a:hover {
	color:#FF0000;
	border-bottom:1px dashed #FF0000;
}
.postmetatop .date {float:right; width:130px; text-align:right;}
.postmetatop .date span {background:url(images/date.png) left no-repeat; padding-left:20px;}

.postpage{
	color:#000000;
	font-size:0.8em;
	line-height:1.5em;
	margin-top: 0.8em;
	margin-right: 0;
	margin-bottom: 0.8em;
	margin-left: 4px;
	background-color: #999999;
}
.postcontent {
	color:#000000;
	font-size:0.8em;
	line-height:1.5em;
	margin-top: 0.8em;
	margin-right: 0;
	margin-bottom: 0.8em;
	margin-left: 4px;
}
.postcontent h1 {padding:.8em 0; font-size:1.5em;}
.postcontent h2 {padding:.8em 0; font-size:1.4em;}
.postcontent h3 {padding:.8em 0; font-size:1.3em;}
.postcontent h4 {padding:.8em 0; font-size:1.2em;}
.postcontent h5 {padding:.8em 0; font-size:1.1em;}
.postcontent h6 {padding:.8em 0; font-size:1em;}
.postcontent p {padding:.6em 0 .2em 0;}
.postcontent a {border-bottom:1px dashed #00FF00;}
.postcontent a:hover {background:url(images/blacktrans.png);}
.postcontent ul, .postcontent ol {padding:.4em 0 .5em 2em;}
.postcontent ul li {list-style:disc;}
.postcontent ol li {list-style:decimal;}

.postmetabottom {
	font-size:0.8em;
	line-height:1.1em;
	background-color: #FFFFFF;
	height: auto;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	width: auto;
}
.postmetabottom a {
	color:#00FF00;
}
.postmetabottom a:hover {
	color:#FF0000;
	border-bottom:1px dashed #FF0000;
}
.postmetabottom .tags {float:left; width:1000px; background:url(images/tags.png) left 1px no-repeat; padding-left:20px; line-height:16px;}
.postmetabottom .readmore {
	float:left;
	width:90px;
	text-align:left;
	background-image: url(images/more.png);
	background-repeat: no-repeat;
	background-position: right;
}
.postmetaauthor {background:url(images/blacktrans.png); padding:10px; font-size:0.8em; line-height:1.1em; margin-top:20px;}
.postmetaauthor .authorpic {float:left; width:60px; }
.postmetaauthor .authordesc {float:right; width:540px; }
.postmetaauthor .authordesc p.theauthor {line-height:1.4em; font-weight:bold;}
.postmetaauthor .authordesc p.thedesc {line-height:1.4em; padding:.8em 0 .2em 0;}
.postmetaauthor .authordesc a {color:#afdaff; border-bottom:1px dashed #afdaff;}
.postmetaauthor .authordesc a:hover {background:url(images/blacktrans.png);}



/************************************************
*          Navigation      *
************************************************/
#navigation {line-height:1.7em; margin-bottom:5px;}
#navigation a {border-bottom:1px dashed #00FF00;}
#navigation a:hover {background:url(images/blacktrans.png);}

#navigation .wp-pagenavi a {padding:5px 7px; font-size:.8em; background:url(images/blacktrans2.png); color:#fff; border:none;}
#navigation .wp-pagenavi a:hover {color:#00FF00;}
#navigation .wp-pagenavi span.pages, #navigation .wp-pagenavi span.current, #navigation .wp-pagenavi span.extend {padding:5px 7px; font-size:.8em; background:url(images/blacktrans2.png); color:#fff; border:none;}



/************************************************
*          Comments      *
************************************************/
#comments {margin:0 0 15px 0;}
#comments h3 {font-size:1em; font-weight:normal;}
#comments ul.commentlist li {margin:10px 0 0 0; padding:15px; background:url(images/blacktrans.png);}
#comments ul.commentlist li ul.children li {margin:20px 0 0 20px;}
#comments img.avatar {float:left; margin:0 20px 0 0;}
#comments .commentbody .author {font-size:.9em; margin-bottom:10px; color:#eee;}
#comments .commentbody .author a {color:#b9ff9d; border-bottom:1px dashed #b9ff9d;}
#comments .commentbody .author a:hover {color:#eee; border-bottom:1px dashed #b9ff9d;}
#comments .commentbody .commentmetadata {font-size:.7em; color:#bbb; margin-bottom:25px;}
#comments .commentbody .commentmetadata a {color:#bbb;}
#comments .commentbody em {margin-bottom:10px; color:#eee; display:block; font-size:.8em; font-style:normal;}
#comments .commentbody p {font-size:.8em; padding:5px 0 8px 0; line-height:1.4em;}
#comments .commentbody p a {color:#b9ff9d; border-bottom:1px dashed #b9ff9d;}
#comments .commentbody p a:hover {color:#eee; border-bottom:1px dashed #b9ff9d;}
#comments .reply a {margin-top:5px; padding:5px; line-height:1.3em; font-size:.7em; float:left; background:#ddd; color:#000;}
#comments .reply a:hover {background:#fff; color:#111;}
#comments h3#trackbacktitle {padding-top:10px;}
#comments ul.trackback {margin:10px 0 0 0; padding:15px; background:url(images/blacktrans.png);}
#comments ul.trackback li {margin-bottom:17px; font-size:.9em;}
#comments ul.trackback li .commentbody .author {margin:0;}
#comments a#cancel-comment-reply-link {display:block; padding:8px 0;}
#comments a#cancel-comment-reply-link:hover {color:#ccc;}

#comments #respond {margin-top:20px;}
#comments #respond h3 {margin-bottom:15px;}
#comments #respond input {padding:5px; width:200px; background:#efefef; font-size:.8em;}
#comments #respond p {padding:.5em 0 0 0;}
#comments #respond p label {font-size:.8em; font-weight:normal;}
#comments #respond textarea {width:600px; padding:10px; background:#efefef; font-size:.8em; border:none;}
#comments #respond .submitbutton {color:#fff; background:url(images/blacktrans3.png); padding:6px; line-height:1.4em; font-size:.8em;}
#comments #respond .submitbutton:hover {cursor:pointer; color:#00FF00;}
#comments #respond p.subscribe-to-comments label {display:inline; margin-left:4px;}




/************************************************
*          Sidebar       *
************************************************/
#sidebar {
	float:right;
	width:300px;
	font-size:0.8em;
	line-height:1.4em;
	margin-bottom:30px;
	margin-left: 820px;
	position: absolute;
	top: 350px;
}
#sidebar ul li.boxed {
	background-color: #C9FF93;
	margin-bottom: 5px;
}
#sidebar h3 {
	padding:5px 10px;
	line-height:1.3em;
	font-weight:normal;
	font-size:1.4em;
	margin-bottom:10px;
	background-color: #000000;
	color: #FFFFFF;
}
#sidebar ul ul li a {
	color: #000000;
	margin-left: 10px;
}
#sidebar ul ul li a:hover {background:url(images/blacktrans.png);}
#sidebar p {color:#eee; padding:0 5px 10px 5px;}
#sidebar p a {border-bottom:1px dashed #00FF00;}
#sidebar p a:hover {background:url(images/blacktrans.png);}
#sidebar img {border:none; padding:0 5px;}
#sidebar img.avatar {float:left; padding:0 15px 5px 5px;}
#tag_cloud a, .widget_tag_cloud a {display:inline;}
#tag_cloud a:hover {color:#fff;}
li#tagbox a:hover {color:#fff;}
#sidebars ul.children li {border-bottom:none;}
#sidebars ul.children {margin-bottom:0;}



/************************************************
*          Footer       *
************************************************/
#footer {
	clear:both;
	font-size:0.8em;
	background-color: #999999;
}
#footer .foot1 {float:left; width:310px; margin:10px 0 0 10px; display:inline;}
#footer .foot2 {float:left; width:310px; margin:10px 15px 0 15px;}
#footer .foot3 {float:left; width:310px; margin:10px 0 0 0;}
#footer h3 {font-weight:normal; font-size:1.4em; margin-bottom:.4em;}
#footer h4 {font-weight:normal; font-size:1em; margin:.8em 0 .2em 0; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
#footer p {line-height:1.5em; color:#eee; padding:.2em 0 .8em 0;}
#footer ul li {padding:10px; margin-bottom:10px; background:url(images/blacktrans.png);}
#footer ul ul li {background:url(images/bullet.png) left 7px no-repeat; line-height:1.5em; padding:0 0 0 10px; margin-bottom:4px;}
#footer li a {font-weight:normal; display:block; padding:2px 5px;}
#footer a:hover {background:url(images/blacktrans.png);}
#footer .widget_tag_cloud a {display:inline;}
#footer .widget_tag_cloud a:hover {background:none; color:#fff;}

#credits {margin-top:.7em; font-size:0.7em; line-height:1.4em;}
#credits a {
	color:#000000;
}
#credits a:hover {background:url(images/blacktrans.png); color:#fff;}
#credits #creditsleft {float:left; width:600px; color:#aaa;}
#credits #creditsright {float:right; width:300px; text-align:right; color:#aaa;}



/************************************************
*          WP related          *
************************************************/
.alignleft {float:left; margin:5px 15px 7px 0;}
.alignright {float:right; margin:5px 0 7px 15px;}
.aligncenter, div.aligncenter {margin:10px auto; text-align:center; display:block;}

img.alignleft {float:left; margin:5px 15px 5px 0;}
img.alignright {float:right; margin:5px 0 5px 15px;}
img.aligncenter {margin:10px auto; text-align:center; display:block;}

.wp-caption {text-align:center; background:url(images/blacktrans.png); padding-top:6px;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  }
.wp-caption img {padding:0; margin:0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}

/*----------- Text and Image ------------------------------------------------*/

img { border: none; }

.images2 { 
width: 250px; 
margin-left: 530px; 
margin-right: 5px;
margin-top: -310px;
}
.alignright {	float: right;	}
.alignleft {	float: left	}

img2 { border: none; }

.images {
	float: right;
	margin-left: 10px;
	margin-top:  2px;
}
.alignright {	float: right;	}
.alignleft {	float: left	}

/*----------- reservation ------------------------------------------------*/

.reservation {
    float: right;	
	background-color: #999999;
}
.reservation p{
	margin-left: 20px;
	margin-right: 300px;
}

.are{
    float: left;
	background-color: #999999;
}
.are p{
	margin-left: 20px;

}

.prime {
	margin-left: 10px;
}

.profiles {
	margin-top: -800px;
	margin-right: 10px;
	margin-left: 10px;
	width: 510px;
	height: 700px;
}



.contactform3 {
	margin-top: 10px;
	margin-left: 5px;
}