/* article wrapper */
#art_wrapper {
	font-family: Tahoma;
	font-size: 10pt;
	margin: 0 auto;
	width: 500px;
}

/* article head */
#art_wrapper h3 {
	color: #FF6;
	font-size: 1.05em;
	background: #C2E5F9 url("pic/article_head-2.gif") repeat;
	height: 60px;
	line-height: 35pt;
	margin: 0 18px 0 67px;
	padding: 0 0 0 13px;
}

#ahl {
	background-image: url("pic/article_head-1.gif");
	float: left;
	height: 60px;
	width: 67px;
}
#ahr {
	background-image: url("pic/article_head-3.gif");
	float: right;
	height: 60px;
	width: 18px;
}

/* article list */
#al {
	background: #C2E5F9 url("pic/article1_09.jpg") no-repeat;
	color: #69F;
	padding-left: 13px;
}
#alr {
	background: #C2E5F9 url("pic/article1_11.jpg") no-repeat right;
	padding-right: 7px;
}
#al a {
	color: #00C;
	background: url("pic/7_20.gif") no-repeat center left;
	margin-left: 10px;
	padding-left: 15px;
	text-decoration: none;
}
#al a:hover {
	background-color: #FFC;
	color: #F00;
	text-decoration: underline;
}

/* ดูรายการของบทความทั้งหมด */
#art_all {
	margin-right: 10px;
	text-align: right;
}

/* article footer */
#af {
	background-image: url("pic/article1_13.jpg");
	height: 20px;
}
/* article footer left */
#afl {
	background-image: url("pic/article1_12.jpg");
	height: 20px;
	width: 23px;
	float: left;
}
/* article footer right */
#afr {
	background-image: url("pic/article1_15.jpg");
	height: 20px;
	width: 24px;
	float: right;
}


/* แสดง page navigator */
.pagination {
	background: #f2f2f2;
	color:#666;
	padding: 4px 2px 4px 7px;
	border: 1px solid #ddd;
	font-size: 0.8em;
	margin: 0 0 1.5em;
}
.pagination p {
	position:relative;
	text-align:right;
}
.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {
	color: #33F;
	text-decoration:none;
	background:#fff;
	padding:2px 5px;
	border: 1px solid #ccc;
	margin-right:1px;
}
.pagination p a:hover {
	background:#ce4a02;
	color:#fff;
}
.pagination p span {
	text-decoration:none;
	background:#fff;
	padding:2px 5px;
	border: 1px solid #ccc;
	color:#ccc;
	margin-right:1px;
}
.pagination * {
	margin:0;
}
.pagination h4 {
	margin-top:-1.45em;
	padding:0;border:none;
}


/* แสดงหมวดบทความ */
.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#ddd; margin:0 5px;}
.b2f {height:1px; background:#ddd; margin:0 3px;}
.b3f {height:1px; background:#ddd; margin:0 2px;}
.b4f {height:2px; background:#ddd; margin:0 1px;}
.contentf {background: #DDF;}
.contentf div {margin-left: 5px;}