/*  
Theme Name: Phuket villas  
Description: Only For www.phuketvillasonline.com Blog
Version: 1.0
Author: Wibawa Yoga
Author URI: http://www.bali-tattoo.com
*/

/* CSS Document */


body {

	background-color: #000000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-align: center;

	color: #5A717B;

	text-align: center;

	min-width: 800;

}

ul{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	margin-top: 5px;

	margin-bottom: 5px;

	margin-left: 5px;

	margin-right: 5px;

	color: #999999;

}



h1{

	font-weight: bold;

	margin-top: 5px;

	margin-bottom: 5px;

	margin-left: 5px;

	margin-right: 5px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

  	color: #94D729;			

}

h2{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	margin-top: 5px;

	margin-bottom: 5px;

	margin-left: 5px;

	margin-right: 5px;

	color: #ff6600;		

}

h3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	margin-left: 5px;

	line-height: 20px;

  	color: #94D729;

}

p {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	margin-top: 5px;

	margin-bottom: 5px;

	margin-left: 5px;

	margin-right: 5px;

	color: #cccccc;

	line-height: 14px;		

}



td, th {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #5A717B;

}



a.menulink {

	display: block; 

	text-align: center; 

	text-decoration: none; 

	vertical-align: bottom;

	font-family: verdana,arial;	 

	font-size:10px;

	line-height: 20px;

	font-weight : normal;	

	border-bottom: #ff6600 3px solid;	

	color: #ffffff

}



a.menulink:hover {

	font-weight : bold;

	border-bottom: #999999 3px solid;	

	color: #ffffff

}



a.toplink {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	text-decoration: none;

	line-height: 16px;

  	color: #5A717B;

}



a.toplink:hover {	

	color: #39BAFF;

}



a.booklink {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	text-decoration: none;

	line-height: 16px;

  	color: #ff0000;

}



a.booklink:hover {	

	color: #39BAFF;

}



a.arealink {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	text-decoration: none;

	line-height: 16px;

  	color: #ffffff;

}



a.arealink:hover {	

	color: #39BAFF;

}



a.villalink {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	text-decoration: none;

	line-height: 16px;

  	color: #39BAFF;

}



a.villalink:hover {	

	color: #ffffff;

}



a.more {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	text-decoration: none;

  	color: #ffffff;

}



a.more:hover {	

	color: #ffff00;

}



a.icons {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	text-decoration: none;

  	color: #0000ff;

}



a.icons:hover {	

	color: #ff0000;

}



a.submenulink {

	display: block; 

	text-align: center; 

	text-decoration: none; 

	vertical-align: top;

	font-family: verdana,arial;	 

	font-size:10px;

	line-height: 16px;

	border-top: #ff6600 3px solid;

	color: #ffffff

}



a.submenulink:hover {

	font-weight : bold;

	border-top: #999999 3px solid;	

	color: #ffffff

}





a.leftmenulink {

	display: block; 

	text-align: left; 

	text-decoration: none; 

	font-family: verdana,arial;	 

	font-size:10px;

	line-height: 19px;

	border-left: #ff6600 3px solid;

	color: #ffffff

}



a.leftmenulink:hover {

	font-weight : bold;

	border-left: #999999 3px solid;	

	color: #ffffff

}



a {

	font-size: 10px;

	color: #ff6600;

	text-decoration: none;

}



a:hover {

	color: #999999;

}



a.gray {

	font-size: 10px;

	color: #333333;

	text-decoration: none;

}

a.gray:hover {

	color: #ffffff;

}

a.yellow {

	font-size: 10px;

	color: #ffcc00;

	text-decoration: none;

}

a.yellow:hover {

	color: #ffffff;

}



.bottomtext {

	color: #ff6600;

}



.title {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	margin-left: 5px;

	line-height: 20px;

  	color: #ffffff;

}



.titlegreen {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	margin:0;
	
	padding:0;

  	color: #94D729;

}



.titlegreen2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	margin-left: 0px;

  	color: #94D729;

}



.fontltblu {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

  	color: #99CCFF;

}



.fontltblu2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

  	color: #39BAFF;

}





.titlegray {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	margin-left: 5px;

	line-height: 20px;

  	color: #333333;

}

.listform {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	line-height: 20px;

  	color: #999999;

}



.itemhead {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

  	color: #999999;

}



.searchitems {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

  	color: #ffffff;

}



.formitems {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

  	color: #ff6600;

}



.subtitle {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	line-height: 30px;

 	color: #003300;}



.header {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 20px;

	background-color: #669900;

 color: #FFFF33;

}

#sidebarleft {
	margin-left:10px
}

#sidebarleft ul {list-style:none; margin:3px 0 3px; padding:0}
#sidebarleft li {margin:0; padding:1px 0 1px 2px}
#sidebarleft a { color: #39BAFF; font:bold;}
#sidebarleft a:hover { color: #ffffff;}
.nav {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	background-color: #CCFF99;

}



.navLink {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	background-color: #DEDECA;

}



.sidebar {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	line-height: 14px;

	padding: 3px;

	background-color: #FFFFCC;

 color: #003333;

}



.sidebarHeader {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 18px;

	color: #003300;

	background-color: #FFFF66;

}



.sidebarFooter {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 18px;

	background-color: #FFFF99;

 font-style: italic;

}



.footer {

  font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	line-height: 22px;

	color: #333333;

	background-color: #CCFF99;

}



.legal {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #333333;

}



.box1 {

	border-width: thin;

	border-color: #99FF99 #003300 #003300 #99FF99;

 border-style: double;

 }



.promo {

	font-family: "Times New Roman", Times, serif;

	color: #000033;

}



.titlebar {

	font-family: "Times New Roman", Times, serif;

	font-size: 9px;

	color: #FFFFFF;

	background-color: #336699;

}



.dingbat {

	font-family: Arial, Helvetica, sans-serif;

	background-color: #FFFFFF;

 color: #660000; font-weight: bolder; font-size: medium;

 }



input.big {

	width: 100px;

}



input.small {

	width: 50px;

}



.whiteborder {

	border-top: #ffffff 1px solid;

	border-bottom: #ffffff 1px solid;

	border-left: #ffffff 1px solid;

	border-right: #ffffff 1px solid;

}				



<!-- Paste this code into the CSS section of your HTML document  -->



/*

Copyright (C) 2005 Ilya S. Lyubinskiy. All rights reserved.

Technical support: http://www.php-development.ru/



YOU MAY NOT

(1) Remove or modify this copyright notice.

(2) Distribute this code, any part or any modified version of it.

    Instead, you can link to the homepage of this code:

    http://www.php-development.ru/javascripts/tabview.php.



YOU MAY

(1) Use this code on your website.

(2) Use this code as a part of another product.



NO WARRANTY

This code is provided "as is" without warranty of any kind, either

expressed or implied, including, but not limited to, the implied warranties

of merchantability and fitness for a particular purpose. You expressly

acknowledge and agree that use of this code is at your own risk.





If you find my script useful, you can support my site in the following ways:

1. Vote for the script at HotScripts.com (you can do it on my site)

2. Link to the homepage of this script or to the homepage of my site:

   http://www.php-development.ru/javascripts/tabview.php

   http://www.php-development.ru/

   You will get 50% commission on all orders made by your referrals.

   More information can be found here:

   http://www.php-development.ru/affiliates.php



*/





div.TabView div.Tabs

{

  height: 24px;

  overflow: hidden;

}



div.TabView div.Tabs a

{

  float: left;

  display: block;



  width:  74px;

  text-align: center;



  height:      18px;

  line-height: 18px;

  vertical-align: middle;



  background-color: #ff6600;

  border-right: #000000 1px solid;



  text-decoration: none;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-weight: normal;

  font-size: 10px;

  color: #ffffff;

}



div.Tabs2

{

  float: left;

  display: block;

  width:  155px;

  text-align: left;

  height: 18px;

  line-height: 18px;

  vertical-align: middle;

  background-color: #0099cc;

  border-right: #0099cc 0px solid;

  text-decoration: none;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-weight: normal;

  font-size: 10px;

  color: #666666;

}



div.Pages2

{

  clear: both;

  border: 1px solid #ffffff;

  background-color: #0099cc;

  overflow: hidden;

  height: 100%;

  width:  152px;

  overflow: hidden;  

  padding: 2px 4px;

}



div.TabView div.Tabs a.Active

{

  background-color: #999999;

}



div.TabView div.Tabs a:hover

{

  background-color: #666666;

}



div.TabView div.Pages

{

  clear: both;

  border: 1px solid #999999;

  overflow: hidden;

}



div.TabView div.Pages div.Page

{

  height: 100%;

  padding: 0px;

  overflow: hidden;

}



div.TabView div.Pages div.Page div.Pad

{

  padding: 3px 5px;

}

.pricing{

color:#FFFFFF;

	margin:0 0 0 5px;

	border:0.3px solid #666666;}

* html .pricing{

	border:1px solid #666666;}



	

.tabelist p{

line-height:12px;

color:#999999;

}

.isi ul{

color:#CCCCCC;

}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: white;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/*tambahan*/
#content{
	}
#content .wrapcontent{	padding:0 0px 0 10px;margin:0px 0 0px 0}
.wrapcontent .box_judul{margin-bottom:15px;	border-bottom:1px dashed #dcdbd9}
.box_judul .tanggal{float:left;color:#768400;padding:3px 5px 3px 5px;margin-right:5px;text-align:center;background-color:#ededed}
.tanggal .month { display: block; font-size: 9px; font-weight:bold; line-height: 9px; color:#442e00; text-transform: uppercase;font-family:'Arial'; }
.tanggal .day { display: block; font:normal 18px 'Arial'; line-height: 19px; color: #442e00; letter-spacing: -1px;}
.judul h1 a{
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #94D729;
	text-transform: capitalize;
}
.judul .jdl_down{	color: #BCBCBB;	margin-bottom:0px;padding:0	}
.wrapcontent .content{	padding:0 0px 0 0px;margin-bottom:10px;width:auto; text-align:justify}
.content p{	margin-bottom:0}
.content p img{	border:1px solid #cecece;margin:3px 3px 3px 3px;padding:2px 2px 2px 2px}
.wrapcontent .button-acc{width:auto;padding:2px 0 2px 0;}
.button-acc p{margin:10px 0 9px 0;float:left;margin-right:10px}

.button-acc p img{border:0;	margin-right:8px}
.wrapcomment{padding:0 10px 0 0px;margin:15px 0 30px 0}
.wrapcomment h3{margin:0;padding:0;font:bold 14px 'Trebuchet MS'; }
.wrapcomment h4{margin:0;padding:0;font:bold 14px 'Trebuchet MS'; }
.wrapcomment p textarea{width: 90%;padding:5px 0 0 0;height: 20em;border: 1px solid #ccc;background:#fff;font:1em Verdana, Arial, Serif;}
.wrapcomment p input.text{background:#fff;border:#ccc 1px solid;padding:2px;font:1em Verdana, Arial, Serif;}
.wrapcomment .commentbox{background-color: #ececec;width: 470px;padding: 10px;margin-top:20px;line-height:12pt; color:#626262}
.commentbox img {float:left;padding:2px;border:1px solid #adadad;margin: 0 5px 5px 0}
.wrapcomment .commentfooter{background: url(images/arrow.gif) 20px 0 no-repeat;padding-left: 40px;padding-top: 1px;margin-bottom: 25px;font-size: 10px;color: #4A4A4A;}

.wraptrackback{padding:10px 10px 10px 10px;margin:5px 0 5px 0;border-bottom:1px solid #ececec;border-top:1px solid #ececec}
.wraprelated{
	padding:10px 10px 10px 10px;
	margin:5px 0 10px 0;
	background-color:#39535b;
	border:1px dashed #d6d6d6;
}
.wraprelated dl{font-size:11px; margin:4px 0 2px 0}
.wraprelated p{font-size: 12px; font-weight:bold;margin:2px 0 2px 0}
.wrappagging{width:480px;	padding:0 10px 0 10px;margin:15px 0 30px 0}


.cat {font-size:10px;}
.cat h1{	font-weight: bold;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #94D729;
	text-transform: capitalize;
	margin-bottom:20px}
.cat ul{ list-style-type:none; margin: 0; padding:0}
.cat li{padding: 1px 0px 20px 1px; margin: 0 0 0 10px; }
.cat li h2{font:normal 12px 'Arial', Helvetica, sans-serif;margin:0;	padding:0;}


.rssbt a{	width:148px;margin-right:2px;padding:3px 3px 2px 4px;border:1px solid #d5d5d5;display:block;text-decoration:none;color:#248a01;font:normal 11px Verdana, Arial, "Helvetica", sans-serif;	margin-bottom:5px}
.rssbt a:hover{width:148px;margin-right:2px;padding:3px 3px 2px 4px;border:1px solid #949494;display:block;text-decoration:none;color:#1a6500;	font:normal 11px Verdana, Arial, "Helvetica", sans-serif;margin-bottom:5px}
.rssbt img{	border:0;margin-right:8px;}