/* Theme Name: Rachata Hotel Theme URI: http://wordpress.org/ Description: The default WordPress theme based on the famous Kubrick. Version: 1.6 Author: Michael Heilemann Author URI: http://binarybonsai.com/ Tags: blue, custom header, fixed width, two columns, widgets */ /* @group Reset */ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; } ul,ol { list-style: none; } fieldset,img { border: none; } caption,th { text-align: left; } table { border-collapse: collapse; border-spacing: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } .clearspace { clear:both; } /* End hide from IE-mac */ /* @end */ /* @group General */ body { /* font: 12px/18px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; */ font: 12px/18px "Arial", Tahoma, Lucida Grande, Verdana, sans-serif; color: #333; padding: 0; margin:0; background:url(images/bg.gif) repeat-x; background-color:#FFF;} a { color: #000000; } h1 { font-size:20px; font-weight:bold;} h2 { font-size:18px; font-weight:bold;} h3 { font-size:16px;} h4 { font-size:14px;} a:hover { color: #218A6B; } a:link, a:visited, a:active, a:hover { text-decoration: none; } b { font-weight: bold; } strong { font-weight: bold; } em, i { font-style: italic; } sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; } abbr { border: 0; } p { margin-bottom: 16px; } ul { margin-bottom: 0px; list-style: none outside; } ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; } blockquote { margin: 1.5em 0; padding: 1em 1em 0; color: #000; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background-color: #f0f0f0; } hr { width: 100%; height: 1px; background: #ccc; color: #ccc; margin: 1em 0; border: none; padding: 0; } pre, code { font-family: Courier, "Courier New", monospace; font-size: 1em; } pre { overflow: scroll; margin: 0 0 1em 0; padding: 0 0 0.5em 0; white-space: pre-wrap; } li { margin-left:18px; display:inherit; list-style-position: inside; list-style-type: disc; } /* @end */ /* @group Wordpress Images */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align: center; background-color: #000; padding: 5px; margin: 0 0 16px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 12px; padding: 4px; margin: 0; color: #999; } /* @end */ /* Wrapper *************************************************************************/ #wrapper {width: 900px; margin: 0px auto; background-color: #FFF;} /* @group Header *******************************************************************/ #header {float:left; width:900px; height:88px; background:url(images/logo2.gif) no-repeat;} #flage {float:right; width:500px; text-align:right; padding:40px 15px 20px 0px; color:#000000;} #menu{float:left; width:900px; height:40px;} #l_menu{float:left; width:251px; height:40px; background-color:#FFFFFF;} /* @end group Header */ /* @group Menu ********************************************************************/ #nav {height: 40px; overflow: hidden; margin: 0px; float:left; width:649px;} #nav li {display: inline;margin: 0px; } #nav li a {float: left; height: 0px; padding-top: 40px; overflow: hidden; background-image: url(images/nav.gif); background-repeat: no-repeat;} /* BUTTONS */ #nav li#m1 a {background-position: 0px 0px; width: 78px;} #nav li#m2 a {background-position: -78px 0px; width: 130px;} #nav li#m3 a {background-position: -208px 0px; width: 93px;} #nav li#m4 a {background-position: -301px 0px; width: 156px;} #nav li#m5 a {background-position: -457px 0px; width: 82px;} #nav li#m6 a {background-position: -539px 0px; width: 110px;} /* OVER STATES */ #nav li#m1 a:hover {background-position: 0px -40px;} #nav li#m2 a:hover {background-position: -78px -40px;} #nav li#m3 a:hover {background-position: -208px -40px;} #nav li#m4 a:hover {background-position: -301px -40px;} #nav li#m5 a:hover {background-position: -457px -40px;} #nav li#m6 a:hover {background-position: -539px -40px;} /* PRESSED STATES */ #nav li#m1 a:active {background-position: 0px -40px;} #nav li#m2 a:active {background-position: -78px -40px;} #nav li#m3 a:active {background-position: -208px -40px;} #nav li#m4 a:active {background-position: -301px -40px;} #nav li#m5 a:active {background-position: -457px -40px;} #nav li#m6 a:active {background-position: -539px -40px;} /* SELECTED STATES */ #nav.m1 li#m1 a {background-position: 0px -40px;} #nav.m2 li#m2 a {background-position: -78px -40px;} #nav.m3 li#m3 a {background-position: -208px -40px;} #nav.m4 li#m4 a {background-position: -301px -40px;} #nav.m5 li#m5 a {background-position: -457px -40px;} #nav.m6 li#m6 a {background-position: -539px -40px;} /* @end group Menu */ /* @group Banner *******************************************************************/ #banner { float:left; width:900px; height:299px; } /* @end group Bannar*/ /* @group content********************************************************************/ #content_cover {float:left; width:900px; height:auto; background:url(images/bgcontent.gif) repeat-y;} #l_content{float:left; width:251px; height:100%; background-color:#218A6B;} #r_content{float:left; width:609px; height:auto; background-color:#F7FFC9; padding:20px;} /* @content In********************************************************************/ /* @end group content*/ /* @group Sibar ********************************************************************/ #sidebar {float:left; width:251px; margin:0px;} #sidebar li { margin-left:0px; display:inherit; } #sidebar ul li a{ margin-bottom:0px; border-bottom: 1px solid #64AD98; padding: 6px 4px 6px 20px; display:block; color:#fff;} #sidebar ul li a:hover{border-bottom: 1px solid #64AD98; padding: 6px 4px 6px 20px;display: block; color:#fff; background-color:#1D775C;} #sidebar ul li ul li a{ margin-bottom: 0px; padding: 2px 4px 2px 35px; display:block; color:#fff; list-style:disc; font-size:11px;} #sidebar ul li ul li a:hover{ margin-bottom: 0px; padding: 2px 4px 2px 35px; display:block; color:#fff; list-style:disc; font-size:11px; background-color:#1A664F;} #sidebar .current_page_item a {font-weight:bold; color:#fff; background-color:#1D775C;} #sidebar .current_page_item ul li ul li a {font-weight:bold; color:#000; background-color:#1D775C;} /* @end group Sibar */ /* @group footer*********************************************************************/ #footer01{float:left; width:246px; height:45px; background:url(images/bellow01.jpg) no-repeat; padding-top:5px; text-align:right; color:#FFFFFF; padding-right:5px; font-weight:bold;} #footer02{float:left; width:639px; height:45px; background:url(images/bellow02.jpg) no-repeat; padding-top:5px; padding-left:10px; color:#006666; } /* @end group footer*/