/* Theme Name: TTO
Theme URI: http://www.thailand-travelonline.com
Description: TTO is a Web 2.0 style widget ready 
<a href="http://www.webmedia-solutions.com/">Wordpress theme</a> crafted by 
<a href="http://www.webmedia-solutions.com">TextNData</a>.
Version: 1.0
Author: WMS
Author URI: http://www.webmedia-solutions.com
	This theme is under Maithai Enterprises Co., Ltd. License.
*/

body {
	margin: 0px;
	background:url(images/pic_bg-lightgrey.gif) repeat-x ;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;

}
a, a:link, a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #000066;
}
img {
	border: none;
}
p {
	font-family:Tahoma, "Trebuchet MS", Tahoma, Arial;
	font-size:11px;
	color:#000000;
	line-height: 14px;
	font-style: normal;
	margin-bottom:5px; margin-top:0px;
	text-align: left;
}
.wp_bannerize_group p {
	text-align: center;
}
.ec3_events {
	font-family:"Trebuchet MS", Tahoma, Arial;
	display: inline;
	color: #000000;
	padding: 0px;
	margin: 0px;
}
.ec3_list ec3_list_month a:link, .ec3_list ec3_list_month a:visited,  .ec3_list ec3_list_month a:active{
	display: block;
	padding-left: 15px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	background-image:url(images/bullet_blue.gif);
	background-position:left 3px;
	background-repeat: no-repeat;
}
.ec3_list ec3_list_month a:hover {
	display: block;
	padding-left: 15px;
	color: #3399CC;
	text-decoration: underline;
	text-align: left;
	background-image:url(images/bullet_blue.gif);
	background-position:left 3px;
	background-repeat: no-repeat;
}
.title { 
font-family:"Trebuchet MS", Tahoma, Arial;
font-size:14px;
font-weight:bold;
font-style:normal;
text-align:left;
margin:0px;
}
.title a,.title a:link,.title a:visited, .pichome a, .pichome a:link, .pichome a:visited,.rss a, .rss a:link, .rss a:visited  { color:#006699 }
.title a:hover, .pichome a:hover, .rss a:hover { color:#78bdea; text-align:left; }
h1 {
	
	margin: 0px;
	font: lighter 16.5px "trebuchet MS", "Lucida Sans Unicode", Georgia;
	color: #0066CC;
}
h1 a, h1 a:visited{
	color: #0066CC;
	text-decoration: none;
}
h1 a:hover{
	color: #0099FF;
	text-decoration: none;
	border: none;
	background: none;
}
h2 {
	color: #006699;
	margin: 0px 0px 2px;
	width: 100%;
	font-size:17px;
	font-family:"trebuchet MS", "Lucida Sans Unicode", Georgia;
	padding-bottom: 3px;
}
h2 a, h2 a:visited {
	color: #006699;
	text-decoration: none;
}
h2 a:hover {
	color: #56bdea;
	text-decoration: none;
}
h3 {
	font: bold 125%/100% "Trebuchet MS", Tahoma, Arial;
	margin: 10px 0px 5px;
}
h4 {
	font: normal 110% "Trebuchet MS", Tahoma, Arial;
	color: #758d38;
	text-align:left;
	margin:0px;
}
#popcat1 {
	
	margin-bottom:0px;
	border-bottom:#CCCCCC dotted 2px;
	height:auto; display: block;
	padding-top:38px;
	background:url(images/top_popular.jpg) no-repeat; 
}
#popcat {
	margin-top:5px;
	margin-bottom:0px;
	border-bottom:#CCCCCC dotted 2px;
	height:auto; display: block;
}
.picleft {
	float:left;
	margin-top:5px;
	margin-right:8px;
}
.queserasera {margin-bottom:10px; width:167px; line-height:20px; text-align:center;} 
.pichome { width:100px;
	font-family:Verdana;
	float:left;
	padding-top:5px;
	margin-right:8px;
	text-align: center;
	font-size:11px;
	font-style:italic;
	vertical-align: top;
	text-transform: capitalize;
}
.pic_des { border:#FFFFFF solid 2px;}

/*#col-event {
width:100%; padding:0px 10px 10px 10px; vertical-align:top;
}
#col-event  ul, #col-event  li{
	display: block;
	list-style-type: none;	
	margin:0px;
}
#col-event h2 {
	color: #006699;
	width: 100%;
	font: lighter 2.0em/1.8em "trebuchet MS", "Lucida Sans Unicode", Georgia;
}*/
#col-recent {
width:668px; padding-top:0px;padding-left:0px; vertical-align:top; margin-bottom:0px; text-align:left; background-color:#E9F6FE; 
}
#col-recent h2 {
	color: #006699;
	width: 100%;
	font: lighter 2.0em/1.8em "trebuchet MS", "Lucida Sans Unicode", Georgia;
}
#col-recent h3 {
	color: #006699;
	width: 100%;
	font: lighter 1.8em/1.5em "trebuchet MS", "Lucida Sans Unicode", Georgia;
}
/* content area */
#wrapper {
	padding-left:10px;padding-right:10px;padding-bottom:10px;
	background-color:#FFFFFF ;
	width:960px;
	text-align: left;
	border-left: #999999 solid 1px;
	border-right:#999999 solid 1px;
    margin: 0px auto;
}
#content {
	padding-top:0px;padding-right:0px;padding-left:0px;padding-bottom:5px;
	background-color:#FFFFFF ;
	width:960px;
}
#rp {
background-image:url(images/bg_topper.jpg);
background-position:left top;
background-repeat: repeat-x;
padding-top:5px;padding-left:10px;padding-bottom:5px;padding-right:10px; 
width:320px; vertical-align: top;
text-align:left;
}

#sub {
		border-bottom:#CCCCCC dotted 2px;
}
#sub h2 {
	color: #006699;
	margin: 0px 0px 0px 0px;;
	width: 100%;
	font: lighter 22px "trebuchet MS", "Lucida Sans Unicode", Georgia;
	padding: 0px;
	line-height:23px;
}
#sub h2 a, #sub h2 a:visited {
	color: #006699;
	text-decoration: none;
}
#sub h2 a:hover {
	color: #56bdea;
	text-decoration: none;
}
#sub input {
	/*background-color: #CEE7FF;*/
	background-color: #f9f6ae;
	color: black;
	font-family:"trebuchet MS", "Lucida Sans Unicode", Georgia;
	font-size:12px;
}
.recent-post {
	font-size:10px;
	color:#666666;
}
.recent-post a,.recent-post a:visited,.recent-post a:hover{
	font-size:10px;
	color:#666666;
	text-decoration:underline;
	
}
.recent-post a:hover{
	font-size:10px;
	color:#333333;
	text-decoration:underline
}

.blue a{
float:left;
color: white;
background: #7ab6d6 url(images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 10px 1px 13px;
text-decoration:none;
letter-spacing: 1px;
}

.blue a span{
float:left;
display:block;
background: transparent url(images/color_tabs_right.gif) no-repeat right top;
padding:4px 20px 2px 17px;
}

.blue a span{
float:none;
}

.blue a:hover,.blue a.selected{
background-color: #006699;
}

.blue a:hover span,.blue a.selected span{
background-color: #006699;
}

.blue a, .blue span{ /*currently selected tab*/
background-color: #7ab6d6;
}
.ddcolortabslinewt{
clear: both;
padding: 0;
width: 99%;
height: 2px;
line-height: 2px;
background: #f1f1f1;
border:none;
}
.ddcolortabsline{
clear: both;
padding: 0;
width: 99%;
height: 3px;
line-height: 3px;
background: #2f4f95;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}
#grey_box_archives{
	font-family:Verdana;
	float:left;
	width:166px;
	border:solid 1px #d6dad9;
	padding:10px;
	text-align:left;
	margin-bottom:5px;
	height:auto;
}
 #grey_box_archives li {
	margin-left:15px;
	padding-left:0px;
	list-style:square;
}
#grey_box_archives li a:link, #grey_box_archives li a:active, #grey_box_archives li a:visited{
	padding:10px 5px 13px 0px;
	
	/*list-style:square;
	list-style:none;*/
}
#grey_box_archives li a:hover{
	padding:10px 5px 13px 0px;
	color:#000000;
}
#grey_box{
	font-family:Verdana;
	float:left;
	width:166px;
	border:solid 1px #d6dad9;
	padding:10px;
	text-align:left;
	margin-bottom:5px;
	height:auto;
}

#welcome {
}
#welcome p{
	font-family:Verdana;
	font-size:13px;
	text-align: left;
}
#quote {
font-family:"Trebuchet MS", Tahoma, Arial;
width:260px;
color: #6699CC;
font-size:23px;
background-image:url(images/quote.gif); background-position:left top; background-repeat:no-repeat;
padding-left: 0px; padding-top:5px; padding-bottom:5px; padding-right:10px;
text-align: left;
float: left;
line-height:26px;
margin-right:5px;
}
#imgtop {
	margin:10px 0px; height:140px; margin-bottom:0px;
}
#title-ttn{
	height:41px;
	background:url(images/bg_blue_bar_ttn.gif) repeat-x bottom;
	margin:0px;
	color:#FFFFFF;
	text-align:left;
	width:670px;
	padding-left:10px;
	}
#text_tbar_left a,#text_tbar_left a:link,#text_tbar_left a:visited,#text_tbar_left a:hover {
	color:#FFFFFF;
	}

.tabcontentstyle{ /*style of tab content container*/
/*border: 1px solid gray;*/
width: 98%;
margin-bottom: 1em;
padding: 5px;
height:850px;
}
.contentarea-out{
background:#f1f1f1;
margin-left:0px;
width:100%;
padding:5px;
border:solid 1px #d5d5d5;
}
.contentarea-in {
/*border:1px solid #132e72; */
background:#ffffff;
font-family:Verdana;
width:97%; 
min-height: 750px; 
margin-bottom:1em;
padding:5px;


}
* html div.contentarea-in { 
   height: expression( this.scrollHeight < 751 ? "750px" : "auto" ); /* sets min-height for IE */
   min-height: 750px; /* sets min-height value for all standards-compliant browsers */
   /*overflow: scroll;*/
}
.tabcontent{
display:none;
}
.tabcontent a,.tabcontent a:link , .tabcontent a:hover, .tabcontent a:visited {  
color:#006699;
font-family:Verdana;
font-weight:bold;
font-size:14px;
line-height: 19px;
}
.tabcontent p{
	font-family:Verdana, "Trebuchet MS", Tahoma, Arial;
	font-size:13px;
	color: #333333;
	line-height: 18px;
	font-style: normal;
	margin-bottom:5px; margin-top:0px;
	text-align: left;
}
.tabcontent p a,.tabcontent p a:link, .tabcontent p a:visited, .tabcontent p a:hover {
	font-family:Verdana, "Trebuchet MS", Tahoma, Arial;
	font-size:13px;
	color: #5a5a5a;
	line-height: 18px;
	font-weight:normal;
	text-align: left;
}

@media print {
.tabcontent {
display:block !important;
}
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.ddcolortabs{
margin-left: 0px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 0px;
}

.ddcolortabs ul{
font: bold 11px "Trebuchet MS", Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
display:inline;
margin:2px 2px 2px 0;
padding:0;
/*text-transform:uppercase;*/
}
.ddcolortabs a{
float:left;
color:#FFFFFF;
background: #4964ae url(images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
font-size:14px;
}

.ddcolortabs a span{
float:left;
display:block;
background: transparent url(images/color_tabs_right.gif) no-repeat right top;
padding:4px 25px 2px 25px;
color:#FFFFFF;
}

.ddcolortabs a span{
float:none;
}

/* 
light green >#8cb85c 
dark green > #678b3f 
light blue > #7ab6d6
dark blue > #006699
*/
.ddcolortabs a:hover,.ddcolortabs a.selected{
background-color: #2f4f95;
color:#FFFFFF;
}
.ddcolortabs a:hover span,.ddcolortabs a.selected span{
background-color: #2f4f95;
}
.tabtitle {margin:0px;padding:0px;}
.tabpostin {margin:0px; color:#666;}