BODY { margin:0px; }
BODY, TR, TD, INPUT, TEXTAREA, SELECT{ font-family: Arial ; font-size: 12px;}
H1 { font-size:16px; margin:0px; padding:2px 0px; color: #333333}
H2 { font-size:16px; margin:0px; padding:2px 0px; color: #333333}
H3 { font-size:16px; margin:0px; padding:2px 0px; color: #333333}
/*H2 { font-size:12px; margin:0px; padding-left:5px; font-weight:normal;}*/
/*H3 { font-size:10px; margin:0px; padding:1px 5px; font-weight:normal; letter-spacing:3px;}*/
H4 { font-size:11px; margin:0px; padding-left:5px; font-weight:normal;}

H1 a { color:#FFFFFF; text-decoration: none;}
H1 a:hover { color:#FFFFFF; text-decoration: none;}

H2 a { text-decoration: none;}
H2 a:hover {text-decoration: none;}

H3 a { text-decoration: none;}
H3 a:hover { text-decoration: none;}

IMG { border:none;}

a { color: #669900; text-decoration: none;}
a:hover { color: #BCEC17; text-decoration: none; } 

#wrapper { width:100%; text-align:center;background:url(/images/bgandroid.png) repeat-x;} 
#content { padding:5px; text-align:left; width:890px;} 
#sub { float:right; text-align:right; font-size:11px;}
#sub a { color:#FFFFFF; text-decoration: none; padding:5px;}
#sub a:hover { color: #000000; text-decoration: none; }

#nav a{ color: #009933; text-decoration:none; padding:10px;}
#nav a:hover{ color: #99CC33; text-decoration:none; }

.navse { font-size:12px; font-weight:bold; text-decoration:none; }
/*
ปรับแต่งตรงนี้ครับ
*/
BODY { 
	background: #fff; 
	color: #515151;
} 
.header { 
	background: #99CC33;
	color:#FFFFFF;
	border-bottom: solid 1px #6F9324 ;
} 
 
.footer a {  
	color: #333333;
} 
.footer a:hover {  
	color: #A2E142;
}
  
.dot { background:url(images/dot.gif) repeat-x bottom ;}
.doty { background:url(images/dot.gif) repeat-y left ; padding-left:11px;}
.dotyr { background:url(images/dot.gif) repeat-y right ; padding-left:11px;}

.navigation { background:url(images/dot.gif) repeat-x bottom ; padding-bottom:20px;margin-bottom:10px;}

#listmain {margin:20px 0px;}
#listmain div { padding:5px; margin:0px;}  
#listmenu div { padding:5px; margin:0px;} 

#listmainindex {margin:0px}
#listmainindex div { padding:0px; margin:0px;} 
#listmainindex p { padding:0px; margin:0px;} 
#listmainindex H2 { padding:5px 0px; font-size:14px; margin:0px; color: #333333}
#listmainindex H3 { padding:0px; margin:0px; font-size:13px; color: #333333}

.small { font-size:9px;}

/* WordPress Entry Lists */
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
 
 #content H2 { font-size:16px; margin:0px; padding:0px; font-weight:bold;}
 #content H3 { font-size:12px; margin:0px; padding-top:10px; font-weight:bold;}

 .qrcode { float:right; padding:3px; border:solid 1px #D3D3D3; text-align:center;}
 .qrcode strong { font-size:10px;}

.postmetadata { font-size:11px;} 
.excerpt { font-size:12px;} 
.excerptindex { font-size:11px;} 


/* Begin Images */
.entry img { padding:3px;}

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) 

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

	*/
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */