/* 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.jpg) repeat-x ;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;

}
/*a, a:link, a:visited {
	color: #c71100;
	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;
}
#imgtop {
	margin-left:10px; margin-right:10px; height:250px; margin-bottom:0px;
}
.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:#c71100 }
.title a:hover, .pichome a:hover, .rss a:hover { color:#78bdea; text-align:left; }
h1 {
	
	margin: 0px;
	font: lighter 2.0em/1.0em "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: #c71100;
	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: #c71100;
	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-top:1px;
	margin-bottom:0px;
	margin-right:5px;
	background-image:url(images/long_under_bar3.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:5px;
	/*border-bottom:#CCCCCC dotted 2px;*/
	height:auto; display: block;
	
}
#popcat {
	margin-top:5px;
	margin-bottom:0px;
	margin-right:5px;
	background-image:url(images/long_under_bar3.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:5px;
	/*border-bottom:#CCCCCC dotted 2px;*/
	height:auto; display: block;
}
.picleft {
	float:left;
	margin-top:5px;
	margin-right:8px;
}
.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;}
#welcome {
	background-image:url(images/welcome_to_thailand.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding-bottom:5px;
	padding-left:5px;
	padding-top:0px;
	padding-bottom:3px;
	padding-right:5px;
	border:1px;
	/*margin:0px;*/

}
#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;
}
/*#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: #c71100;
	width: 100%;
	font: lighter 2.0em/1.8em "trebuchet MS", "Lucida Sans Unicode", Georgia;
}*/
#col-recent {
width:480px; padding-top:0px;padding-left:0px; vertical-align:top; margin-bottom:0px; text-align:left; background-color:#E9F6FE; 
}
#col-recent h2 {
	color: #c71100;
	width: 100%;
	font: lighter 2.0em/1.8em "trebuchet MS", "Lucida Sans Unicode", Georgia;
}
#col-recent h3 {
	color: #c71100;
	width: 100%;
	font: lighter 1.8em/1.5em "trebuchet MS", "Lucida Sans Unicode", Georgia;
}
/* content area */
#wrapper {
	padding:0px 9px 10px 9px;
	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;
}
select {
background-color: #f9f6ae;
color: black;
font-family:"trebuchet MS", "Lucida Sans Unicode", Georgia;
font-size:12px;
border:#93C9FF solid 3px;
text-indent:0px;
width:230px;
margin:2px;
padding:3px;
}
#selectcat {
width:320px;
height:80px;
vertical-align:top;
background-image:url(images/bg_blgr.gif);
background-position:right top;
background-repeat:no-repeat;
background-color:#D3F0F5;
text-align:center;
padding-bottom:10px;
margin-bottom:10px;
}
#selectcat h2{
	color: #c71100;
	margin: 0px 0px 0px;
	width: 100%;
	font: lighter 1.8em/1.5em "trebuchet MS", "Lucida Sans Unicode", Georgia;
	padding: 0px;
}
/*select .scrollbar{
scrollbar-base-color: #88C1FF;
scrollbar-arrow-color: #00599E;
scrollbar-3dlight-color: #EAFCFF;
scrollbar-darkshadow-color: #294EEC;
scrollbar-face-color: #85DDF8;
scrollbar-highlight-color: #EFF9FE;
scrollbar-shadow-color: #003D44;
scrollbar-track-color: #2663F2;
}*/
#icon_caption, #icon_caption a, #icon_caption a:visited, #icon_caption a:active {
	margin: 0px;
	font-family:"trebuchet MS";
	font-size:12px;
	color: #c71100;
	font-weight:bold;
	text-align:center;
}
#icon_caption a:hover {
	color: #ffe261;
}
#wp-calendar a:link, #wp-calendar a:visited {
 text-decoration: none;
	color: #000000;
	font-weight: bold;
}
#wp-calendar a:hover, #wp-calendar a:active {
	text-decoration: none;
	color: #999900;
	font-weight: bold;
}
#wp-calendar th {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#wp-calendar #next a {
	text-align: left;
	color: #000000;
	text-decoration: none;
	float: right;
	padding-top: 10px;
}
#wp-calendar #prev a {
	text-align: center;
	color: #999900;
	text-decoration: none;
	float: left;
	padding-top: 10px;
}
#wp-calendar td {
	margin: 0px;
	padding: 3px;
	text-align: center;
}
#wp-calendar tf {
	margin: 0px;
	padding: 0px;
}
#wp-calendar {
	width: 200px;
	background-color:#FFFFFF;
	list-style-type: none;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F5EECD;
	border-right-color: #F5EECD;
	border-bottom-color: #F5EECD;
	border-left-color: #F5EECD;
	font-size: 12px;
	margin: 0px;
	float: inherit;
}

#eco3 li{
background-image: url(images/bullet_blue.gif); background-position:left; background-repeat:no-repeat;
padding-left:15px; 
}
#sub {
		border-bottom:#CCCCCC dotted 2px;
}
#sub h2 {
	color: #c71100;
	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: #c71100;
	text-decoration: none;
}
#sub h2 a:hover {
	color: #56bdea;
	text-decoration: none;
}
#sub input {
	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
}

.tabcontentstyle{ /*style of tab content container*/
width: 98%;
margin-bottom: 1em;
padding: 5px;
height:500px;
}
.contentarea-out{
background:#f8efc5;
margin-left:0px;
width:480px;
padding:5px;
border:solid 1px #ffe261;
}
.contentarea-in {
background:#ffffff;
font-family:Verdana;
width:97%; 
min-height: 500px; 
margin-bottom:1em;
padding:5px;
text-align:left;
}
* html div.contentarea-in { 
   height: expression( this.scrollHeight < 5011 ? "500px" : "auto" ); /* sets min-height for IE */
   min-height: 500px; /* 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:#c71100;
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;
}
@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:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


.ddcolortabs a{
float:left;
color:#FFFFFF;
background: #ff9500 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;
}

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

.ddcolortabs a span{
float:none;
}

/* 
light green >#8cb85c 
dark green > #678b3f 
light blue > #9d0d00
dark blue > #c71100
*/
.ddcolortabs a:hover,.ddcolortabs a.selected{
background-color: #fbbe05;
color:#FFFFFF;
}
.ddcolortabs a:hover span,.ddcolortabs a.selected span{
background-color: #fbbe05;
}

/* set blue */

.blue a{
float:left;
color: white;
background: #9d0d00 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;
}

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

.blue a span{
float:none;
}

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

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

.blue a, .blue span{ /*currently selected tab*/
background-color: #9d0d00;
}

.ddcolortabsline{
clear: both;
padding: 0;
width: 99%;
height: 8px;
line-height: 8px;
background: #ffe261;
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 #ffe261;
	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 #ffe261;
	padding:10px;
	text-align:left;
	margin-bottom:5px;
	height:auto;
}
#events_box{
	float:left;
	text-align:left;
	width:238px;
	border:solid 1px #ffe261;
	padding:10px;
}
#event_h1{
	font-family:Verdana;
	font-style:italic;
	font-weight:bolder;
	text-align:left;
	color:#072440;
}
#events_box ul{
	text-align:left;
	margin:0;
	padding:0px;
	list-style-type:none;
	padding:10px 5px 13px 5px;
}
#events_box li{
	text-align:left;
	padding:10px 5px 13px 5px;
	list-style-type:none;
	background:url(images/hr_left_menu.jpg) no-repeat bottom ;
}
#events_box a:hover{
	color: #000066;
	}
#title_right{
	height:41px;
	width:188px;
	background:url(images/bg_blue_bar.jpg) repeat-x bottom;
	display:table;
	float:left;
	
}
#title2{
	height:41px;
	background:url(images/bg_blue_bar.jpg) repeat-x bottom;
	margin:0px;
	}
#pin{
	background:url(images/dragon_end_title_white.jpg) no-repeat right;
	float:left;
	width:29px;
	height:41px;
	padding:0px 0px 0px 10px;
}
#text_tbar_left{
	padding:7px 0px 5px 3px; 
	float:left;
	color:#c31100;
	font-style:italic;
	font-size:23px; 
	font-family: Times New Roman, Times, serif;
}
#tbar_left_corner{
	background:url(images/r_bar_corn.jpg) no-repeat;
	width:20px;
	height:41px;
	float:right;
}
.blue_box{
	margin-bottom:5px; 
	background-color:#ffe261;
	border:solid 1px #ffe261;
	padding:5px 10px 5px 8px;
}
#td_calender{
	 background-color:#ffe261;
	 background-image:url(images/footer_caleder_even.jpg);
	 background-position:bottom right ;
	 background-repeat:no-repeat;
	 padding:15px 0 40px 0 ;
}
#pop_cat_footer{
	background:url(images/footer_popular.jpg) no-repeat;
	float:right;
	width:250px;
	height:54px;
	margin-bottom:5px;
}
.post { text-align:left;}
#ec3_2009_3{
	width:196px;
}