/* structure */
*{margin:0;padding:0;}


html  
{
	margin:0;padding:0;
	width:100%;
	background-color:#efefef;
	overflow:auto;	
	scrollbar-3dlight-color: white; 
	scrollbar-arrow-color: #c0c0c0; 
	scrollbar-base-color: white; 
	scrollbar-darkshadow-color:white ;
	scrollbar-face-color: white; 
	scrollbar-highlight-color:#c0c0c0 ; 
	scrollbar-shadow-color:#c0c0c0 ; 
	scrollbar-track-color: white;
	overflow-x:hidden;
}

body,iframe 
{
	width:100%;
	padding:35px 0;
	position:relative;
	background:url(../images/bg.png) no-repeat center top;
	overflow:auto;
	text-align:center;
}

td,body,div  {line-height:18px;font-size:12px;font-family:"Trebuchet MS","Segoe UI",Trebuchet,Verdana,Sans-serif,"Simsun","ºÚÌå";}
ul,li,dl,dd,dt  {font-family:"Trebuchet MS","Segoe UI",Trebuchet,Verdana,Sans-serif,"Simsun","ºÚÌå";}
h1,h2,h3,h4,h5,h6  {display:block;overflow:hidden;}

img  {border:0;}
.clear  {clear:both;}

#header  {text-align:left;width:900px; margin:0 auto; height:133px;  background:url(../images/common_title.png) no-repeat left top;background-color:#fafafa;}

	/* firefox 2.0/3.0 hacks only, for 1px background issue */
	#header, x:-moz-any-link {position:relative;left:-1px;}
	#header, x:-moz-any-link, x:default {position:relative;left:-1px;}
	#contain, x:-moz-any-link {position:relative;left:-1px;}
	#contain, x:-moz-any-link, x:default {position:relative;left:-1px;}
	#footer, x:-moz-any-link {position:relative;left:-1px;}
	#footer, x:-moz-any-link, x:default {position:relative;left:-1px;}


/* top menu */
#top_front  {text-indent:-9000px;position:relative;top:35px;left:188px;display:block;width:43px;height:33px;background:url(../images/common_title_diary.png) no-repeat left top;}
#top_profile  {text-indent:-9000px;position:relative;top:35px;left:188px;display:block;width:143px;height:33px;background:url(../images/common_title_aboutme.png) no-repeat left top;}
#top_design  {text-indent:-9000px;position:relative;top:35px;left:188px;display:block;width:143px;height:33px;background:url(../images/common_title_design.png) no-repeat left top;}
#top_guestbook  {text-indent:-9000px;position:relative;top:35px;left:188px;display:block;width:143px;height:33px;background:url(../images/common_title_guestbook.png) no-repeat left top;}
#top_blog  {text-indent:-9000px;position:relative;top:35px;left:188px;display:block;width:143px;height:33px;background:url(../images/common_title_blog.png) no-repeat left top;}

#contain  {margin:0 auto;	width: 900px;} 
#mainbg  {width:900px;	padding: 0;	margin:0;	background: #fff;	float: left;}

#left  {	float: left; padding:20px 0px 0px 0px;	background: #fff;	width:150px;}
#right  {float: left; padding:20px 30px 20px 30px; background: #fff;width:680px;text-align:left;overflow-x:hidden;}
#footer  {clear:both;width:900px;margin:0 auto;padding: 0;background: #fff;	height:90px;background:url(../images/bg_foot.png) no-repeat center bottom;}


/* left menu */
#menulist  {	display:block;	margin:0;	padding:0;float:right;}
	#menulist li
	{
		float:right;
		list-style:none;
		overflow:hidden;
		width:150px;
		margin-bottom:10px;
		height:16px;
	}

#menulist li a  {display:block;text-indent:-9000px;width:150px; line-height:16px;height:16px;}

	li#left_front a  {background:url(../images/common_menu_diary.png) no-repeat right 0;}
	li#left_design a  {background:url(../images/common_menu_design.png) no-repeat right 0;}
	li#left_profile a  {background:url(../images/common_menu_aboutme.png) no-repeat right 0;}
	li#left_blog a  {background:url(../images/common_menu_blog.png) no-repeat right 0;}
	li#left_guestbook a  {background:url(../images/common_menu_guestbook.png) no-repeat right 0;}

	li#left_front a:hover  {background:url(../images/common_menu_diary.png) no-repeat right -16px;}
	li#left_design a:hover   {background:url(../images/common_menu_design.png) no-repeat right -16px;}
	li#left_profile a:hover   {background:url(../images/common_menu_aboutme.png) no-repeat right -16px;}
	li#left_blog a:hover   {background:url(../images/common_menu_blog.png) no-repeat right -16px;}
	li#left_guestbook a:hover   {background:url(../images/common_menu_guestbook.png) no-repeat right -16px;}

	#left_front .front_selected  {background:url(../images/common_menu_diary.png) no-repeat right -16px;}
	#left_design .design_selected    {background:url(../images/common_menu_design.png) no-repeat right -16px;}
	#left_profile .profile_selected    {background:url(../images/common_menu_aboutme.png) no-repeat right -16px;}
	#left_blog .blog_selected    {background:url(../images/common_menu_blog.png) no-repeat right -16px;}
	#left_guestbook .guestbook_selected    {background:url(../images/common_menu_guestbook.png) no-repeat right -16px;}


/* table */
.table  {border:0;margin:0 0 0 25px;}
	.table td  {color:#313131;vertical-align:top;line-height:22px;}


/* digest */
#digest  {overflow:hidden;text-align:left;background:none;background-color:white;padding:0;margin:0;}
	#digest ul  {font-size:12px;padding:20px 20px 20px 44px;margin:0;}
	#digest li  {	list-style: square;	color:#888;	line-height:22px;}

	#digest a:link       {text-decoration:none; text-transform:none; color:#ba4949;}
	#digest a:visited   {text-decoration:none; text-transform:none; color:#ba4949;}
	#digest a:hover    {text-decoration:underline; text-transform:underline; color:#ba4949;}
	#digest a:active    {text-decoration:none; text-transform:none; color:#ba4949;}


/* list */
.list  {font-size:12px;padding:0 0 10px 44px;}
	.list  li  {list-style: square;	color:#505050;line-height:22px;}

/* text and title */
#right p  
{
	font-size:12px;
	line-height:20px;
	letter-spacing:1px;
	color:#313131;
	text-indent:27px;
	display:block;
	margin:0 0 10px 0;
}

#right h2
{
	font-size:12px;
	font-weight:normal;
	color:#ba4949;
	background-color:#fff7f4;
	display:block;
	width:690px;
	padding:6px 0 5px 7px; 
	margin:20px 0;
	font-weight:bold;
}

#right p a:link,#right p a:visited,#right p a:hover,#right p a:active  {text-decoration:none;}
#right a.underlined {
		cursor:pointer;
		text-decoration: none; 
		color:#313131;
		background: url(../images/curve.png) repeat-x left 3px;
		padding:0 0 6px 0;
}

#right a.underlined:hover {
		cursor:pointer;
		text-decoration: none; 
		color:#000;
		background: url(../images/curve.png) repeat-x left 3px;
		padding:0 0 6px 0;
}

.commonlist
{
	margin:0px;
	padding:0px;
	list-style:square;
	list-style-position:inside;
	font-size:9pt;
	color:#505050;
}

/* table */
.tablelist
{
	border:0;
	margin:0;
	padding:0;
	background-color:#f0f0f0;
	font-size:12px;
	color:#505050;
	work-break:keep-all;
	width:540px;
}

.tablelist td  {padding:5px;vertical-align:top;}


/* tabs */

#tabs  {height:40px;margin:20px 0 0 0;}
.tab {
	margin-right:2px;
	position:relative;
	font-size: 12px;
	float:left;
	cursor: pointer;
	padding: 5px;
	border:solid 1px white;
	color:#ba4949;
}


.tabselected {
	margin-right:2px;
	position:relative;
	float:left;
	font-size: 12px;
	cursor: pointer;
	height: 17px;
	padding:5px;
	border:solid 1px #fff7f4;
	background-color:#fff7f4;
	color: #ba4949;
	font-weight:bold;
}

#tabcontent  {	font-size: 9pt;z-index:30;width:697px;min-height:600px;margin:0 0 30px 0;}

	#tabcontent  dl  {width:697px;margin:20px 0 0 0;height:200px;border-top:solid 1px #eee;}
	#tabcontent  dl  dt  {float:left;width:138px;height:138px;overflow:hidden;}
	#tabcontent  dl  dt  img  {border:solid 5px #eee;}
	#tabcontent  dl  dd   {margin:0 0 15px 30px;width:491px;min-height:138px;text-align:left;float:left;}
	#tabcontent  dl  dd  h3  {font-family:Arial,Simsun;font-size:12px;color:#313131;display:block;margin:9px 0 0 0;}
	#tabcontent  dl  dd  p  {display:block;text-indent:0;font-size:12px;color:#313131;line-height:20px;margin:0 0 30px 0;}
	#tabcontent  dl  dd  span  {font-family:Arial;font-size:10px;color:#ccc;display:block;margin:2px 0 2px 0;}
	#tabcontent  dl  dd  ul  {}
	#tabcontent  dl  dd  ul  li  {list-style:none;display:block;height:25px;position:relative;}
	#tabcontent  dl  dd  a  {font-size:12px;color:#ba4949;display:block;position:absolute;right:0;text-decoration:none;}
	#tabcontent  dl  dd  a:hover  {text-decoration:none;}
	#tabcontent  dl  dd  a img  {padding:0 0 0 6px;position:relative;top:2px;}

	#tabcontent  table  {margin:50px 0 0 50px;}


.hidecontent
{
	display:none;
}

/* profile page */
#profile_banners  {}
	#profile_banners  li  {list-style:none;float:left;}
	#profile_banners  li img  {margin:0 5px 0 0;}
	#profile_name  {margin:0 0 10px 27px;}