/*
Theme Name: ThaiSelect UK
Theme URI: http://www.smartthing.org
Description: A bespoke theme for the ThaiSelect website
Author: Warren Sherliker
Author URI: http://www.www.smartthing.org

*/

body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 85%; color: #444; background-color: #7A9532; border-top: 6px solid #6b7e26}
#main-container { width:960px; margin: 0px auto; padding: 0px; padding-bottom: 20px; background: #7a9532 url(images/background.gif) repeat-y;}
#container { width: 850px; margin: 0px auto; padding: 35px 20px 0;}

/* Top navigation */
#topnav { display: block; clear: both; overflow: hidden;  width: 850px; font-size: 0.86em; /*text-transform: uppercase;*/ font-weight: bold; background-color: #ffe0b6 }
#topnav .left { float: left;  display: inline; }
#topnav .right { float: right; display: inline; padding: 0px 10px; text-align: right; }
#topnav p {	padding: 5px 0px; margin-bottom: 0px; }
#topnav ul { margin: 0px; padding: 0px; }
#topnav li { float: left; list-style-type: none; margin: 0px; padding: 6px 0px; }
#topnav li a { color: #5d500a; text-decoration: none; padding: 10px 10px 7px 10px; background-color: #faa61b }
#topnav li a:hover { color: #fff; padding: 10px 10px 7px 10px; background-color: #faa61b  }
#topnav li.page-item-2 a {background-color:#faa61b}
#topnav li.page-item-9 a {background-color:#fcb54d}
#topnav li.page-item-15 a {background-color:#fdbe63}
#topnav li.page-item-22 a {background-color:#fdc779}
#topnav li.page-item-111 a {background-color:#fecf8c}
#topnav li.page-item-35 a {background-color:#fed8a1}
#topnav li.page-item-40 a {background-color:#ffe0b6}
#topnav li.page-item-44 a {background-color:#ffe0b6}
#topnav li.page-item-609 a {background-color:#ffe0b6}
#topnav li.page-item-48 {display: none;}
#topnav li.current_page_item a {background-color:#fff; color:#d08a16}

/* Header and Titles */
#header { display: block; clear: both; overflow: hidden; width: 850px; height: 110px; padding: 0px; background: #819146 url(images/header-bg.png) no-repeat }
#header a { color: #eee; text-decoration: none; }
#header a:hover { color: #ccc; }
#header p.site-title { margin: 15px 10px 0px 24px; font-size: 4.0em; font-family: Georgia, "Times New Roman", Times, serif; color: #eee; line-height: 110%; }
#header p.site-slogan { margin: 0px 10px 0px 48px; font-size: 1.8em; color: #390; }

/* Temporary */ #header p.site-title {display:none;}

/* The box below the header image */
#slogan {  background-color: #fff; display: block; clear: both; overflow: hidden; width: 850px; padding: 6px 0px; margin-bottom: 0px; border-bottom: 3px #222 solid; }
#slogan .left { float: left; display: inline; overflow: hidden; font-size: 0.9em; margin-bottom: 0px; padding-left :10px}
#slogan .right { float: right; display: inline; margin-bottom: 0px; font-size: 0.9em; text-align: right; padding-right: 10px}

/* The wrapper for content and sidebars */
#wrapper { display: block; clear: both; overflow: hidden; width: 830px;   padding: 10px; background: #6b7e26 url(images/content-bg.png) repeat-y scroll 0 15px; margin-bottom: 20px; font-size: 0.9em; color: #fff}

/* The content area - to move the content to the right float the content right and the sidebar-wrapper left and change the side margins. */
#content { display: block; float:left; overflow: hidden; padding: 10px 20px 10px 0px; width: 500px;  }
#content h1 { color: #fff; /*border-bottom: 2px dotted #ccc; border-top: 2px dotted #ccc;*/ }
#content h1 a { color: #060; }
#content.bookmarks ul { margin: 0px 0px 18px 0px; padding: 0px; }
#content.bookmarks li { line-height: 140%; margin: 0px 0px 14px 0px; padding: 0px; list-style-type: none; }
#content.bookmarks li a { font-size: 1.1em; margin-right: 6px; }
#content.bookmarks h2 { color: #060; }
#content .post { margin-bottom: 12px;  }
#content .postmeta { font-size: 90%; padding: 5px 0px 5px 0px; margin-bottom: 10px; }
#content .postmeta h4, #content .postmeta p { margin: 0px 0px 5px 0px; font-weight: normal; font-size: 1.0em; }

/* WordPress Images and Captions */
/*#content .post p.wp-caption-text {
background-color:#E9E9E9;
color:#444444;
font-size:0.8em;
line-height:135%;
margin:0;
padding:3px;
text-align:center;
}*/
.wp-caption {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#F3F3F3;
border:1px solid #DDDDDD;
margin:10px;
padding-top:4px;
text-align:center;
}
.wp-caption img {
border:0 none;
margin:0;
padding:0;
}
.wp-caption-dd {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.wp-caption-text {color:#444;}
#content .post div.alignleft { float: left; margin: 0px 10px 10px 0px; padding: 0px; border: 1px #ccc dotted; }
#content .post div.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0px; border: 1px #ccc dotted; clear: both; }
#content .post div.alignright { float: right; margin: 0px 0px 10px 10px; padding: 0px; border: 1px #ccc dotted; }
#content .post .alignleft img, #content .aligncenter img, #content .alignright img, #content .wp-caption img { margin: 5px; padding: 0px; }

/* The previous home top and next links at the bottom of the content */
.content-bot {  padding: 10px; font-weight: bold;  text-align: center; }
.content-bot a, .content-bot a:hover { margin: 2px 10px; }

/* Comments */
.comments ul { margin: 0px 0px 12px 0px; padding: 0px; }
.comments li { list-style-type: none; border: 1px solid #ccc; padding: 5px 7px 0px 7px; margin: 0px 0px 12px 0px; font-size: 85%; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
img.avatar {float:left; margin-right:5px;}
.comments em {color:#ff0}

/* The wrapper for both sidebars */
#sidebar, #sidebar-wrapper { float: right; display: block; overflow: hidden; width: 250px; padding: 0px 0px 10px 10px; }

/* The ad block */
#sidebar-wrapper .ad-blocks { margin: 8px -12px 5px -12px; }
#sidebar-wrapper .ad-blocks img { margin: 0px 14px 10px 14px; }

/* The sidebars */
#sidebar-left { float: left; display: inline; overflow: hidden; padding: 10px 10px 10px 0px; width: 110px;  text-align: left; }
#sidebar-right { float: right; display: inline; overflow: hidden; padding: 10px 0px 10px 10px; width: 110px; }
#sidebar-wrapper h2, #sidebar-left h2, #sidebar-right h2 { color: #fff; margin-bottom: 12px; font-size: 1.2em; font-weight: normal}
#sidebar-wrapper h2, #sidebar-left h2 a, #sidebar-right h2 a { color: #fff; text-decoration: none; font-weight: normal; }
#sidebar-wrapper h2 a.rsswidget img, #sidebar-left h2 a.rsswidget img, #sidebar-right h2 a.rsswidget img { display: none; }
#sidebar-wrapper ul, #sidebar-left ul, #sidebar-right ul { margin: 0px; padding: 0px;  }
#sidebar-left ul.main-links li { font-weight: bold; }
#sidebar-wrapper li, #sidebar-left li, #sidebar-right li { margin: 0px; padding: 3px 0px; /*border-bottom: 1px dotted #ccc; */
list-style-position:inside;
list-style-type:circle; width: 100%; }
#sidebar-wrapper li a:hover, #sidebar-left li a:hover, #sidebar-right li a:hover { color: #004183;}
#sidebar-wrapper li a {text-decoration:none; }
#sidebar .widget, #sidebar-wrapper .widget { 
margin-bottom:10px;
}
#sidebar-left #searchform input, #sidebar-right #searchform input { width: 100%}

/* The Footer */ 
#footer { display: block; clear: both; background: #6b7e26; width: 100%; padding: 8px 0px; }
#footer p { margin: 12px; text-align: center; color: #fff; font-size: 0.9em; }
#footer a { color: #ddd; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* Universal styles */
p, h1, h2, h3, h4, h5, h6, h7 { margin-top: 0px; margin-bottom: 17px; }
p, #content li { line-height: 145%; }
p.small { font-size: 85%; }
blockquote { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 0.9em; margin: 5px 15px 15px 15px; padding: 10px 10px 5px 10px; border: 1px #ccc dotted; background: #efefef; }
h1, h2 { font-family: Verdana, Georgia, "Times New Roman", Times, serif; font-weight: normal; }
h1 a, h2 a { color: #fff; text-decoration: underline; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.3em; }
a { color: #fff; font-weight: bold}
a img { border: 0px; }
a:hover { color: #004183; }
input.text, input.password {margin-bottom: 1em; margin-left: 1em;}
input#logsubmit {margin-top: 1em;margin-bottom:1em;}
#sidebar-wrapper #wp-calendar { width: 100%; margin: 0;}

#bizdir_directory {margin-top: 1em;margin-bottom: 1em;}

img.alignright { float:right;padding-left:10px;padding-bottom:10px; padding-top:10px}
img.alignleft { float:left;padding-right:10px;padding-bottom:10px; padding-top:10px}
#content ol.commentlist li {border: 1px solid #fff; padding: 1em; margin-top: 1em; margin-bottom: 1em}

.cform fieldset { background: none !important;}
.cform legend { color: #fff !important;}
.featureimg { margin-top:1em;margin-bottom: 1em;}

#homepage #main-container {height:560px}
#homepage #container {position:relative;}
#homepage a {color:#fff}
#homepage a:hover {color:#004183}
#homepage .pos {position:absolute; white-space:nowrap}
#homepage #mainlogo {position:absolute;top:233px;left:200px;}
#homepage #maindep {position:absolute;top:520px;left:790px;}
#menuholder {position:relative;}
#L1 {top:100px;left:672px;}
#L2 {top:160px;left:85px;}
#L3 {top:326px;left:10px;}
#L4 {top:410px;left:500px;}
#L5 {top:300px;left:758px;}
#L6 {top:120px;left:466px;}
#L7 {top:338px;left:300px;}
#L8 {top:397px;left:50px;}
#L9 {top:465px;left:80px;}
#L10 {top:350px;left:550px;}
table {margin-top:10px;margin-bottom:10px;}
#mainlogo h1 { float:left;}
#header h1 a { margin-top:10px; background:transparent url(images/logo.gif) no-repeat scroll left center; }
#mainlogo h1 a { margin-top:30px;background:transparent url(images/logo-titleonly.gif) no-repeat scroll left center;}
#header h1 a, #mainlogo h1 a {
display:block;
float:left;
height:91px;
margin-left:10px;
text-indent:-9999px;
width:368px;
}
#header h1 {float:left;}
#header img.alignright {margin-right:15px;padding:0;margin-top:30px;}
#thaiselectswf {float:left;}
#homepage li {list-style-type: none;}
.more-link {float: right;}
.post {clear: both;}
.post h3 {margin-bottom: 0;clear:both;}
.hidden {display:none;}
.content-bot {border:1px solid #DDDDDD;
clear:both;
color:#000000;
display:block;
font-weight:bold;
padding:10px;
text-align:center;}
.featured {text-align:center;background-color:#7A9532;
border:1px solid #DDDDDD;}

#content.widecontent {width:830px;padding:0;padding-top:10px;}
#sidebar {padding-top:10px;}