/* @override http://www.rai.co.th/wp-content/themes/rai/style.css */
/*  
Theme Name: Rai
Theme URI: http://www.rai.co.th
Description: RAI WP theme with 2-3 column layout, dropdown categories menu, multiple widget-ready placement and feedburner email form integrated, easy to customize. Created by <a href="http://kowito.blogspot.com/">Kowit Charoenratchatabhan</a>.
Author: Kowit Charoenratchatabhan
Author URI: http://kowito.blogspot.com
Version: 1.0 alpha
Tags: blue, 3 columns, 2 columns, clean, transparent, right sidebar, fixed width, valid xhtml, valid css, feedburner, adsense ready, 1024, dropdown categories, widgets, footer navigation, drop down
.
&copy;2008, Netipong &amp; Supasak Royal Advocates International.
.
*/
/* Defaults */
@import '/wp-content/themes/rai/cb.css';
/* @group Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1}
ol,ul {list-style: none}
blockquote,q {quotes: none}
blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
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;}
/* End hide from IE-mac */
.clear {clear: both; display: block; overflow: hidden; width: 0; height: 0}
/* @end */
/* @group General */
body {text-align: center; margin: 0; padding: 0; font: 12px/1.5 Helvetica, Arial, Tahoma, FreeSans, sans-serif; color: #31506c; background: #fff url(/wp-content/themes/rai/images/bg.png) repeat-x top; }
a:focus {outline: 1px dotted invert;}
hr {border: 0 dotted #aaa; border-top-width: 1px; clear: both; height: 0;}
h1 {font-size: 16px;}
h2 {font-size: 16px}
h3 {font-size: 14px}
h4 {font-size: 13px}
h5 {font-size: 12px}
h6 {font-size: 12px}
ol {list-style: decimal}
ul {list-style: circle;}
li {}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote {margin-bottom: 15px}
a {color: #005896;}
a:hover {color: #7adeff;}
a:active {color: #003058;}
a:link, a:visited, a:active, a:hover {text-decoration: none;}
strong, b {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; _position: static !important;}
abbr {border: 0;}
blockquote {padding: 20px 20px 0; color: #000; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background-color: #eee;}
pre, code {font-family: Courier, "Courier New", monospace; font-size: 1em;}
pre {overflow: auto; overflow-Y: hidden; margin: 0 0 1.2em 0; padding: 0 0 0.5em 0; white-space: pre-wrap;}
small {font-size: 10px;}
/* @end */

/* Header and wrapper */
#wrapper {margin: 0 auto; width: 995px; text-align: left; padding: 0; background: #a3c6e0 url(images/logo-bg-wraper.gif) top no-repeat;}
#header {padding: 0; margin: 0; height: 300px;}
#header #topright {text-align: right; float: right; height: 150px; margin: 68px 0 0 0; padding-right: 20px; border-left: #CCCCCC 2px solid; background: url(images/menu_bg.jpg) top repeat-x;}
#header #topright ul {list-style: none; padding: 8px 0 0; margin: 0;}
#header #topright li {display: inline;padding: 0;margin: 0;}
#header #topright li a {color: #7d7d7d; font-size: 9pt; padding: 0 0 0 20px; }
#header #topright li a:hover {color: #000; text-decoration: none;}
#header #topright li.current_page_item a {color: #414141;font-weight: bold;}
#header #logo {float: left; margin: 25px 0 0 0; padding: 0;}
#header h1 {padding: 0; margin: 0;}
#header h1 a {color: #fff; font-size: 17pt; text-decoration: none;}
#header h1 a:hover {color: #eee; text-decoration: none;}
#header span {padding: 0; color: #111; font-size: 11px;}
/* Menu */
#catnav {margin: 20px 0 0 0; padding: 0; clear: both; height: 44px; width: 960px;}
#nav {list-style: none; margin: 0; padding: 0;}
#nav ul {margin: 0; padding: 0;}
#nav li {float: left; margin: 0; padding: 0;}
#nav a {display: block; line-height: 44px; margin: 0; padding: 0 20px 0 15px; font-size: 10pt; color: #fff;}
#nav li a:hover {color: #6598b8; text-decoration: none; display: block;}
#nav li ul {list-style: none; position: absolute; width: 150px; left: -999em;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li li {float: left; margin: 0; padding: 0; width: 150px;}
#nav li li a {width: 150px; height: 24px; line-height: 24px; color: #fff; border-top: 1px solid #131f27; background: #040404; margin: 0; padding: 5px 20px 5px 15px;}
#nav li li a:hover {border-top: 1px solid #131f27; background: #000; padding: 5px 20px 5px 15px;}
#nav li:hover, #nav li.sfhover {/
* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;}
#toprss {float: right; margin: 10px 15px 0 0; display: inline; width: 65px; line-height: 41px;}
/* Top Content */
#main {margin: 15px 20px 0; clear: both; width: 955px; padding-bottom: 5px;}
#contentwrapper {float: left; width: 560px; margin: 0 0 15px 0; padding: 0;}
#contentwrapper2 {float: left; width: 900px; margin: 0 0 15px 0; padding: 0;}
#contentwrapper .pageTitle, #contentwrapper2 .pageTitle {margin: 15px 0 10px 0; font-size: 14px; color: #fff; font-weight: normal; background: url(images/bg-trans.png) repeat; padding: 5px;}
.topPost {margin: 0; padding: 0; }
.topPost h2.topTitle a {font-weight: normal; color: #fff;}
.topPost h2.topTitle a:hover {text-decoration: none; color: #333;}
.topPost p.topMeta {padding: 0; margin: -10px 0 0 0; font-size: 9px; color: #597a95;}
.topPost p.topMeta a {color: #fff;}
.topPost p.topMeta a:hover {color: #ccc;}
.topPost div.topContent { margin: 8px 0;}
.topPost div.topContent a { color: #fff;}
.topPost div.topContent a:hover {color: #ff9933;}
.topPost div.topContent ul, .topPost div.topContent ol {padding: 0 0 0 30px;}
.topPost div.topContent ul li, .topPost div.topContent ol li {}
.topPost span.topComments, .topPost span.topMore, .topPost span.topTags {font-size: 9pt; font-style: italic; background: url(images/bg-trans.png) repeat; padding: 8px 10px; margin-right: 5px; line-height: 27px; color: #fff;}
.topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover {background: #789dbd;}
.topPost span.topComments a {color: #fff; background: url(images/comments.gif) left no-repeat; padding-left: 20px; line-height: 27px; vertical-align: middle;}
.topPost span.topMore a {color: #fff; background: url(images/more.gif) left no-repeat; padding-left: 20px; line-height: 27px; vertical-align: middle;}
.topPost span.topTags em {background: url(images/tags.gif) left no-repeat; padding-left: 20px; line-height: 27px; vertical-align: middle; color: #0a0a0a;}
.topPost span.topTags a {color: #fff; line-height: 27px; vertical-align: middle;}
.topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {color: #fff; }
#nextprevious {margin: 10px 0 5px 0;}
#nextprevious a {color: #83adc8; text-transform: lowercase; }
#nextprevious a:hover {color: #fff;}
/* Comments */
#comment {margin-bottom: 10px; background: #789dbd; width: 530px; /* fixe
s bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */ padding: 10px 15px; color: #fff;}
#comment a {color: #6598b8;}
#comment a:hover {color: #fff;}
#numberofcomments {color: #fff; font-size: 12px; margin-top: 10px;}
ol#commentlist {list-style: none; margin: 10px 0; font-size: 9px;}
#commentlist li {margin: 0 0 15px 0; padding: 10px; background: #030303; border: 1px solid #0a0a0a;}
#commentlist li.alt {background: #000; border: 1px solid #010101; border: none;}
#commentlist li.cleared {background: transparent; border: none;}
#commentlist a:hover {color: #eee;}
#commentlist a.gravatar {float: left; margin: 0 10px 0 0; width: 69px;}
#commentlist .commentbody {margin: 0; padding: 0 5px 0 0; float: right; width: 410px;}
#commentlist .commentbody p a {}
#commentlist cite {font-size: 10px; font-style: normal; color: #ddd;}
#commentlist small.commentmetadata a {color: #666;}
#commentlist p {color: #dedede;}
#comment h3 {font-size: 10px; font-weight: normal; color: #fff; margin: 15px 0 0 0; padding: 0;}
textarea#comment {width: 450px; background: #fff; color: #111;}
#comment #submit {margin-left: 0px; margin-top: -25px;}
/* Welcome section */
#main #welcome {margin: 0 0 20px 0; padding: 0 0 5px 0; background: url(images/bg-trans.png) repeat;}
#main #welcome h2 {font-size: 14px; font-weight: normal; color: #fff; margin: 0 10px; padding: 10px 0 3px 0;}
#main #welcome p {color: #eee; margin: 0 10px; padding: 6px 0;}
#main #welcome a { color: #ff9933;}
#main #welcome a:hover {color: #6598b8;}
#main #welcome form {margin: -5px 0 0 0; background: transparent;/* req
uired for IE */}
#main #welcome #feedbox {border: 1px solid #ccc; padding: 2px 1px; width: 180px;}
.submitbutton {margin: -5px 0 0 5px; background: #4c6e89; color: #fff; font-size: 10px; padding: 3px 6px; vertical-align: middle; border: 1px solid #45657e;}
.submitbutton:hover {cursor: pointer; background:  #608cae;}
/* Sidebars */
#sidebars {margin: 5px 0 0; float: right; width: 360px;}
#sidebars .sidebarbox {background: url(images/bg-trans.png) repeat; padding: 8px 15px;}
#sidebar_full {padding: 0; margin: 0;}
#sidebar_left {float: left; width: 160px;}
#sidebar_right {float: right; width: 160px;}
#sidebars h2 {margin: 0; padding: 0 0 8px; font-weight: normal; font-size: 1.3em; text-transform: uppercase;}
#sidebars table {width: 130px;}
#sidebars ul {margin: 0; padding: 0 0 5px 0;}
#sidebars li {margin-bottom: 20px; list-style: none;}
#sidebars ul ul{padding: 0 0 15px;}
#sidebars li ul {padding: 0;}

#sidebars ul ul li {margin: 0; padding: 2px 2px 2px 16px; background: url(images/bullet.gif) left 8px no-repeat; line-height: 17px;/* Required 
for cross-browser consistency; cross-browser defaults vary. */}
#sidebars a {display: inline;}
#sidebars a:hover {color: #fff;}
#sidebars p {padding: 2px 0;}
#tag_cloud a {display: inline;}
#sidebars ul.children li {border-bottom: none;}
#sidebars ul.children {margin-bottom: 0;}
/* @group Calendar */
table#wp-calendar {border: 1px solid #90afc6; margin: 5px 0;width: 240px;}
table#wp-calendar .pad {background-color: #9ec0da;}
table#wp-calendar caption{text-align: left;}
table#wp-calendar td a {font-weight: bold;}
table#wp-calendar th {width: 14%; height: 24px; text-align: center; background-color: #90afc6; border: 1px solid #90afc6; vertical-align: middle;}
table#wp-calendar td {width: 14%; height: 24px; text-align: center; border: 1px solid #90afc6; vertical-align: middle; background-color: #a4c7e2;}
table#wp-calendar td#today {background-color: #a9dcf9;}
table#wp-calendar td a {font-weight: bold; color: #0070d1;}
table#wp-calendar tfoot td{height: 20px;}
table#wp-calendar td#prev {height: 20px; text-align: left; background-color: #90afc6; padding-left: 6px; vertical-align: middle;}
table#wp-calendar td#next {height: 20px; text-align: right; background-color: #90afc6; padding-right: 6px; vertical-align: middle;}
table#wp-calendar tfoot td.pad{background-color: #90afc6;}
/* @end */
/* Before footer */
#morefoot {background: #eee url(images/bggrad.jpg) top left repeat-x; padding: 15px; color: #a7b8c5; margin: 0 0 10px 0;}
#morefoot p {margin: 5px 0; padding: 5px 0;}
#morefoot ul {list-style-type: none; margin-top: 5px;}
#morefoot ul li, #morefoot p {}
#morefoot a {color: #ddd;}
#morefoot a:hover {color: #6598b8;}
#morefoot h3 {font-size: 12px; font-weight: normal; color: #dfdfdf; border-bottom: 1px dotted #444; margin: 0; padding: 0 0 2px 0;}
#morefoot #searchbox {padding: 1px; width: 180px;}
#morefoot .col1 {float: left; width: 340px;}
#morefoot .col2 {margin: 0 25px;}
#morefoot .col2, #morefoot .col3 {float: left; width: 260px;}
#morefoot li {padding-left: 20px; margin-bottom: 5px; background: url(images/more.gif) left 2px no-repeat; line-height: 17px;/* Require
d for cross-browser consistency; cross-browser defaults vary. */}
/* footer*/
#footer {clear: both; padding: 15px 0 0 0; height: 45px; background: url(images/footer_bg.jpg) bottom repeat-x;}
#footer p {font-size: 9px; color: #9babb7; padding: 0; text-align: center; margin-top: 18px;}
#footer a {color: #bbb;}
#footer a:hover {color: #fff;}
#footerleft {float: left; width: 500px;}
#footerright {float: right; width: 300px; text-align: right;}
/* Misc */
.highlight {color: #222; font-weight: bold;}
.cleared {margin: 0; padding: 0; clear: both;}
.alignleft {float: left; margin: 5px 10px 5px 0;}
.alignright {float: right; margin: 5px 0 5px 10px;}
.aligncenter,
div.aligncenter {margin: 10px auto; text-align: center; display: block;}
img.alignleft {float: left; margin: 5px 10px 5px 0;}
img.alignright {float: right; margin: 5px 0 5px 10px;}
img.aligncenter {margin: 10px auto; text-align: center; display: block;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; /* optional r
ounded corners for browsers that support it */

  -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; color: #111;}
#lawyer h1 {font-size: 1.8em;}
#lawyer td,th {background: #efefef;}
#lawyer th:before {content: open-quote; color: #69c;}
#lawyer th:after {content: close-quote; color: #69c;}
#partners th {border-bottom: #ddd 2px solid; font-size: 1.5em; padding: 10px 10px 0;}
#associates th {border-bottom: #ddd 2px solid; font-size: 1.5em; padding: 10px; padding: 10px 10px 0;}
#home_link {width: 500px; height: 120px; ;
		display: block; position: absolute;}
ul.client li {}