body{ background-color:#AAAAAA; text-align: center;  }
body, img, input, form, textArea { margin: 0; padding: 0; border:none; }
a{ text-decoration:none; }
ul{ list-style:none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight: bold; margin: 0; padding: 0; color:#000; }
h1{ font-size:36px; }
h2{ font-size:24px; }
h3{ font-size:18px; }
h4{ font-size:16px; }
h5{ font-size:12px; }
#all{ background-color:#AAAAAA; width:1008px; text-align:center; margin-left: auto; margin-right: auto; position:relative;}
#bgTop{ width:1008px; background-image:url(bgTop.jpg); }
#bgButtom{ width:1008px; background-image:url(bgButtom.jpg); height:16px; }
#center{ 
	width:968px !important; width:1008px; background-image:url(bg.jpg); background-color:#F5F5F5; padding-left:20px; padding-right:20px; 
	font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #000000; line-height: 16px; 
}
.sep0{ height:32px; font-size:1px; }
.sep{ height:48px; font-size:1px; }
#head{ height:144px; position:relative; text-align:left; }
#blog{ height:368px; position:relative; text-align:left; }
#logo{ height:112px; width:172px; position:absolute; top:16px; left:18px; }
#greeting{ position:absolute; top:100px; left:588px; text-align:left; }
.menu{ font-size:36px; font-weight:bold; line-height:31px; }
#menu1{ position:absolute; top:32px; left:778px; }
#menu2{ position:absolute; top:64px; left:778px; }
#menu3{ position:absolute; top:96px; left:778px; }

.link1:link { color: #999999; background-color: transparent; }
.link1:visited { color: #999999; background-color: transparent; }
.link1:hover { color: #FFFFFF; background-color: #000; }
.link2:link { color: #FFFFFF; }
.link2:visited { color: #FFFFFF; }
.link2:hover { color: #FFFFFF; background: #000; }

/* image */
.iBox{ width: 552px; height: 368px; background-color: #F5F5F5; }
#image{ position:absolute; top: 0px; left: 18px; }
.iMask{ width: 552px; height: 368px; overflow: hidden; position:relative; }
.iContainer{ height: 368px; position: absolute; cursor:pointer; cursor:hand; }
#bigImageScreen{ 
	position: fixed; top: 0px; left:0px; height: 0px; background-color: #AAAAAA; 
	opacity: 0.5; filter:alpha(opacity=50); visibility:hidden;
}
#bigImageContain{
	position: fixed; top: 0px; left:0px; height: 0px;
	opacity: 0; filter:alpha(opacity=0); visibility:hidden; 
}
.arrowLft{
	width: 15px; height:368px; position: absolute; top:0px; left:0px;
	background-image:url(arrowLft.png); opacity: 0; filter:alpha(opacity=0);
	cursor:pointer; cursor:hand;
}
.arrowRht{
	width: 15px; height:368px; position: absolute; top:0px; left: 537px;
	background-image:url(arrowRht.png); opacity: 0; filter:alpha(opacity=0);
	cursor:pointer; cursor:hand; 
}
.iFilter{
	width: 552px; height: 368px; position: absolute; top: 0px; left: 0px;
	background-color:#F5F5F5; opacity: 0; filter:alpha(opacity=0);
}
.iTrap{
	width: 592px; height: 408px; position: absolute; top: -20px; left: -20px;
	background-color:#F5F5F5; opacity: 0; filter:alpha(opacity=0);
}

/* descript */
#descript{ position:absolute; top: 0px; left:588px; }
.box{ width: 172px; height: 368px; background-color: #F5F5F5; }
.mask1{ width: 172px; height: 16px; top: 352px; overflow: hidden; position:absolute; }
.formContainer{
	position: relative; top: 0px; width: 172px; height: 368px;
	font-family: Helvetica, Arial, sans-serif; font-size: 12px; 
	color: #FFFFFF; line-height: 16px; background-color: #DDDDDD;
}
.content{
	position: absolute; top: 16px; width: 172px; height: 366px;
	font-family: Helvetica, Arial, sans-serif; font-size: 12px;
	color: #000000; line-height: 16px; 
}
.fButton{
	background-image:none; height:16px;
	text-align:center; color:#999999;
	cursor:pointer; cursor:hand;	
}
.form{ position:relative; top:64px;text-align:center; }
.dDate{ margin: 3px 0 0 0; }
input.myInput { width:164px; height:16px; background-color: #FFFFFF; color: #DDDDDD; }
input.myInput2 { width:80px; height:16px; background-color: #FFFFFF; color: #DDDDDD; }
textArea.myTextArea {
	width:164px; height:80px; background-color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif; font-size:12px; color: #000000;
}
input.submitPost {
	width:164px; height:16px; background-color: #999999; color: #FFFFFF;
	cursor:pointer; cursor:hand;
}
#sepFoot{position: relative; top: 366px;}

/* comment */
#allMent{ position:absolute; top: 0px; left:778px; }
.sepGrey{ font-size: 1px; height: 1px; background-color: #DDDDDD; }
.sepDash{ font-size: 1px; height: 32px; background-image:url(sepDash.png); }
.box{ width: 172px; height: 368px; background-color: #F5F5F5; }
.mask2{ width: 172px; height: 366px; overflow: hidden; position:relative; }
.mentContainer{ 
	width: 172px; position: absolute;
	font-family: Helvetica, Arial, sans-serif; font-size: 12px; 
	color: #DDDDDD; line-height: 16px; 
}
.filter{
	width: 172px; height: 366px; position: absolute; top: 1px;
	background-color: #F5F5F5; opacity: 0.80; filter:alpha(opacity=80);
}
.trap{
	width: 212px; height: 406px; position: absolute; top: -19px; left: -20px;
	background-color:#F5F5F5; opacity: 0; filter:alpha(opacity=0);
}
.bg{
	width: 172px; height: 366px; position: absolute; top: 1px;
	background-color: #F5F5F5;
}
.arrowUp{
	width: 172px; height:15px; position: absolute; top: 1px;
	background-image:url(arrowUp.png); opacity: 0.75; filter:alpha(opacity=75);
	cursor:pointer; cursor:hand;
}
.arrowDown{
	width: 172px; height:15px; position: absolute; top: 352px;
	background-image:url(arrowDown.png); opacity: 0.75; filter:alpha(opacity=75);
	cursor:pointer; cursor:hand;
}
.mentName, .mentPost { color: #000; }

/* Link */
.allLink{ height:368px; position:relative; text-align:left; }
#linkMe{ position:absolute; top:0px; left:18px; color:#DDDDDD; width:172px;}
#linkWorks{ position:absolute; top:0px; left:208px; color:#DDDDDD; width:172px;}
#linkFriends{ position:absolute; top:0px; left:398px; color:#DDDDDD; width:172px;}
#linkThai{ position:absolute; top:0px; left:588px; color:#DDDDDD; width:172px;}
.linkList{ padding-top:15px; height:334px!important; height:349px; }

/* About */
.allAbout{ height:368px; position:relative; text-align:left; }
#aboutImage{ position:absolute; left:18px; }
#aboutContent{ position:absolute; left:208px; }

/* Page Menu */
#pageMenu{ position:relative; left: 18px; height:16px; text-align:left; }
.prv_nxt{ height:16px; width:50px; background:#999999; color:#FFF; text-align:center;}
#prv{ position:absolute; left: 0px; top: 0px; }
#nxt{ position:absolute; left: 154px; top: 0px; }
.pageBt{ height:16px; width:16px; background:#999999; color:#FFF; text-align:center;}
.pageNow{ height:16px; width:16px; color:#000; text-align:center;}
#bt1{ position:absolute; left: 54px; top: 0px; }
#bt2{ position:absolute; left: 74px; top: 0px; }
#bt3{ position:absolute; left: 94px; top: 0px; }
#bt4{ position:absolute; left: 114px; top: 0px; }
#bt5{ position:absolute; left: 134px; top: 0px; }