/*



Theme Name: PL Lombok



*/



/* Breadcrumbs */

.breadcrumbs { background: #fff; font-family: 'Verdana', 'Geneva', 'Arial'; padding: 0 0 1px 0; font-size: 10px; color: #999; text-transform: uppercase; }

.breadcrumbs a { color: #999; }

#breadcrumbs { background: #fff; font-family: 'Verdana', 'Geneva', 'Arial'; padding: 0 0 1px 0; font-size: 10px; color: #999; text-transform: uppercase; }

#breadcrumbs a { color: #999; }



/* ----------------------  Reset Browser A Bit &Clear Floats -------------------------- */



*{margin:0; padding:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; /*  vertical-align:baseline */}



a img, 



a{outline:0; border:0}



caption, th, td{text-align:left;  font-weight:normal}



blockquote:before, blockquote:after, q:before, q:after{content:""}



blockquote, q{quotes:""""}



.clear{clear:both}







/* ----------------------  WordPress Elements -------------------------- */



.aligncenter{display:block; margin:15px auto}



.alignright{float:right; margin:0 0 15px 15px}



.alignleft{float:left; margin:0 15px 15px 0}



.floatleft{float:left}



.floatright{float:right}







.textcenter{text-align:center}



.textright{text-align:right}



.textleft{text-align:left}







.wp-caption{border:1px solid #DDD; text-align:center; background:#F3F3F3; padding-top:4px; margin:10px}



.wp-caption img{margin:0; padding:0; border:none}



.wp-caption .wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0}







table#wp-calendar{font-size:12px; margin:0 auto; width:100%}



#wp-calendar caption{padding:3px; background:#333; color:#FFF; text-shadow:1px 1px #000; text-align:center}



#calendar_wrap table td, 



#calendar_wrap table th{text-align:center; background:#f3f3f3; padding:7px !important}



#calendar_wrap table td#prev{text-align:left; padding:0 0 0 12px}



#calendar_wrap table td a{color:#06F; display:block}







/* ----------------------  Body -------------------------- */



body{font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1.5em; color:#333;background: #93B23D url(#) repeat-x; margin:20px 0}







/* ----------------------  HTML Elements -------------------------- */



a{color:#0180D1; text-decoration:none}



a:hover{color:#014776; text-decoration:underline}



p{margin:0 0 10px}



strong{font-weight:700}



em{font-style:italic}



small{}



pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word}



hr{}



blockquote{border-left:2px solid #CCC; margin:20px; padding:0 0 0 10px; font-style:italic}







/* ----------------------  Default Headings -------------------------- */



h1, h2, h3, h4, h5, h6{font-family:"Lucida Grande",Arial,"Lucida Sans Unicode",sans-serif; color:#333; line-height:1em; font-weight:bold; padding:0; margin:0}



h1{font-size:24px; margin:0 0 30px 0}



h2{font-size:18px; margin:6px 0 6px 0}



h3{font-size:16px; margin:30px 0 20px 0}



h4{font-size:14px; margin:20px 0 10px 0}







/* ----------------------  Main Wrap &Container -------------------------- */



#xs-wrap{margin:0 auto; width:938px; padding:0 20px 20px 20px; background:#FFF; border-left:1px solid #32400d;border-right:1px solid #32400d}







/* ----------------------  Header -------------------------- */



#xs-header{width:940px; margin:0 auto; padding:20px; background: #32400d; position:relative}



#xs-header-logo{font-family:'Amaranth',arial,serif; width:500px; text-align:left}



#xs-header-description{color:#dee8f0; font-size:12px; text-shadow:1px 1px 1px #000}



#xs-header-img{}







#xs-header-logo h1, #xs-header-logo h2{font-size:36px; margin:0 0 5px; text-shadow:1px 1px 1px #000}



#xs-header-logo h1 a, #xs-header-logo h2 a{color:#FFF; text-decoration:none}



#xs-header-logo h1 a:hover, #xs-header-logo h2 a:hover{text-decoration:underline}







#xs-header-social{width:auto !important; position:absolute; right:20px; bottom:2px; list-style:none; border:none !important}



#xs-header-social li{float:left; position:relative; border:none}







/* ----------------------  Main -------------------------- */



#xs-main{float:left; width:610px; margin: 20px 0 0}







/* ----------------------  Entries -------------------------- */



.xs-entry{float:left; position:relative; width:610px; margin:20px 0 0; padding:0 0 20px; border-bottom:1px solid #CCC}



.xs-entry-featured-image{float:left; border:1px solid #ddd;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}



.xs-entry-featured-image img{border:1px solid #fff; padding:5px; background:#f0f0f0;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}



.xs-entry-featured-image a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85}



.xs-post-entry-right{float:right; width:480px}



.xs-read-more{font-size:11px}







.xs-entry-title{margin:0 0 0px; font-size:20px}



.xs-entry-title a{color:#333; text-decoration:none}







/* ----------------------  Post -------------------------- */



#xs-post{width:610px; margin:10px 0 20px; position:relative; overflow:hidden}



#xs-post ul, #xs-post ol{margin:20px 0 20px 50px}



#xs-post li{margin:0 0 5px}







#xs-post-meta{font-size:11px; color:#999; padding:8px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin:20px 0}



#xs-post-meta span{margin:0 15px 0 0}



#xs-post-meta-clock{padding:0 0 0 15px; background:url(images/clock.gif) left no-repeat}



#xs-post-meta-comments{padding:0 0 0 15px; background:url(images/bubble.gif) left no-repeat}



#xs-post-meta-author{padding:0 0 0 15px; background:url(images/author.gif) left no-repeat}



#xs-post-meta-category{padding:0 0 0 15px; background:url(images/folder.gif) left no-repeat}







#xs-post-top{height:250px; margin:0 0 20px}



#xs-post-top-image{height:250px;width:250px;float:left}







#xs-post h1{font-family:"Lucida Grande",Arial,"Lucida Sans Unicode",sans-serif; margin:0 0 6px 0;}



#xs-page-title{margin:0 0 30px !important}







/* ----------------------  Post Admin -------------------------- */



#xs-post-admin{text-align:right; padding:20px 0 0 0}



#xs-post-admin span{padding:0 0 0 15px; background:url(images/doc.gif) left no-repeat; font-size:11px}







/* ----------------------  Post Page Navigation -------------------------- */



#xs-post-page-navigation{margin:20px 0; padding:5px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC}







/* ----------------------  Post Tags-------------------------- */



#xs-post-tags{margin:10px 0}



#xs-post-tags span{margin: 0 5px 0 0;padding:0 0 0 15px;line-height:10px; background: url(images/tag.gif) left no-repeat}







#xs-tags-title{background:#EEE; font-size:12px; height:30px; line-height:30px; padding:0 10px 0 10px; margin:0 0 20px 0; border-left:1px solid #FFF; border-right:1px solid #FFF; outline:1px solid #CCC; border:1px solid #FFF; text-shadow:1px 1px #FFF}







/* ----------------------  Post Author -------------------------- */



#xs-post-author{margin:20px 0}



#xs-post-author .avatar{float:left; margin:0 15px 10px 0; outline:1px solid #DDD; border:1px solid #fff; padding:2px; background:#f0f0f0}







#xs-post-author-meta{padding:10px 0; margin:0; font-size:11px}







#xs-post-author h4{background:#EEE; font-size:12px; height:30px; line-height:30px; padding:0 10px 0 10px; margin:0 0 20px 0; border-left:1px solid #FFF; border-right:1px solid #FFF; outline:1px solid #CCC; border:1px solid #FFF; text-shadow:1px 1px #FFF}







/* ---------------------- Post Related Posts -------------------------- */



#xs-related-posts{margin:20px 0}



#xs-related-posts img{float:left; margin: 0 20px 0 0; padding:3px; outline:1px solid #DDD; border:1px solid #fff; background:#EEE}



#xs-related-posts a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85}



#xs-related-posts ul{list-style:none}



#xs-related-posts li{margin:0 0 20px}







#xs-related-posts h3{font-size:14px; line-height:140%; margin: 10px 0}



#xs-related-posts h4{background:#EEE; font-size:12px; height:30px; line-height:30px; padding:0 10px 0 10px; margin:0 0 20px 0; border-left:1px solid #FFF; border-right:1px solid #FFF; border-top:1px solid #FFF; outline:1px solid #CCC; border:1px solid #FFF; text-shadow:1px 1px #FFF}







/* ----------------------  Comments -------------------------- */



#commentsbox{}



h3#comments{background:#EEE; font-size:12px; height:30px; line-height:30px; padding:0 10px; outline:1px solid #CCC; border:1px solid #FFF; text-shadow:1px 1px #FFF}



ol.commentlist{margin:0px 0 0; clear:both; overflow:hidden; list-style:none}



ol.commentlist li{margin:10px 0; line-height:18px; padding:10px; border:1px solid #EEE}



.bypostauthor{}



.comment-author{}



.comment-author a:link, 



.comment-author a:visited{font-weight:bold; text-decoration:none !important}



.comment-author .fn{}



cite.fn{font-weight:700; font-size:14px}



.comment-author .avatar{float:left; margin:0 10px 0 0}



.comment-meta{font-size:11px}



.comment-meta .commentmetadata{color:#000}



.comment-meta a{color:#666; text-decoration:none !important}



ol.commentlist li p{line-height:22px; margin:5px 0 0}



.reply{text-align:right; margin-top:10px; font-size:10px}



.reply a{text-decoration:none}



li.odd{}



li.even{}



.children{list-style:none; margin:1em 0 0; text-indent:0}



.children li.depth-2{margin:0 0 0px 50px}



.children li.depth-3{margin:0 0 0px 50px}



.children li.depth-4{margin:0 0 0px 50px}



.children li.depth-5{margin:0 0 0px 50px}



.comment-nav{padding:5px; height:20px}



.comment-nav a:link, .comment-nav a:visited{}



.cancel-comment-reply a{color:#F00; font-weight:700}



#respond{margin:20px 0px}



#respond h3{font-size:18px; margin:0 0 20px}



#commentform{}



#commentform p{padding:10px 0}



#respond label{display:block; padding:5px 0}



#respond label small{font-size:10px}



#respond input{margin-bottom:10px; padding:5px 5px; margin:0 10px 10px 0; background:#fff; border:1px solid #ddd}



#commentform input{width:50%}



#respond input#commentSubmit{padding:5px 0; width:100px; font-size:12px; background:#211F1D; border-top:1px solid #333; border:1px solid #000; color:#FFF; text-decoration:none; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; margin:10px 0px; cursor:pointer; border:0; outline:none; -moz-box-shadow:2px 2px 5px #CCC; -webkit-box-shadow:2px 2px 5px #CCC; box-shadow:2px 2px 5px #CCC}



#commentSubmit:hover{background:#403D37 !important}



#commentSubmit:active{padding:5px 0 0 !important}



textarea#comment{border:none; background:#fff; border:1px solid #ddd; width:70%; margin:10px 0px 0px 0px; padding:5px 5px}



#comments-closed{padding:10px 0}







/* ----------------------  Author Page -------------------------- */



#xs-author-page{}



#xs-post-author-avatar-wrap{float:left; margin:0 15px 0 0; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}



#xs-post-author-avatar-wrap img{border:1px solid #fff; padding:5px; background:#f0f0f0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}



#author-links{margin:0 0 0 20px}







#xs-author-latest-posts{margin:20px 0 0; padding:20px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC}







/* ----------------------  Search & Archieve Pages -------------------------- */



#xs-search-title{margin:0 0 20px}



#xs-archive-description{padding:0 0 20px; border-bottom:1px solid #CCC}



#xs-archive-description p{margin:0}







#xs-archive-title h1{margin:0 0 20px}



#xs-search-title h1{margin:0}







/* ----------------------  Sidebar -------------------------- */



#xs-sidebar-right{float:right; width:300px; margin:30px 0 0; font-size:12px;}



#xs-sidebar-right ul{list-style:none}



#xs-sidebar-right li{margin:5px 0}



.xs-sidebar-right-box{margin:0 0 20px}







#xs-sidebar-right h4{background: #022330; color:#FFF; padding: 0 5px; font-size:14px; height:30px; line-height:30px; margin:0 0 20px}







/* ----------------------  Pagination-------------------------- */



#xs-pagination{width:660px; float:left; margin:20px 0 0; font-size:11px}



#xs-pagination span, #xs-pagination a{float:left; display:block; margin:2px 5px 2px 0; padding:1px 8px 1px 8px; text-decoration:none; color:#666; border:1px solid #BEBEBE}



#xs-pagination a:hover{background:#f0f0f0; border:1px solid #BEBEBE; text-shadow:1px 1px 1px #FFF;}



#xs-pagination .current{background:#f0f0f0; border:1px solid #BEBEBE; color:#666; text-shadow:1px 1px 1px #FFF}







/* ---------------------- Copyright / Think Twice Before Removing -------------------------- */



#xs-copyright{background:#425411; position:relative; margin:0 auto; width:940px; height:40px; line-height:40px; color:#fff; font-size:10px; padding: 0 20px}



#xs-copyright p{margin:0}



#xs-copyright a{color:#666; text-decoration:underline}



#xs-copyright a:hover{text-decoration:none}







#xs-copyright-left{float:left;}







/* ----------------------  Search Bar -------------------------- */



#searchbar{position:relative; margin:0 0 20px; height:35px}



#xs-search-input{background:#F5F5F5; width:213px; height:33px; line-height:30px; padding:0 25px 0 10px; font-size:12px; color:#333; font-weight:bold; border: 1px solid #CCC}



#xs-search-input:focus{background:#F8F8F8 !important;}



#xs-search-submit{display:block; background:url('images/xs-search-icon.png') no-repeat; height:15px; width:15px; position:absolute; top:11px; right:8px; display:block; cursor:pointer; text-indent:-9999px; outline:none; bordeR:none}







/* ----------------------  Adsense Spots -------------------------- */



#xs-header-adsense-nav{background:#000; margin:0 auto; width:960px; height:15px; padding:10px}



#xs-post-top-ad{height:250px;width:300px;float:left; margin: 0 0 0 20px}



#xs-sidebar-ad{margin:-10px 0 10px 0;}



#xs-header-ad{float:right}



#xs-bottom-post-ad{margin:30px 0 0}



#xs-above-post-ad{margin:20px 0}



#xs-copyright-right{float:right; width:468px; margin:12px 0 0}







/* ----------------------  Menu Wrap -------------------------- */



#xs-primary-menu{background:#EBEBEB; border-bottom:1px solid #BEBEBE; border-right:1px solid #BEBEBE; width:979px; height:40px; margin:0 auto; position:relative; z-index:99}



#xs-primary-menu ul{max-width:780px; border-right:1px solid #BEBEBE;}







/* ----------------------  Important Main Meny Style -------------------------- */



.sf-menu{float:left}



.sf-menu li{height:40px}



.sf-menu li li{height:40px}



.sf-menu a{display:block; height:40px; line-height:40px; background:#EBEBEB; color:#333; font-weight:700; text-shadow:1px 1px #FFF; display:block; padding:0 20px; text-decoration:none; border-right:1px solid #FFF; border-left:1px solid #BEBEBE}



.sf-menu a:hover{background:#FFF}



.sf-menu a:active{background:#D1D1D1}



.sf-menu li.sfHover a{outline:0}







/* ----------------------  Drop Down Settings -------------------------- */



.sf-menu, .sf-menu *{margin:0; padding:0; list-style:none}



.sf-menu ul{background:#FFF; position:absolute; top:-999em; width:200px !important; border-left:1px solid #BEBEBE !important; border-bottom:1px solid #BEBEBE !important; padding-bottom:2px}



.sf-menu ul a{line-height:40px; margin:0; padding:0 20px; border-right:1px solid #FFF; border-left:1px solid #FFF; border-top:1px solid #BEBEBE}



.sf-menu ul li{width:100%}



.sf-menu li:hover{visibility:inherit}



.sf-menu li{float:left; position:relative}



.sf-menu a{display:block; position:relative}



.sf-menu li:hover ul, 



.sf-menu li.sfHover ul{left:0; top:40px; z-index:99}



ul.sf-menu li:hover li ul, 



ul.sf-menu li.sfHover li ul{top:-999em}



ul.sf-menu li li:hover ul, 



ul.sf-menu li li.sfHover ul{left:15em; top:0}



ul.sf-menu li li:hover li ul, 



ul.sf-menu li li.sfHover li ul{top:-999em}



ul.sf-menu li li li:hover ul, 



ul.sf-menu li li li.sfHover ul{left:15em; top:0}







/* ---------------------- Tipsy -------------------------- */



.tipsy{padding:5px; font-size:10px; opacity:0.8; filter:alpha(opacity=80); background-repeat:no-repeat; background-image:url(images/tipsy.gif)}



.tipsy-inner{padding:5px 8px 4px 8px; background-color:black; color:white; max-width:200px; text-align:center}



.tipsy-inner{-moz-border-radius:3px; -webkit-border-radius:3px}



.tipsy-north{background-position:top center}







/* ---------------------- Featured Slider -------------------------- */



#xs-featured{width:400px; padding: 0 210px 0 0; position:relative; border:5px solid #ccc; height:250px; margin: 10px 0}



#xs-featured ul.ui-tabs-nav{position:absolute; top:0; left:400px; list-style:none; padding:0; margin:0; width:210px}



#xs-featured ul.ui-tabs-nav li{padding:1px 0; padding-left:13px;  font-size:12px; color:#666;}



#xs-featured ul.ui-tabs-nav li img{float:left; margin:2px 5px; background:#fff; padding:2px; border:1px solid #eee}



#xs-featured ul.ui-tabs-nav li span{font-size:12px;font-weight:bold}



#xs-featured li.ui-tabs-nav-item a{display:block; height:60px; color:#333;  background:#fff; line-height:20px}



#xs-featured li.ui-tabs-nav-item a:hover{background:#f2f2f2}



#xs-featured li.ui-tabs-selected{background:url('images/selected-item.gif') top left no-repeat}



#xs-featured ul.ui-tabs-nav li.ui-tabs-selected a{background:#ccc}



#xs-featured .ui-tabs-panel{width:400px; height:250px; background:#999; position:relative}



#xs-featured .ui-tabs-panel .info{position:absolute; top:180px; left:0; height:50px; padding:10px; background:#000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";



filter: alpha(opacity=80);



-moz-opacity: 0.8;



-khtml-opacity: 0.8;



opacity: 0.8;



}



#xs-featured .info h2{font-size:14px; color:#fff; margin:0; overflow:hidden}



#xs-featured .info p{margin:0; font-size:11px; line-height:15px; color:#f0f0f0}



#xs-featured .info a{text-decoration:none; color:#fff}



#xs-featured .info a:hover{text-decoration:underline}



#xs-featured .ui-tabs-hide{display:none}

#kunuk{position:absolute; background: url(http://www.kuta-bali.com/wp-content/uploads/2012/07/saver.gif); color:#FFFFFF;  top: -12px; left: 20px; height:23px; width:210px;}
.book{ width:210px; height:23px; background:#666 url(http://www.kuta-bali.com/wp-content/uploads/2012/07/saver.gif); position:absolute; top:-10px; left:18px;}
.hcsb_content select { height:26px !important; margin-left:6px;}
.hcsb_content select { height:26px !important; margin-left:6px;}
#xs-main .hcsb_content select { height:36px !important;}