/*
Theme Name: Damai CMS theme
Theme URI: http://damai.com/
Description: Damai CMS theme for Wordpress. Created by <a href="mailto:johan@ribersborg.net">johan@ribersborg.net</a>.
Tags: cms, xhtml, oocss, damai, bali
Version: 1.0
Author: Johan Bouveng
Datum: May 1, 2010
*/
/*yui:reset*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/*yui:fonts*/
body{font:13px/1.231 "Palatino Linotype",Palatino,serif,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*oocss:page,body,foot*/
body{_text-align:center;}/*ie5.5*/.main{display:table-cell;*display:block;width:auto;}.body,.main{*zoom:1;}.body:after,.main:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}.page{margin:0 auto;width:950px;_text-align:left;}/*wraps other template elems to set width, text-align ie5.5*/
/*oocss:grid*/
.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}.line{*zoom:1;}.unit{float:left;}.size1of1{float:none;}.size1of2{width:50%;}.size1of3{width:33.33333%;}.size2of3{width:66.66666%;}.size1of4{width:25%;}.size3of4{width:75%;}.size1of5{width:20%;}.size2of5{width:40%;}.size3of5{width:60%;}.size4of5{width:80%;}.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}

/*damai.com*/
html{background:transparent;}
body{background: #dbd4ca; url('img/bg.jpg') repeat 0 -100px;}
.page{width:960px;height:768px;background:url("img/bg_main_960.jpg") no-repeat;position:relative;padding:0px 7px 12px 1px;margin-top:-16px;}
.email{font-size:8px;color:#fff;text-decoration:none;text-transform:uppercase;position:absolute;right:27px;top:20px;z-index:10;}
.email:hover{text-decoration:underline;}
.nav{height:70px;position:relative;}
#book{height:15px;width:89px;display:block;background:url("img/tab.jpg") no-repeat 0 0;position:absolute;bottom:0;left:138px;color:#554840;font-size:8px;text-transform:uppercase;text-decoration:none;padding:8px 0 0 21px;letter-spacing:1px;}
.tabs{height:23px;width:520px;position:absolute;bottom:0;right:15px;background:url("img/tabs_sprite.jpg") no-repeat 0 0;}
.tabs li{float:left;height:23px;}
.tabs a {color:#554840;font-size:8px;text-transform:uppercase;font-weight:bold;text-decoration:none;display:block;height:15px;padding:8px 0 0 14px;letter-spacing:1px;}
.tabs.retreat{background-position:0 -23px;}
.tabs.villas{background-position:0 -46px;}
.tabs.restaurant{background-position:0 -69px;}
.tabs.spa{background-position:0 -92px;}
.tabs.offers{background-position:0 -115px;}
#retreat{width:100px;}
#villas{width:98px;}
#restaurant{width:121px;}
#spa{width:81px;}
#offers{width:115px;}
.subnav{position:absolute;bottom:15px;}
.subnav li{float:left;margin-right:16px;}
.subnav li a{color:#7e6b5f;font-size:8px;text-transform:uppercase;text-decoration:none;display:block;height:15px;padding:8px 0 0 0;letter-spacing:1px;}
.subnav li.current_page_item a{color:#000;}
.subnav li a:hover{color:#000;}
.leftcol{height:171px;float:left;width:425px;}
.rightcol{height:132px;padding:20px 40px 10px 40px;width:455px;float:left;position:relative;}
.rightcol .spaced{letter-spacing:1px;}
.logo{display:block;height:171px;}
.logo img{margin:45px 0 0 100px;}
.tease1{margin:15px 0 0 335px;line-height:0.8em;}
.tease2{margin-left:350px;}
blockquote{padding:0 5px;text-align:center;width:350px;}
.quotes{width:350px;margin:30px auto 0 auto;}
.quotes .init p{font-size:14px;line-height:1em;margin-bottom:0.3em;}
.quotes p {font-size:12px;margin-bottom:0.5em;}
.quotes em{font-style:normal;font-size:9px;letter-spacing:1px;}
.carousel{height:505px;}
.carousel img{display:block;}
.carousel .coda-nav-left,.carousel .coda-nav-right{position:absolute;display:none;}
.carousel.hover .coda-nav-left,.carousel.hover .coda-nav-right{display:block;}
.carousel .coda-nav-left a,.carousel .coda-nav-right a{font-size:100px;opacity:0.5;filter:alpha(opacity=50);text-decoration:none;color:#b5ad9f;width:90px;height:100px;display:block;line-height:100px;outline:none;}
.carousel .coda-nav-left a:hover,.carousel .coda-nav-right a:hover{opacity:1;filter:alpha(opacity=100);}
.carousel .coda-nav-left{top:220px;left:10px;z-index:50;}
.carousel .coda-nav-right{top:220px;right:10px;z-index:50;text-align:right;}
.carousel .coda-slider, .carousel .coda-slider .panel { width: 960px; } 	
.carousel .coda-slider-wrapper { clear: both;overflow:hidden;position:relative;}
.carousel .coda-slider { float: left; overflow: hidden; position: relative }
.carousel .coda-slider .panel { display: block; float: left }
.carousel .coda-slider .panel-container { position: relative }
.carousel .coda-slider .panel-wrapper{position:relative;}
.carousel .caption{margin:0;display:none;font-size:11px;font-style:italic;padding-top:5px;text-align:right;color:#dbdac7;line-height:1.3em;padding:5px 20px 0;}
/*offers*/
.offers .leftcol{height:auto;}
.offers .rightcol{height:485px;width:525px;padding:20px 5px 0 5px;background:#3e2d1f;}
.offeritem{padding:0 3px;}
.offeritem img{display:block;}
.offeritem h2{color:#fff;letter-spacing:1px;font-size:15px;padding:0;margin:0;}
.offeritem em{color:#9e9385;font-style:normal;display:block;border-bottom:1px dotted #9e9385;padding-bottom:8px;font-size:13px;}
.offeritem p{color:#9e9385;}
.offeritem blockquote{width:168px;text-align:left;padding:0;background:#64574d;border-top:1px dotted #9e9385;border-bottom:1px dotted #9e9385;padding:10px 0 0 8px;margin-bottom:8px;margin-left:-8px;}
.lastUnit .offeritem blockquote{padding-right:10px;margin-right:-13px;}
.offeritem blockquote p{font-size:9.5px;line-height:1.9em;}
.offeritem .spaced{color:#fff;font-size:9px;}
.offeritem .price{color:#fff;float:right;}
/*typography*/
h1{font-family:"Palatino Linotype",Palatino,serif,sans-serif;font-size:24px;color:#fff;padding:0;margin0;}
h2{font-family:"Palatino Linotype",Palatino,serif,sans-serif;font-size:18px;color:#a49c8d;padding:0 20px;margin-bottom:5px;}
h3{font-family:georgia,palatino,times,serif;font-size:18px;color:#a49c8c;}
p{font-family:"Palatino Linotype",Palatino,serif,sans-serif;color:#554840;line-height:1.7em;font-size:11px;margin-bottom:1em;}
p a{color:#dbdac7}
p a:hover{text-decoration:none;}
em{font-style:italic;}
strong{font-weight:bold;}
address{margin-bottom:30px;letter-spacing:2px;text-align:center;text-transform:uppercase;font-size:9px;color:#8c8476;}
/*blog*/
.blog{height:auto;padding-bottom:0;background:url("img/bg_main_blog960.jpg") no-repeat 0 0;}
.blog_content{background:#fff;padding:20px;float:right;width:495px;}
.blog_content small {border-top: 1px solid #ccc;display:block;padding-top:13px;text-transform:uppercase;letter-spacing:3px;}
.blog_content a {color:#554840;text-decoration:none;}
.blog_content p {font-size:12px;}
.blog_bottom{background:url("img/blog_bottom.jpg") no-repeat 0 0;height:22px;width:967px;margin:0 auto 5px auto;}
.blog .rightcol a {color:#554840;}
.blog .tinycol{width:212px;float:left;}
.blog .tinycol a{text-decoration:none;color:#554840;}
.blog .tinycol h2{margin-bottom:10px;}
.blog h2{padding:0;letter-spacing:-1px;margin-bottom:15px;font-size:30px;color:#aaa;}
.blog h2 a{color:#aaa;text-decoration:none;}
.blog h2 a:hover{text-decoration:underline;}
.blog .postmetadata {line-height:1.5em;}
.blogpage{background:#e6e2d9;}
.entry h3 {margin-bottom:1em;}
/*footlinks*/
.foot{width:967px;margin:0 auto;}
.footlinks{width:100%;margin:0;text-align:center;line-height:0.9em;clear:both}
ul.footlinks{margin-left:150px}
.footlinks li{float:left;text-align:center;padding-left:25px;}
.footlinks a{letter-spacing:1px;text-decoration:none;float:right;text-transform:uppercase;font-size:9px;color:#ccc;position:relative;top:5px}
.footlinks a:hover{text-decoration:underline;}
/*simple*/
.simple .leftcol{height:auto;}
.simple .rightcol{height:485px;width:495px;padding:20px 20px 0 20px;}
/*sidebar*/
#sidebar{padding:20px 20px 0 0;}
#sidebar p{font-size:12px;}
/*widgets*/
.widget{margin-bottom:25px;}
.weatherwidget{float:left;}
.tripadvisorwidget{float:right;padding-left:55px;border-left:1px solid #ccc;}
.widSSPnarrow {width:auto !important;background:#fff !important;padding:0 !important;margin:20px !important;}
.widSSPBranding dd{width:auto !important;}
.widSSPData{padding:5px !important;margin:0 !important;}
.widget_authors .credit{display:none;}
/*comments*/
#commentform small {border:0;}
#author,#email,#url,#comment{border:1px solid #ccc;padding:5px;font-size:15px;font-family:"Palatino Linotype",Palatino,serif,sans-serif;width:250px;}
#comment{width:485px;}
.comment-body{margin: 1em 0;}
.fn{font-size:15px;}
.comment-meta{margin-bottom:1em;}
/*author*/
.author h1{margin-bottom:0.4em;}
.author p a {color:#554840;}
div#FloatingResBox
{
  z-index:6000;
  position:fixed;
  bottom:0px;
  border-top-style: solid;
  border-top-width: 1pt;
  padding-top: 4px;
width:100%;
height:50px;
background:#999
}
