/* Shinta Mani Luang Prabang v1 by id3 (http://www.id3.co.th) */
/* You may learn from and adapt elements of our CSS and markup in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright 2009 id3 (http://www.id3.co.th) and may not be reproduced.

QUICK REFERENCE:
text: #231f20;
font: "Lucida Grande", "Lucida Sans", "Trebuchet MS", sans-serif

lines: #ccc; (stronger lines)

last updated: 04/02/10
*/

/* http://developer.yahoo.net/yui/license.txt v2.6.0 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font:inherit inherit inherit}input,textarea,select{*font-size:100%}legend{color:#5e411b}del,ins{text-decoration:none}body{font:0.8em/1.231em Verdana, Arial, Helvetica, sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% Verdana, Arial, Helvetica, sans-serif}table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}h1{font-size:138.5%}h2{font-size:123.1%}h3{font-size:108%}h1,h2,h3{margin:1em 0}h1,h2,h3,h4,h5,h6,strong{font-weight:700}abbr,acronym{border-bottom:1px dotted #000;cursor:help}em{font-style:italic}blockquote,ul,ol,dl{margin:1em}ol,ul,dl{margin-left:2em}ol li{list-style:decimal outside}ul li{list-style:disc outside}dl dd{margin-left:1em}th,td{border:1px solid #000;padding:.5em}th{font-weight:700;text-align:center}caption{margin-bottom:.5em;text-align:center}p,fieldset,table,pre{margin-bottom:1em}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em}


/* TAGS */
body {
	color: #5e411b;
	margin: 0;
	background: #5a4e44 url(../p/bg_body.jpg) repeat-x top;
	padding: 0;
}
a:link, a:visited {
	color: #916b94;
	text-decoration: none;
}
a:active, a:focus, :active, :focus {outline:none;} /* firefox */
::selection {background:#d7eff1;} /* Safari, Opera text selection */
::-moz-selection {background:#d7eff1;} /* Firefox text selection */
address {font-style: normal;}
h1 {
	background: url(../p/logo.gif) no-repeat; /* STH logo */
	text-indent: -9999px;
	display: block;
	height: 49px;
	width: 221px;
	margin: 0;
	padding: 0;
	color: #524641;
	float: left;
}
h1 a:link, h1 a:visited {
	height: 53px;
	width: 285px;
	display: block; /* make link on logo clickable */
}
h2 {
	font-size: 1.9em;
	font-weight: normal;
	padding: 0;
	margin: 0;
	clear: right;
	float: right;
	color: #524641;
	line-height: 46px;
	background: url(../p/luang_prabang_coming_soon.gif) no-repeat;
	height: 17px;
	width: 275px;
	text-indent: -9999px;
}
h3 {
	font-size: 1.6em;
	margin: 0 0 10px;
	padding: 0;
}
h3 a:hover { color: #999; }
h4 {
	font-size: 1.4em;
	color: #603813;
	padding-bottom: 15px;
}

/* GENERIC */
.col { /* 2 column layout */
	width: 375px;
	margin: 0;
	padding: 0 0 15px;
}
.left {
	float: left;
	text-align: left;
	clear: left;
}
.right {
	float: right;
	width: 360px;
	text-align: left;
}
.cleaner { /* one rule to clear them all */
	margin: 0;
	padding: 0;
	clear: both;
	float: none;
	display: none;
}
.hidden { display: none; }
.rounded {
    border-radius: 4px;
	-moz-border-radius: 4px; /* rounded corners on images for real browsers */
	-webkit-border-radius: 4px; /* ie will ignore these */
}
.block {display:block;float:none;clear:both;}

/* FORMS */
#registerform {
	background: #c3b5a1 url(../p/bg_form.gif) no-repeat right bottom;
	padding: 10px;
}
fieldset {
	border: 1px solid #ccc;
	padding: 5px;
}
legend {
	font-weight: bold;
	margin-bottom: 10px;
	color: #524641;
}
label {
	width: 8em;
	float: left;
	margin-top: 5px;
	color: #fff;
}
input, select, textarea {
	background-color: #fff;
	color: #333; /* needs to be darker than standard text for legibility */
	margin: 0 0 15px;
	padding: 2px;
	border: 1px solid #e2e2e2;
	width: 200px;
}
input:focus, select:focus, textarea:focus {
	background-color: #b5a593;
	border: 1px solid #5e411b;
}
input[type='checkbox'], input[type='radio']{ /* sucky ie6 won't get this, others will */
	background: transparent;
	border: none;
	width: auto !important;
}
.required:after {
	content: '*';
	color: #00b1e0;
	float: right;
	padding-right: 5px;
}
label.error {
	background: #ffc;
	color: #333;
	display: block;
	margin: 0;
	clear: both;
	width: auto;
	float: none;
	padding: 5px;
}
#MessageContainer  { /* for validation messages */
	width: 250px;
	margin-bottom: 10px;
	background: #ffc;
	display: none;
}
.help {display: none;} /* help is hidden by default, appears on focus of corresponding field */
.button, #goog-wm-sb {
	color: #fff;
	padding: 5px !important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight: bold;
	border-style: none;
	background: #5e411b;
	width: auto;
	font-size: 0.9em;
}
.button:hover, #goog-wm-sb:hover {
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #5b4f45;
}
a.button:link, a.button:visited { color: #fff; }

/* LAYOUT */
#global{
	margin: 0 auto;
	padding: 30px 40px;
	width: 765px; /* total width is 950px (920px + 30px padding left on body) */
	background: #dcd1bf;
	font-size: 0.9em;
}
#header {
	clear: both;
	float: none;
	height: 50px;
}
#slideshow {
	margin-top: 30px;
	margin-bottom: 30px;
}

/* CONTENT */
#content {
	margin:0;
	padding:0px 0 15px;
	display: block;
	clear: both;
	float: none;
}

/* FOOTER */
#footer {
	display: block;
	clear: both;
	float: none;
	font-size: 0.8em;
	margin: 0;
	padding: 60px 143px 5px 0px;
	color: #636255;
}
#footer a:link, #footer a:visited {
	text-decoration: underline;
	color: #636255;
	padding: 1px 2px;
}
#footer a:hover, #share a:hover {
	background: #636255;
	color: #fff;
	text-decoration: none;
}