* {
	font-size: 12px;
	font-family: arial;
}
body {
	margin: 0px;
	margin-top: 4px;
}
a {
	text-decoration: none;
	color: #9977aa;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: 0px;
}
ul.head_menu {
	text-align: right;
	margin-top: 0px;
	padding: 2px;
	width: 1024px;
	margin-left: 0px;
	margin-bottom: 20px;
}
ul.head_menu li {
	margin-left: 10px;
	float: right;
	padding: 7px;
	border: 1px dotted #ccc;
	display: inline;
	background-image: url("../images/bg_header.png");
}
div.head_menu {
	background-image: url("../images/dash_menu_head.png");
	background-repeat: repeat-x;
	width: 1024px;
	height: 50px;
	margin: auto;
}
div.body_content div.navigator {
	text-align: left;
	padding-top: 7px;

	height: 20px;
	padding-left: 15px;
	margin-bottom: 10px;
	margin-right: 7px;
	background-image: url('../images/bg_body_block.png');
}
div.navigator ul {
	margin: 0px;
	float: right;
}
div.navigator ul li {
	font-size: 11px;
	display: inline;
	margin-right: 10px;
	float: left;
}
div.navigator a {
	font-size: 11px;
}
/******** ส่วนของโครงสร้างหน้าจอตรง body (เนื้อหา) ประกอบไปด้วยเมนูด้านซ้าย เนื้อหาจริง ๆ และเมนูด้านขวา **************/
div.page_body {
	width: 1024px;
	margin: auto;
}
div.menu_left, div.menu_right {
	width: 24%;
	margin-right: 3px;
	float: left;
	border: 0px solid #eee;
}
div.menu_left a {
	color: #5555aa;
}
div.menu_left li a {
	color: #666;
}
div.menu_right a {
	color: #aa9999;
	font-weight: bold;
}
div.menu_left table.form_login {
	margin-left: 10px;
	margin-top: 7px;
}
div.menu_left table.form_login tr {
	height: 28px;
}
div.menu_left table.form_login tr td.title {
	width: 28%;
}
div.menu_right {
	float: right;
	background-image: none;
}
div.body_content {
	width: 50.5%;
	float: left;
}
/********************************************************************************************/

/************************ ส่วนของตรงกลางที่แสดงบทความมาใหม่ (หน้า index) *****************************/
div.release_block {
	margin-bottom: 10px;
}
div.head_block, div.body_block, div.foot_block {
	width: 100%;
	text-align: left;
	height: 30px;
}
div.head_block {
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 20px;
}
div.head_php {
	background-image: url("../images/bg_top_php.png");
}
div.head_perl {
	background-image: url("../images/bg_top_perl.png");
}
div.head_html {
	background-image: url("../images/bg_top_html.png");
}
div.head_xml {
	background-image: url("../images/bg_top_xml.png");
}
div.head_dtd {
	background-image: url("../images/bg_top_dtd.png");
}
div.head_xsd {
	background-image: url("../images/bg_top_xsd.png");
}
div.head_rss {
	background-image: url("../images/bg_top_rss.png");
}
div.head_wsdl {
	background-image: url("../images/bg_top_wsdl.png");
}
div.head_linux {
	background-image: url("../images/bg_top_linux.png");
}
div.head_mysql {
	background-image: url("../images/bg_top_mysql.png");
}
div.body_block {
	background-image: url("../images/bg_body_block.png");
	background-repeat: repeat-y;
	height: auto;
	padding-top: 15px;
	color: #888;
}
div.body_block ul {
	margin-top: 0px; margin-bottom: -5px;
	list-style-image: url('../images/list_article.png');
}
div.body_block ul li {
	margin-bottom: 5px;
}
div.body_block a {
	color: #888;
}
div.foot_block {
	height: 30px;
	background-image: url("../images/bg_foot_block.png");
	background-repeat: no-repeat;
	text-align: right;
	padding-top: 10px;
	font-size: 11px;
}
div.foot_block a {
	font-size: 11px;
	color: #aa1111;
}
/******************************************************************************************/

/************************************ ส่วนของเมนูทางด้านซ้าย **************************************/
div.block_menu, div.block_login, div.block_board {
	width: 100%;
	height: 200px;
	text-align: left;
	padding: 20px 20px 0px 20px;
}
div.block_login {
	background-image: url("../images/bg_login.png");
	background-repeat: no-repeat;
}
div.block_hot_php {
	background-image: url("../images/bg_hot_php.png");
	background-repeat: no-repeat;
}
div.block_hot_perl {
	background-image: url("../images/bg_hot_perl.png");
	background-repeat: no-repeat;
}
div.block_hot_html {
	background-image: url("../images/bg_hot_html.png");
	background-repeat: no-repeat;
}
div.block_hot_xsd {
	background-image: url("../images/bg_hot_xsd.png");
	background-repeat: no-repeat;
}
div.block_hot_xml {
	background-image: url("../images/bg_hot_xmls.png");
	background-repeat: no-repeat;
}
div.block_hot_wsdl {
	background-image: url("../images/bg_hot_wsdl.png");
	background-repeat: no-repeat;
}
div.block_hot_dtd {
	background-image: url("../images/bg_hot_dtd.png");
	background-repeat: no-repeat;
}
div.block_hot_rss {
	background-image: url("../images/bg_hot_rss.png");
	background-repeat: no-repeat;
}
div.block_hot_linux {
	background-image: url("../images/bg_hot_linux.png");
	background-repeat: no-repeat;
}
div.block_hot_mysql {
	background-image: url("../images/bg_hot_mysql.png");
	background-repeat: no-repeat;
}
div.block_menu div {
	width: 80%; margin-top: 20px;
}
div.block_menu div ul {
	list-style-image: url('../images/list_sticky.png');
}
div.block_menu div ul li {
	margin-left: -15px;
	margin-bottom: 5px;
}
/*******************************************************************************************/

/*********************************** ส่วนของกระดานดำ ******************************************/
div.block_board {
	background-image: url("../images/bg_board.png");
	background-repeat: no-repeat;
	color: white;
}
div.block_board div {
	width:90%;
	line-height: 20px;
}
div.block_board div ul {
	list-style-type: none;
}
div.block_board div ul li {
	margin-left: -45px; margin-bottom: 2px;
}
div.block_board p {
	text-align: right; width: 80%
}
div.block_ads {
	width: 250px;
	height: 250px;
}