body{
	font-family : Tahoma,"MS Sans Serif",Verdana; 
	font-size : 10pt;
}
div{	 
/*	margin : 0px;*/
	margin : auto;
	padding : 0px;
/*	width : 100%; */
}
p{
	margin: 0 px;
}



#all{
	width : 980px;
}

/*+++++ HEAD +++++*/
#head{
	background-color : #372D21;
	height : 123px;
	border-bottom-style : solid;
	border-bottom-width : 6px;
	border-bottom-color : #CC3467;
	/*	height : 134px; */
}
#head1{
	background-image : url('img/head/head1.jpg');
	background-repeat : no-repeat;
	width : 140px;
	height : 123px;
	float : left;
}
#head2{
	width : 840px;
	float : left;
	height : 123px;
	background-image : url('img/head/head2.jpg');
	background-repeat : no-repeat;
}
#head2_top{
	height : 89px;
	text-align:right;
}
#head2_bot{
	height : 34px;
}

.head_menu_button a:link,.head_menu_button a:visited{
	color : #624119;
	text-decoration : none;
}
.selected a:link,.selected a:visited{
	color : #FFFFFF;
}
.head_menu_button a:hover{
color:#FFCC33;
}
.head_menu_button:hover{
	background-position : top left;
}

.head_menu_button{
font-size : 11pt;
font-weight : bold;
padding-left : 0px;
padding-right : 5px;
text-align : center;

	width : 93px;
	height : 34px;
/*	padding-left : 5px;*/
	float : left;
	background-image : url('img/head/button/bgbutton.gif');
	background-repeat : no-repeat;
	background-position : top right; 
}
.selected{
	background-position : top left;
	color : #FFFFFF;
}
/* .head_menu_button:hover{
	background-position : top left;
} */
/*+++++ HEAD +++++*/


/*+++++ Mid Content - index page +++++*/
/*+++++ Mid Content - index page :  LEFT +++++*/
#mid{
	background-image : url('img/bg/bg.jpg');
	background-repeat : repeat-x;
/*	background-position : top;*/
}
#mid a:link,#mid a:visited{
	color : #00609F;
	text-decoration : none;
}
#mid a:hover{
	color : #FF0099;
	text-decoration : none;
}
#mid_wrapper{
	width : 900px;
	background-image : url(img/bg/bg_all.jpg);
/*	background-color : #FDE09E; */
}
#mid_left{
	width : 600px;
	float : left;
	
	background-color : #FFFFFF;
	background-image : url('img/bg/bg.jpg');
	background-repeat : repeat-x;
}
#mid_right{
	width : 300px;
	float : left;
	background-color : #FDE09E;
	background-image : url('img/bg/bg-righttitle.jpg');
	background-repeat : repeat-x;

}
#showtime{
	padding-top : 18px;
}
.title{
	border-bottom-style : dotted;
	border-bottom-width : 2px;
	border-bottom-color : #CC3467;
	padding-bottom:5px;
}
.title_f1{	font-size:14pt;font-weight:bold;color:#CC3467;	}
.title_f2{ font-size:14pt;font-weight:bold;color:#656565;		}
.title_r_f1{	font-size: 11pt; padding-left: 9px; font-weight: bold; }
.title_r_f2{color: #A2865E; }
.title_r_f1{	font-size: 11pt; padding-left: 9px; font-weight: bold; color: #72562E;}
.title_r_f2{ color:#CC0000; }

#showtime_title{
/*	padding-top : 20px; */
/*	margin-left : 0;
	width : 585px; */
	border-left : 6px solid #606060;
	padding-left : 5px;
}

#showtime_table{
	padding-top : 5px;
}
#showtime_table_mon	{	background-image : url('img/showtime/mon.gif'); color : #CD6600;		}
#showtime_table_tue		{	background-image : url('img/showtime/tue.gif'); color : #AC0759;			}
#showtime_table_wed	{	background-image : url('img/showtime/wed.gif'); color : #DFF23A;		}
#showtime_table_thu		{	background-image : url('img/showtime/thu.gif'); color : #F5F67B;			}
#showtime_table_fri			{	background-image : url('img/showtime/fri.gif'); color : #A2E8FF;			}
#showtime_table_sat		{	background-image : url('img/showtime/sat.gif'); color : #680389;			}
.s_table{
	width : 98px;
	height : 118px;
	float : left;
	padding-right : 2px;
	background-repeat : no-repeat;
	font-size : 9pt;
	text-align : center;
	font-weight : bold;

}
.s_table_day{
	padding-top : 3px;
}
.s_table_img{
	padding-top : 6px;
	color : #00609F;
}

#cartoonthai_news{
	padding-top : 10px;
}
#cartoonthai_news_title{

}
.cartoonthai_news_each{
	padding-top : 10px;
}
.cartoonthai_news_each_img{
	width : 135px;
	float : left;
	text-align:center;
}
.cartoonthai_news_each_detail{
	width : 430px;
	float : left;
	padding-left : 20px;
}
.cartoonthai_news_each_img p,.cartoonthai_news_each_detail p{
	margin : 0px;
}
.news_title{ font-size:12pt;font-weight:bold; }

#video_player{
	padding-top : 20px;
/*	margin-left : 0;
	width : 585px; */
}
#video_player_title{
	border-left : 6px solid #606060;
	padding-left : 5px;
}

.clip_side{ border: 1px solid rgb(255, 204, 0); float: right; width: 205px; font-size: 9pt; color: rgb(0, 96, 159); background-color: rgb(255, 238, 221);margin-right:2px; }
.mini_clip img{ padding-right:3px;float:left;	}
#player_wrapper_title{ padding:10px 0px;font-weight:bold;font-size:11pt;	}
#player_clip{	float:left; }

#tagcloud{
	background-color : #E9E4C8;
}
#tagcloud_title{
	width : 580px;
	padding : 5px 0px;
}
#tagcloud_text{
	width : 560px;
	padding : 10px 0px;
}
#tagcloud_title{
	font-size : 16pt;
	font-weight : bold;
	color : #CC3467;
}
#tagcloud a:link,#tagcloud a:visited{
	color : #005566;
	text-decoration : none;
}
#tagcloud a:hover{
	color : #CC6600;
}

#story{
	padding-top : 20px;
}
#story_title{
	border-left : 6px solid #606060;
	padding-left : 5px;
}
.story_list_row{
	padding-top : 10px;
	clear : both;
}
.story_list_each_img{
	float : left;
	width : 85px;
	padding-left : 4px;
}
.story_list_each_detail{
	float : left;
	width : 195px;
	padding-right : 11px;
}
.story_list_each_detail p{ 
	margin:0px;
}

#character{
	padding-top : 20px;
}
#character_title{
	border-left : 6px solid #606060;
	padding-left : 5px;
}
.character_list_each{
	width : 120px;
	text-align : center;
	float : left;
}
.character_list_row{
	padding-top : 10px;
}
#webboard{
	padding-top : 20px;
}
#webboard_title{
	border-left : 6px solid #606060;
	padding-left : 5px;
}

#webboard_list{
	margin-top:5px;
}
#webboard_table{
	text-align:center;
}
.webboard_table_firstrow{	 background-color:#E9E4C7;border-bottom-color:#000000;font-weight:bold; }

#webboard_table td{
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#cccccc;
}
.tb1{ width:370px; }
.tb2{ width:120px; }
.tb3,.tb4{ width:35px; }


/*+++++ Mid Content - index page :  LEFT +++++*/

/*+++++ Mid Content - index page :  RIGHT +++++*/
#shoutbox_title{	 
	border-bottom-width:2px; 
	border-bottom-style:dotted; 
	border-bottom-color:#7A4600;
	padding-bottom:5px;
	padding-left:9px; 
	padding-top:20px;
}
#schedule{

}
#schedule_title{
	padding-top : 20px;
	border-bottom-style : dotted;	
	border-bottom-width : 2px;	
	border-bottom-color : #7A4600;
	padding-bottom:5px;
	padding-left : 9px;

}
.schedule_list{
	margin-top : 5px;
	background-image : url('img/schedule/bg_schedule.jpg');
	background-repeat : repeat-x;
	background-color : #FFF2D5;
	width : 270px;
	padding : 10px;
	font-weight : bold;
	color : #7A4600;
}
.schedule_list_calendar{
	background-image : url('img/schedule/calendar2.gif');
	background-repeat : no-repeat;
	width : 49px;
	height : 49px;
	float : left;
	text-align : center;
}
.schedule_list_detail{
	width : 200px;
	float : left;
	padding-left : 10px;
}
.schedule_list_calendar_month{
	color : #FFFFFF;
}
.schedule_list_calendar_date{
	font-size : 18pt;
}

#clipcartoon{
	padding-top : 20px;
}
#clipcartoon_title,#wallpaper_title,#story_title2,#char_title2,#clipcartoon_title2,#wallpaper_title2{
	border-bottom-style : dotted;	
	border-bottom-width : 2px;	
	border-bottom-color : #7A4600;
	padding-bottom:5px;
	padding-left : 9px;
}
#story_title2,#char_title2,#clipcartoon_title2,#wallpaper_title2{	padding-top:20px;	 }
.clipcartoon_row{
	padding-top:10px;
}
.clipcartoon_each{
	width : 150px;
	float : left;
	text-align : center;
}


#wallpaper{
	padding-top : 20px;
}
#wallpaper_title{

}
.wallpaper_each{
	text-align : center;
	padding-top : 15px;
}
.wallpaper_each a:link,.wallpaper_each a:visited,.wallpaper_each a:hover{
	font-weight : bold;
}
/*+++++ Mid Content - index page :  RIGHT +++++*/
/*+++++ Mid Content - index page +++++*/




/*+++++ Left Content - List-story +++++*/
#list_story{
}
.list_title{
	padding-top : 20px;
}
.list_story_each{
	padding : 10px 0px 0px 0px;
	border-bottom-width : 1px;
	border-bottom-style : dashed;
}
.list_story_pic{
	float : left;
	padding : 5px;
}
.list_story_detail{
	float : left;
	padding : 5px;
	width : 480px;
}
.list_story_detail h2{
	margin : 0px;
	font-size : 11pt;
}
.list_story_detail p{
	margin : 10px 0px;
}
.list_story_detail a:link,.list_story_detail a:visited{
	text-decoration : none;
}
.cartoon_name{
}
/*+++++ Left Content - List-story +++++*/

/*+++++ Left Content - List-character +++++*/
.cha_each{	
	padding : 10px 0px 0px 0px;
	border-bottom-width : 1px;
	border-bottom-style : dashed;
	width:580px;
}
.cha_each_pic{ float:left;width:80px;text-align:center; }
.cha_each_detail p{ margin:0px; }
.cha_each_detail{ float:left;width:480px;padding-left:10px; }
/*+++++ Left Content - List-character +++++*/

/*+++++ Left Content - List-wallpaper +++++*/
#list_wallpaper{
}
.list_wallpaper_row{
	clear : both;
	text-align : center;
	padding : 10px 0px;
}
.list_wallpaper_each{
	float : left;
	width : 190px;
	text-align : center;
	padding : 5px;

}
/*+++++ Left Content - List-wallpaper +++++*/


/*+++++ Left Content - List-video & View-video +++++*/
.clip_each{ width:96%;clear: both; border-bottom-style: dashed; border-bottom-width: 1px;margin-top:20px;	}
.clip_each_img{  float: left; width: 135px;text-align:center; }
.clip_each_detail{ float:left;width: 430px;padding-left:5px; }
.clip_each_detail p{ margin:5px 0px; }
/*+++++ Left Content - List-video & View-video +++++*/



/*+++++ Right Content +++++*/
.right_story{
padding-top:10px;
}
.right_story_pic{
width:100px;
float:left;
padding:3px;
}
.right_story_detail{
width:185px;
padding:3px;
float:right;
}
.right_story_detail h2{
font-size:10pt;
margin:0px;
}
.more{
clear:both;
text-align:right;
}



.r_clip_each{
padding-top:10px;
padding-left:3px;
width:290px;
}
.r_clip_each_img{
float:left;
width:100px;

}
.r_clip_each_detail{
float:left;
width:180px;
padding-left:5px;
}
.r_ch_each{width:150px;float:left;text-align:center;padding-top:10px;}

/*+++++ Right Content +++++*/





/*----- view-story -----*/
#view_story_detail{
	padding : 10px 0px;
}
/*----- view-story -----*/

/*----- view-character -----*/
#character_div{
	background-color:#FCF0E0;
	border:1px solid #CC9966;
	margin-top:10px;
	padding:10px;
	width:560px;
}

#character_div h2{
	background-color:#CC6666;
	border-bottom-style:solid;
	border-bottom-width:1px;
	color:#FFFFFF;
	font-size:11pt;
	margin:0 0 10px;
	padding:3px;
}

#character_div_img{
	width:80px;
	float:left;
	text-align:center;
}
#character_div_detail{
	float:left;
	width:450px;
	padding-left:10px;
}
#character_div_detail p{
	margin:10px 0px;
}
/*----- view-character -----*/

/*----- view-video -----*/
#player_view{
	margin-top : 10px;
	width : 560px;
	border-width : 1px;
	border-style : solid;
	padding : 10px;
	background-color : #FCF0E0;
	border-color : #CC9966;
}
#player_view h2{
	margin : 0px 0px 10px 0px;
	font-size : 11pt;
	color : #FFFFFF;
	background-color : #CC6666;
	padding : 3px;
	border-bottom-width : 1px;
	border-bottom-style : solid;
}
#player_view_embed{
	text-align : center;
}
/*----- view-video -----*/



/*+++ comment +++ */
.comment_each{
	background-color : #FCF0E0;
	border-width : 1px;
	border-style : dashed;
	margin-top : 10px;
	padding : 0px 10px;
	border-color : #CC9966;
}
.comment_each_title{
	font-weight : bold;
}
#comment_box img{
border-width:0px;
}
.comment_each p{
margin:10px 0px;
}
/*+++ comment +++ */


/* +++ pager +++ */
.p_cutpage{
	margin : 0px 10px;
	padding : 3px;
	border-width : 1px;
	border-style : solid;
}
/* +++ pager +++ */

.title h1{
	margin : 0px;
}
.title_1{
	font-size: 14pt;
	font-weight: bold;
	color: rgb(204, 52, 103);
}
.title_2{
	font-size: 14pt;
	font-weight: bold;
	color: rgb(101, 101, 101);
}




/*========== user info ==========*/
/*
#user_info {
	background: #f1f1f1 url(http://gmember.yenta4.com/images2008/bg_user_info.gif) repeat-x left bottom;
	padding: 5px 0;
}
#avatar, #user_info1, #user_info2, #user_info3 {
	float: left;
	list-style-type: none;
	margin-top: 3px;
}
#avatar {
	width: 130px;
	text-align: center;
}
#user_info1, #user_info2, #user_info3 {
/*	border-left: 1px solid #fdfdfd; *//*
	border-right: 1px solid #dad9d9;
	width: 240px;
}
#user_info1 li, #user_info2 li, #user_info3 li {
	background-image: url(http://www.yenta4.com/assets/images/info_sprite.gif);
	background-repeat: no-repeat;
	margin: 3px 0;
	padding-left: 50px;
	padding-top: 6px;
	height: 28px;
}
#info1 {background-position: 0px 0px;}
#info2 {background-position: 0px -40px;}
#info3 {background-position: 0px -80px;}
#info4 {background-position: 0px -120px;}
#info5 {background-position: 0px -160px;}
#info6 {background-position: 0px -200px;}
#info7 {background-position: 0px -240px;}
#info8 {background-position: 0px -280px;}
#info9 {background-position: 0px -320px;}

img.percent_space {
	background: transparent url(http://gmember.yenta4.com/images2008/percent_bar.gif) no-repeat;
}
#info4 img {
	margin-left: 5px;
}

#user_info li a {
	color: #235376;
	text-decoration: none;
}
#user_info li a:hover {
	color: #f90;
	text-decoration: underline;
}


#hide_info {
	background: #f1f1f1 url(http://www.yenta4.com/assets/images/bg_hide_info.gif) repeat-x left top;
	text-align: center;
}
#hide_info img {
	cursor: pointer;
}


#login {
	background-color: #ededed;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	padding: 2px 5px;
	color: #630;
}
#login span input {
	border: 1px solid #7f9db9;
}
#login span {
	background: transparent url(http://www.yenta4.com/assets/images/login_sprite.gif) no-repeat;
	padding-left: 18px;
}
span#input_login {
	background-position: -5px 0px;
}
span#register {
	background-position: 0px -153px;
	padding-left: 27px;
	margin-left: 10px;
}
span#foget_pass {
	background-position: -5px -52px;
	margin-left: 5px;
}
span#set_home {
	background-position: -5px -100px;
	margin-left: 5px;
}
input.yenta4_button{
	border-width: 2px;
	border-style: solid;
	border-color: #ffb2cd #de4c83 #de4c83 #ffb2cd;
	background-color: #ff6594;
	color: #fff;
}
.login_bottom {display:block; background:transparent; font-size:1px;}
.login_b1, .login_b2, .login_b3, .login_b4 {display:block; overflow:hidden;}
.login_b1, .login_b2, .login_b3 {height:1px;}
.login_b2, .login_b3, .login_b4 {background:#ededed; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
.login_b1 {padding:0 4px; background:#d5d5d5;}
.login_b2 {padding:0 2px; border-width:0 2px;}
.login_b3 {padding:0 1px;}
.login_b4 {height:1px; padding:0 1px;}

#login form{ margin:0px;padding:0px; }

#login a:link,#login a:visited{
text-decoration:none;
color:#9F6030;
}
#login a:hover{
text-decoration:none;
color:#FF9900;
}
*/
/*========== user info ==========*/






/*===============CartoonThai================*/
#cartoonthai_wrapper{ width:950px; }
#cartoonthai_banner{ width:100%; }
#cartoonthai_content{ width:100%;background-color:#FFFFFF; }
.cartoonthai_title{ width:900px;background-color:#000000;color:#FFFFFF;font-weight:bold; }
.cartoonthai_title h1{  padding: 5px 0px; margin:0px 0px 0px 10px;font-size:12pt; }
#cartoonthai_studio{ width:900px;padding:10px;border-style:dashed;border-width:1px; }
#cartoonthai_studio h2{ margin:10px 0px; }
.cartoonthai_title h2{ font-size:12pt;padding:5px 0px;margin:0px 0px 0px 10px; }
.cartoonthai_row{ width:930px;;text-align:center; }
.top20{ margin-top:20px; }
.top30{ margin-top:30px; }
.cartoonthai_each{  width:180px;float:left;margin-left:5px; }


#cartoonthai_detail{ width:90%;border-width:1px;border-style:dashed;padding:10px; }
.content_row{ width:98%; }
#news1{ padding: 10px; float: left; width: 580px; background-color: #F2EFDE; }
#news1_img{ width: 270px; float: left; }
#news1_text{ width: 300px; float: left; }
#news1_text h3{ margin: 0px;font-size:12pt; }
#news2{ float: right; width: 300px; background-color: #DEEFF2;padding:10px; }
#news2 h1{  margin:0px;font-size:11pt; }
#news3{ width:440px;padding:10px;float:left;background-color:#E5F2D3; }
#news3_img{  width: 145px; float: left; }
#news3_text{ width: 285px; float: left; }
#news3_text h3{margin: 0px;font-size:12pt; }
#news4{ width:440px;padding:10px;float:right;background-color:#F2E5D3; }
#news4_img{ width: 145px; float: left; }
#news4_text{  width: 285px; float: left; }
#news4_text h3{ margin: 0px;font-size:12pt; }

#cartoonthai_content a:link,#cartoonthai_content a:visited{ color:#007799; }
#cartoonthai_content a:hover{ color:#993300; }

.cartoonthai_each2{  float:left;width:290px;margin-left:12px; }
.cartoonthai_each2 .each2_img{ width:95px;float:left; }
.cartoonthai_each2 .each2_text{ width:195px;float:right;text-align:left; }


.thumb_row{ clear:both; }
.thumb{  width:120px;float:left;text-align:center;padding:10px; }
.thumb img{ border-width:1px;border-style:solid; width:100px; }

#img_show{ text-align:center; margin-top:20px; height:620px;}
#img_show img{ vertical-align:middle;border-style:solid;border-width:1px; }

#cartoonthai_title2{  padding: 5px; background-color: #F7F7D5;  }
#cartoonthai_title2 h1{ margin:0px; font-size:12pt;}

#submenu_cartoonthai_detail{
	padding: 15px 5px;font-size:11pt;font-weight:bold;	 
}

#submenu_cartoonthai_detail ul{
padding:0px; margin:0px;
}
#submenu_cartoonthai_detail li{
list-style-type:none;
display:inline;
padding:1px 10px 1px 10px;
background-color:#ffeedd;
margin:0 10px;
}
#submenu_cartoonthai_detail li:hover{
background-color:#eeddcc;
}


/* เพิ่มใหม่ หน้า index */
.hilight_title{	margin: 0px 10px 10px; padding: 3px; border-bottom-width: 1px; border-bottom-style: solid; background-color: #EEDDCC;	}
.showing_title{	margin: 0px 10px 10px; padding: 3px; background-color: rgb(238, 221, 204); text-align: left; border-bottom-style: solid; border-bottom-width: 1px;	}
.showing_clippost{	float: left; width: 125px;	}
#showing_clippost_more{	margin: 0px 10px; padding: 10px 0px; text-align: right;	}
/* เพิ่มใหม่ หน้า index */

/*===============CartoonThai================*/

.clear_both{	 margin:0px;padding:0px;font-size:4pt;	}