/******** ส่วนที่ 1 รายละเอียดของ html tag ทั่วไป **********/

* { margin: 0; padding: 0 }
body { background: #FFF; font: normal 13px/1.2 tahoma, sans-serif;
	color: #555; width: 780px; margin: 0 auto }

img { border: none }
img.float-right { margin: 5px 0 4px 10px }
img.float-left { margin: 5px 10px 4px 0 }

a:link, a:visited { color: #2498B0; font-weight: bold; text-decoration: none }
/* a:hover { color: #D8B22C; text-decoration: none; border-width: 1px 0; border-style: solid; border-color: #d8b22c } */
a:hover { text-decoration: none; background: #FFF url(the-bg-tile1.gif) repeat }


p { padding: 8px; margin: 0 }
h2, h3, h4, h5 { padding: 0; margin: 0; color: #2381B8 }
h2 { font-size: 1.48em; font-weight: bold; margin: 0 0 5px; padding: 0 5px 5px 0; text-align: right; }
h3 { font-size: 1.2em; font-weight: bold; padding: 8px; }
h4 { font-size: 1.1em; font-weight: bold; display: inline }
h5 { font-size: 1.0em; font-weight: bold; display: inline }
small { font-size: 0.85em }

ul, ol { margin: 5px 20px; padding: 0 20px }
code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto;
	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
	white-space: pre; background: #F4F4F4; border: 1px solid #F4F4F4 }
blockquote { margin: 10px 10px 20px; padding: 0; border: 1px solid #F4F4F4;
	background: #F4F4F4 url(the-bg-tile1.gif) repeat; color: #555 }
blockquote p { padding: 12px 8px 15px 40px; background: transparent url(the-quote.gif) no-repeat 5px -5px }

table { width: 100%; text-align: center; border-collapse: collapse; border: 0; margin: 0; padding: 0; }
table tr, th { margin: 0; padding: 0; border: 0 }
table th { background: #FFF url(the-bg-tile1.gif) repeat; color: #FFF;
	text-align: center; border: 1px solid #B0B0B0; height: 23px }
table td { background-color: #F4F4F4; padding: 0; color:#555; margin: 0; border: 1px solid #B0B0B0; height: 20px }

form { font-size: 1.0em; padding: 0; margin: 0; background: transparent }
textarea { width: 420px; height: 228px; display: block; padding: 3px;
	font-size: 0.9em; color: #888; border: 1px solid #B0B0B0 }
input { padding: 0; margin: 0 5px; border: 1px solid #B0B0B0; height: 1.4em; width: auto;
	font: normal 1.0em tahoma, sans-serif; color: #888; background-color: #FFF }
input[type=file] { height: 1.7em }
textarea:hover, input:hover, textarea:focus, input:focus { border: 1px solid #19A; color: #2498B0 }
button, a.buttonlink { font: normal 0.9em tahoma, sans-serif; color: #2498b0;
	border: 1px solid #D4E59F; height: 1.85em; width: 7.7em;
	background: #FFF url(the-bg-tile1.gif) repeat }
button { padding: 0; margin: 0 5px }
a.buttonlink { padding: 2px 4px 3px; margin: 0 5px 0 0 }

button:hover, a.buttonlink:hover { border: 1px solid #19A; cursor: pointer }
input.arng { height: 1.6em; width: 2.9em; margin: 0 1px; font-size: 0.92em }
input.arng:active, button:active, a.buttonlink:active { position: relative; top: 1px }
a.buttonlink:hover { text-decoration: none }

object { margin: 6px 3px }

#wrap { width: 780px; margin: 0 auto; text-align: left; background: #FFF url(the-bg-body.gif) repeat-y }
#content-wrap { clear: both; width: 756px; padding: 0; margin: 10px auto }



/******** ส่วนที่ 2 ส่วนหัวและเมนูด้านบน **********/

#header { width: 780px; position: relative; height: 132px; padding: 0; background: #FFF url(the-bg-head.gif) no-repeat }
#header a#headlink { position: absolute; top: 30px; left: 23px }
#header-links { position: absolute; top: 111px; right: 18px; color: #888; font-size: 0.85em; z-index: 1 }
#header-links img { position: relative; top: 3px; padding-left: 5px }

#header a#headlink:hover, #header-links a:hover { background: none }



/******** ส่วนที่ 3 เนื้อหาหลักของเว็บบอร์ด **********/

#kratoo { float: right; width: 540px; padding: 0; margin: 0 9px 0 0; display: inline; position: relative; top: -55px }
#kratoo table { background: #FFF url(the-bg-tile2.gif) repeat }
#kratoo img { border: none; padding: 0; margin: 5px 0 0 }
#kratoo img.icon { position: relative; left: -8px }
#kratoo img.eqn { vertical-align: middle; margin: 1px 1px 2px }
#kratoo img.hand { margin: 0 5px 4px 0; position: relative; top: 10px }
#kratoo p#sorry { margin: 35px 0 0 10px }
#kratoo a acronym { font-size: 1.0em }  /* สำหรับ opera*/
#kratoo acronym { border: none; cursor: pointer }
#kratoo h2 .kttag { display: block; font-size: 0.60em; color: #888; font-weight: normal;
	border-bottom: 1px solid #2498b0; padding: 0 0 2px }
#kratoo h2 .kttag a { color: #888; font-weight: normal; border-bottom: 1px dashed #888 }
#kratoo h2 .kttag a:hover { text-decoration: none }
#kratoo h3 input { border: none }   /* สำหรับ wbhistory */

   /* หน้าสารบัญ */
.ktgoto { text-align: right; padding: 5px 0 7px; margin: 0 0 10px; border-top: 1px solid #2498b0; line-height: 1.0 }
.ktgoto input { height: 1.25em; width: 1.1em; font-size: 0.85em; margin: 0; padding: 0 3px }
.ktgoto#g2 { margin: 10px 0 0; border-top: none }

.hbox { margin: 0; padding: 2px 10px 3px 25px; line-height: 1.6em }
.hbox .name { display: none }
.hbox .nameadd { margin-left: 15px; padding: 0 5px 0 20px; font-weight: bold;
	background: url(the-pxcmadd.gif) no-repeat left center }
.hbox .comment { margin-left: 15px; padding: 0 5px 0 0; font-size: 0.85em; color: #888; position: relative; top: 1px }

.hbox table { margin: 0; padding: 0 }
.hbox table td { border: none; background: none; height: 24px }
.hbox table td.left { text-align: left }
.hbox table td.right { text-align: right }

.hbox2 { margin: 0; padding: 5px 10px 5px 25px; background: #F4F4F4 url(the-bg-tile1.gif) }
.hbox2 table, .hbox2 table td { margin: 0; padding: 0; border: none; height: 1.8em; background: none }
.hbox2 .name { padding: 0 5px 0 20px; font-weight: bold; margin: 0;
	background: url(the-pxtpwrite.gif) no-repeat left center }
.hbox2 .comment { margin: 0; padding: 0 0 0 5px; font-size: 0.85em; color: #888 }

  /* หน้าค้นหา */
.ktsrh { margin: 15px 0; padding: 0 0 0 20px; line-height: 1.5 }
.ktsrh .name { margin-left: 38px; padding: 0 5px 0 20px; font-weight: bold;
	background: url(the-pxtpwrite.gif) no-repeat left center }
.ktsrh .comment { margin: 0; padding: 0 0 0 5px; font-size: 0.85em; color: #888 }

  /* หน้าแสดงกระทู้ */
.ktbq { background: #FFF url(the-bg-tile2.gif) repeat; padding: 10px 5px 0 10px; margin: 0; text-align: justify }
.ktbq .ktuser { width: 100%; text-align: right; padding: 20px 0 10px }
.ktbq .ktuser .name { padding: 0 3px 0 22px; font-weight: bold; color: #888;
	background: url(the-pxcmadd.gif) no-repeat left 90% }
.ktbq .ktuser .comment { margin: 0; padding: 0 0 0 3px; font-size: 0.85em; color: #888 }
.ktbq .ktuser form { display: inline; font-size: 0.90em }

.ktbq.admin { background: none } /* background: url(the-bg-tile1.gif) */
.ktbq.admin .ktuser .name { color: #19A; background: url(the-pxcmyelladd.gif) no-repeat left 90% }
.ktbq.editable .ktuser .name { background: url(the-pxcmyelladd.gif) no-repeat left 90% }

.ktbq.first { padding-top: 10px }
.ktbq.first .ktuser .name { background: url(the-pxcm.gif) no-repeat left 90% }
.ktbq.admin.first .ktuser .name { background: url(the-pxcmyell.gif) no-repeat left 90% }
.ktbq.editable.first .ktuser .name { background: url(the-pxcmyell.gif) no-repeat left 90% }

.ktbq table { text-align: left; margin: 5px 10px -15px; width: 507px; background: none }
.ktbq table td { padding: 10px; margin: 0; border-style: dashed; background: transparent }
.ktbq p.imgwarn { margin: -15px 0 0; padding: 0; font-size: 0.85em; text-align: center }

blockquote.nopad { padding: 5px 5px 5px 10px; background: #F4F4F4 }   /* สำหรับ history, search, upload */
blockquote.quote { padding: 10px 10px 5px 38px; border: none; font-size: 0.90em;
	margin: 8px 10px; background: #F4F4F4 url(the-quote.gif) no-repeat 4px -5px }
blockquote.quote .name-comment { width: 100%; text-align: right; padding: 15px 0 0 3px;
	font-size: 0.95em; color: #888 }

.regform { padding: 10px 0 }
.regform table td { border: none; padding: 5px; margin: 0; background: none }

table.hrline { margin: 12px 0; padding: 0; height: 0; border-top: 1px solid #2498b0;
	border-left: none; border-right: none; border-bottom: none; background: none }
table.hrline tr, table.hrline td { height: 0; margin: 0; padding: 0; border: none; background: none }

  /* หน้าสารบัญและแสดงกระทู้ */
table#wbnav { width: 536px; position: relative; top: -30px; left: 0px; background: none }
table#wbnav td { padding: 0; border: none; background: none; color: #888 }
table#wbnav td h2#boardhead { text-align: right }
table#wbnav td h2#boardhead a { font-size: 12px; font-weight: normal; line-height: 15px }
table#wbnav a, table#wbnav b { font-size: 0.90em }
table#wbnav td.buttontd { display: none }
table#wbnav td#left { background: url(the-pxleft.gif) no-repeat left top }
table#wbnav td#right { background: url(the-pxright.gif) no-repeat right top }

  /* ช่องกรอก หน้าแสดง, ตั้งกระทู้, อ้าง, แก้ */
table.ktcm { background: #FFF; padding: 0; margin: 15px 0 0 }
table.ktcm.lowhalf { margin: 0 }
table.ktcm td { padding: 3px 5px 3px 0; border: none; background: none }
table#congrate { margin-top: 90px }

table.kteqn { background: #FFF; padding: 0; margin: 0 }
table.kteqn td { padding: 7px 5px 0; border: none; background: none }
table.kteqn textarea { width: 248px; height: 80px; margin-bottom: 10px }
table.kteqn #eqframe { width: 248px; height: 80px; padding: 3px; margin-bottom: 10px;
	background: #FFF; border: 1px solid #B0B0B0 }

#showsm table, #showtg table { width: auto; margin: 3px 0 0 5px }  /* สำหรับ IE */
#showsm table td, #showtg table td { background: transparent; border: 0;
	padding: 0 1px; height: 18px }
#showtg table td.blank { padding: 0; height: 4px }
#showsm table img { border: none; cursor: pointer; padding: 0; margin: 0 }
#showtg table img { border: 1px solid #B0B0B0; cursor: pointer; padding: 0; margin: 0 }
#showtg table img:hover { border: 1px solid #19A }
#smch, #kratoo #tgch { border: none; background: none }

  /* หน้าแอดมิน */
table#adminmenu { width:90%; margin: 0 30px }
table#adminmenu td { text-align: left; border: none; padding: 6px; background: none }

  /* counter */
#counter { clear: both; float: right; padding: 0; margin: 10px 0; color: #19A; text-align: right }
#counternum {  font-weight: bold; text-decoration: underline; padding: 0 }
#counterword { font-size: 0.85em; padding: 0 }



/******** ส่วนที่ 4 ลิงก์แถบข้าง **********/

#sidebar { float: left; width: 164px; padding: 0 22px 0 5px; margin: 3px 0; color: #68774A;
	background: none; position: relative; top: -15px }
#sidebar h3 { margin: 0 5px; padding: 25px 5px 2px; color: #2498B0;
	font-weight: bold; font-size: 1em; letter-spacing: 0.2em; border: none }
#sidebar img { margin: 1px 0 0 10px; vertical-align: middle }

#sidebar .sidebox a:link, #sidebar .sidebox a:visited { color: #B0B0B0; font-weight: normal; line-height: 1.4em }
#sidebar .sidebox a:hover { color: #0A91AD }
#sidebar .sidebox#otherlink { padding: 3px 4px 4px 6px; font-size: 0.85em; border-top: 1px solid #2498B0;
	border-bottom: 1px solid #2498B0; text-align: justify }

#sidebar ul.sidemenu { list-style: none; text-align: right; margin: 0 0; color: #68774A;
	border-top: 1px solid #2498B0; padding: 0; text-decoration: none }
#sidebar ul.sidemenu li { list-style: none; padding: 0; margin: 0; color: #68774A; font-size: 0.9em }
#sidebar ul.sidemenu li a:link, #sidebar ul.sidemenu li a:visited { display: block; padding: 0 4px 1px 6px;
	text-decoration: none; color: #B0B0B0; border-bottom: 1px dashed #B0B0B0 }
#sidebar ul.sidemenu li.last a:link, #sidebar ul.sidemenu li.last a:visited { border-bottom: 1px solid #2498B0 }
#sidebar ul.sidemenu li a:hover { color: #0A91AD; background: #FFF url(the-bg-tile1.gif) repeat; font-weight: bold;
 	border-top: none }

.searchform { background-color: transparent; border: none; margin: 0; padding: 5px 0 10px; width: 190px }
.searchform input { width: 118px; height: 18px; margin: 10px 5px 0 4px }



/******** ส่วนที่ 5 ข้อมูลเว็บไซต์ ล่างสุดของหน้า **********/

#footer { color: #038aa7; clear: both; width: 780px; height: 33px; font-size: 0.85em; background: #FFF }
#footer .stdbox { width: 180px; margin: 0 15px 0 0; float: left; position: relative; top: -15px; text-align: right }
#footer p { margin-left: 220px; padding: 5px 0 0; position: relative; top: -32px; width: 540px; border-top: 1px solid #2498b0 }
#footer a:link, #footer a:visited { color: #7A1; font-weight: normal }
#footer a:hover { border: none; text-decoration: underline; background: none }



/******** ส่วนที่ 6 อื่นๆ (ส่วนประกาศคลาส) **********/

.inline { display: inline }
.float-left { float: left }
.float-right { float: right }
.align-left { text-align: left }
.align-right { text-align: right }

.clear { clear: both }

/*********** จบ ************/