@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, ol, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;

font-weight:normal;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
}

strong{font-weight:bold;}

ul,ol,li{
	list-style:none;
}

a{text-decoration:none;}

.body_j{
font-family:verdana, tahoma, sans-serif;
background:#F4EDEA;
text-align:center;

}



.clear{clear:both; line-height:0; height:0; font-size:0px;}

.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}

.bold{
	font-weight:bold;
}

.alignright{
	text-align:right;
}

/*======================================================================*/


#head_top{
width:900px;
height:30px;  
background:url(../images/top1.png) top left no-repeat;
margin:0 30px 0 30px;
}
#head_content{
height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
height:100px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
min-height:100px;
background:#F9FFFF;
border:#fee7e2 solid 7px;
border-top:none;
border-bottom:none;
padding:0 10px;
margin:0 30px 0 30px;
}
#head_bottom{
width:900px;
height:32px;
background:url(../images/bottom1.png) top left no-repeat;
margin:0 30px 0 30px;
}

#subline{
height:41px;
background:url(../images/c1.png) top left repeat-x;
margin:0 0 4px 0;
line-height:41px;
margin:0 29px 0 29px;
}

#subline p{
float:right;
display:inline;
color:#ec1c24;
}

#subline a{
float:left;
display:inline;
color:#ec1c24;
}

#subL{
float:left;
height:41px;
width:18px;
background:url(../images/l1.png) top left no-repeat;
}
#subC{
float:right;
height:41px;
width:500px;
}
#subR{
float:right;
height:41px;
width:14px;
background:url(../images/r1.png) top left no-repeat;
}

#subRnew1{
float:right;
height:41px;
width:14px;
background:url(../images/R-1-3.png) top left no-repeat;
}

#subLnew1{
float:left;
height:41px;
width:18px;
background:url(../images/L-1-3.png) top left no-repeat;
color:#ffbde1;
}

#sublinenew1{
height:41px;
background:url(../images/c-2-3.png) top left repeat-x;
margin:0 0 4px 0;
line-height:41px;
}

#imeem{
height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
height:112px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
min-height:112px;
background:#f5efec;
margin:0 0 4px 0;
width:312px;
float:left;
}

#meanAboutLove{
float:right;
width:580px;
height:104px;
background:#FFF;
border:#c6b198 solid 4px;
}
#meanAboutLove div{
padding:10px;
}


#flashPageFilp{
height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
height:300px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
min-height:300px;
background:#d9b6ac;
margin:0 0 4px 0;
}

#presentTab{
text-align:left;
height:36px;
background:url(../images/pc.png) top left repeat-x;
margin:0 0 4px 0;
line-height:36px;
}

#presentTab h3{
font-size:0.8em;
font-weight:bold;
}

#presentL{float:left;
height:36px;
width:19px;
background:url(../images/pl.png) top left no-repeat;}
#presentR{
float:right;
height:36px;
width:19px;
background:url(../images/pr.png) top left no-repeat;
}

#gallery_top{
width:900px;
height:38px;  
background:url(../images/gallerytop2.png) top left no-repeat;
margin:0 30px 0 30px;
}
#gallery_content{
height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
height:100px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
min-height:100px;
background:#B8E9FD;
border:#FFF solid 5px;
border-top:none;
border-bottom:none;
margin:0 30px 0 30px;
}
#gallery_bottom{
width:900px;
height:43px;
background:url(../images/gallerybottom.gif) top left no-repeat;
margin:0 30px 0 30px;
}

#presentation_left{width:450px; float:left;}
#presentation_right{width:450px; float:left;float:left;background:#fdf3ee;}

#btnAddMsg{display:block; padding:5px 5px 0 5px; color:#000; border-bottom:#000 solid 2px; text-decoration:none;}
#addMsg2Guestbook{
background:#fff;
border:#000 solid 2px;
border-top:none;
}

#menutop{
	position:absolute;
	height:150px;
	width:480px;
	background:url(../images/logo.gif) top left no-repeat;
	margin:0 0 0 0;
	cursor:pointer;
	left: -15px;
	top: -94px;
}

#headleft{
float:left;
width:438px;
height:auto;
overflow:hidden;
}

#headleft div{
padding: 0 1px;
}

#headright{
display:inline;
margin-left:10px;
margin-right:10px;
width:850px;
height:auto;
}

#headright div{
padding:10px;
}
/*======================================================================*/
/*-----------------gallery page--------------------------*/
#rightside{width:410px; float:right;}
#leftside{width:460px; float:left;}

#thumbnail{background:#AEAEAE;height:auto!important;height:0px;min-height:0px;padding:5px 5px;margin:0 15px 0 30px;}
#thumbnail img{float:left;border:#EEE solid 2px;margin:5px 6px;}

#original{
height:400px;
}
#original_left{width:200px; float:left;}
#original_guestbook{
height:504px;
}
#original img,#original_guestbook img{border:#000 solid 2px; margin:0 0 0 10px;}

#link{text-align:right;margin:0 10px;}
#link a{font-size:0.8em;font-weight:bold;color:#FF66DB;}
#link span{float:left;}

.pagenavi_gallery{margin:10px 0 0 30px;}

/*------------------------webboard-----------------------------------*/

/*----------------------------ajax-------------------------------------*/
.loading{
background:url(../image/load.gif) center center no-repeat;
}

.error_box{
width:350px;
height:150px;
background:#FFF;
border:red solid 2px;
line-height:150px;
}

.preview{
height:150px;
width:435px;
border:#000 solid 1px;
overflow:auto;
display:inline;
}
.textbox1,.textarea1{border:#FFDCEF solid 1px;padding:5px;width:400px;color:#FF66DB;}
.textarea1{height:150px;overflow:auto;}
.textbox3,.textarea3{padding:5px;width:420px;color:#0000000;line-height:180%; font-size:16px; letter-spacing:0.05em;}
.textarea3{height:460px;overflow:auto;}
.textbox2,.textarea2{padding:5px;width:400px; border:#A7D8EC solid 3px;}
.textarea2{height:150px;overflow:auto;}
.button1{border:#ddd solid 1px;background:#FFBEE2;width:400px;}
.button2{width:100px;}
.editprofile{text-align:left; width:550px; margin:0 0 0 30px;}
.editprofile label{padding:5px 0;}
.editprofile p{padding:10px 0; font-size:0.8em}
.upload{text-align:right; margin:20px 15px 0 0;}
/*============================== gallery comment ========================================*/

.guest_msg{margin:7px 7px;padding:7px 0;overflow:hidden;background:#FFFFFF; border:#f7acbf solid 4px; text-align:left;}
.guest_msg a{float:right; font-size:0.8em; color:#FF0033; margin:0 5px 0 0;}
.guest_msg h6{font-size:0.7em;font-weight:bold;color:#999;}
.guest_msg p{font-size:0.8em;}
.img_comment{float:left;margin:0 0 0 10px;}
.img_comment img{width:72px; height:72px;}
.user_comment{float:left;margin:5px 0 0 5px;font-size:0.8em;}
.user_comment strong{color:#FF66DB;}
.comment{padding:10px;line-height:2em;font-size:0.8em;}

.msg2album{text-align:right; width:600px;}
.msg2album label{padding:5px 0 5px 0;}
.msg2album p{padding:10px 0;}

/*-----------------page navigator--------------------------*/

#pagenavi a{color:#888;font-size:0.8em;padding:2px 5px;}
#pagenavi span{color:#555;font-size:0.8em;padding:2px 5px;background:#F0F0F0;}
#pagenavi a:hover{color:#FFF;background:#FF66DB;font-size:0.8em;}
.pagenavi_gallery{margin:10px 0 0 30px;}

/*-----------------sub menu--------------------------*/

#submenu ul{padding:10px; float:right;}
#submenu li{display:inline; margin:5px;}
#submenu li a{color:#63A4A8; text-decoration:none; font-weight:bold; font-size:0.8em;}
#submenu li a:hover,#submenu li a#current{color:#308175; text-decoration:none; font-weight:bold; font-size:0.8em; border-bottom:#308175 solid 2px;}
#custom_left{width:450px; float:left;}
#comment_right{width:430px; float:right;margin:10px 10px 0 0;}