body 
{
	background:#f7f7f5;
	text-align:center;
	padding:0px;
	margin:0px;
	FONT-FAMILY: Tahoma, Arial; 
	font-size:12px;
}
#header 
{
	width:100%;
	height:130px;
	background:#ffffff;
}
#top
{
    background:url(../images/top_bg.gif) no-repeat left top;
	height:100px;
	border-bottom:1px solid #cccccc;
	margin-bottom:1px;
}
#top_left
{
    width:371px;
	height:100px;
	float:left;  
}
#voice
{
    color:#CCCCCC;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	float:left;
	width:400px;
	padding-left:5px;
	margin-top:60px;
}
#nav
{
    background:url('../images/nav_bg.gif') repeat-x left top;
    HEIGHT: 30px;
    WIDTH: 100%; 
    
}
#stylenav 
{
    DISPLAY: block; 
    FONT-WEIGHT: bold; 
    FONT-SIZE: 12px;     
    WIDTH: 740px; 
    FONT-FAMILY: Arial, Verdana, Helvitica, sans-serif; 
    HEIGHT: 30px;
    margin-left:auto;margin-right:auto;
}
#stylenav UL 
{
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    PADDING-BOTTOM: 0px; 
    MARGIN: 0px; 
    WIDTH: auto; 
    PADDING-TOP: 0px; 
    LIST-STYLE-TYPE: none
}
#stylenav UL LI 
{
	DISPLAY: block; 
    FLOAT: left; 
    MARGIN: 0px;
    
}
#stylenav UL LI A 
{
    background:url('../images/nav_sep.gif') no-repeat left top;
    DISPLAY: block; 
    FLOAT: left; 
    PADDING-BOTTOM: 0px; 
    COLOR: #ffffff; 
    PADDING-TOP: 7px; 
    HEIGHT: 20px; 
    TEXT-DECORATION: none;
    PADDING-RIGHT: 20px; 
    PADDING-LEFT: 20px; 
}
#stylenav UL LI A:hover 
{
    background:url('../images/nav_hv.gif') no-repeat left top;

		
}
#container
{
	background:#ffffff;
	width:740px;
	border:solid 1px #eeeeee;
	text-align:left;
    height:auto;

margin-left:auto;margin-right:auto;
}
#preface
{
    height:24px;
}
#blog_list_container
{
    width:530px;
	text-align:center;
	margin-bottom:15px;
	border-top:1px #eeeeee solid;
}
.blog_list_item-1
{
	text-align:left;
	background:#FFFFFF;
	color:#666666;
	border-bottom:1px solid #eeeeee;
	border-left:1px solid #eeeeee;	
	border-right:1px solid #eeeeee;	
}
.blog_list_item-2
{
	text-align:left;
	background:#F3F9FC;
	color:#666666;
	border-bottom:1px solid #eeeeee;	
	border-left:1px solid #eeeeee;	
	border-right:1px solid #eeeeee;	
}
#page
{
    float:left;
	text-align:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#mode
{
    float:right;
	text-align:right;
}
#DafaultHeadAdd
{
	border:solid 1px #cccccc;
	background: #ffffff; 
	margin-bottom: 5px; 
	width:530px;
	height:60px;
}
#prenext
{
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	background: #ffffff; 
	margin-bottom: 10px; 
	height:24px;
}
#pre
{
    float:left;
    padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;
}
#next
{
    float:right;
    padding-top:5px;
	padding-bottom:5px;
	padding-right:8px;
}
#location
{
	width:740px;
	height:24px;
	border-bottom:dashed 1px #eeeeee;	
}
#comments
{

}
#comments_title
{
	border-bottom:dashed 1px #cccccc;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	padding-left:5px;
	padding-bottom:5px;
}
.comments_content
{
    border-bottom:dashed 1px #cccccc;
	padding-bottom:10px;
	color: #5f5f5f;
	margin-bottom:10px;
	padding-left:6px;

}
#ren
{
    padding-top:10px;
	padding-left:26px;
	padding-bottom:5px;
	
}
#ren_content
{
	padding-top:0px;
	padding-left:15px;
}
#reply
{
    padding-top:5px;
	padding-left:8px;
	line-height:24px;
	width:390px;
	color:gray;
	border-top:1px dashed #CDDFFE;
	
}
.time
{
    font:Verdana, Arial, Helvetica, sans-serif;
    color:#999999;
    font-size:12px;
}
#form_title
{
	border-bottom:dashed 1px #cccccc;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	padding-left:5px;	
	padding-bottom:5px;
	padding-top:3px;	
}
#form_content
{

}
.form_content_button
{
    width:48px;
	height:14px;
	border:none;
	background:url(../images/button.jpg);
}
#form_content INPUT
{
    font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#form_content TEXTAREA
{
    font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:242px;
}
#informer
{
	float:right;
	font-size:10px;
	color:Red;
	font-weight:normal;
}

.image
{
	border:0;
}
#left
{	
	float:right;
	width: 530px;
}
#right
{
	float:left;
	width:202px;
	text-align:left;
}
#album_left
{	
	float:left;
	width: 530px;
	border-right:1px solid #cccccc;	
}
#album_right
{
	float:right;
	width:202px;
	text-align:left;	
}
#album_welcome
{
    height:80px;
	padding-left:15px;
	padding-right:15px;	
	float:none;
}
#album_welcome HR
{
    margin:0px;
	height:1px;
	color:#cccccc;
}
#album_welcome_language
{
    color:#666666;
	padding:5px;
}
#album_container
{
    width:500px;
	padding:15px;
}
.album_item
{
    width:476px;
	height:130px;
	padding:10px;
	border:1px solid #cccccc;
	margin-bottom:15px;
}
.album_item_photo
{
    width:160px;
	height:120px;
	border:5px solid #eeeeee;
	float:left;
}
.album_item_words
{
    height:120px;
	width:300px;
	float:right;
}
.album_item_title
{
    height:30px;
	border-bottom:1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#aaaaaa;
}
.album_item_title A:link
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#72a12d;
}
.album_item_title A:visited 
{
	color:#72a12d;
}
.album_item_title A:hover 
{
	color:#48a5bf;
}
.album_item_discription
{
    padding-top:10px;
    padding-left:10px;
    padding-right:5px;
    padding-bottom:5px;			
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	line-height:16px;
}
#all_album_title
{
    padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#555555;
}
#all_album_title HR
{
    width:190px;
	height:1px;
	color:#cccccc;
}
#all_album_container
{
	text-align:center;
	width:130px;
	margin-left:auto;
	margin-right:auto;
}
#all_album_des
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#aaaaaa;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;		
}
.all_album_pic
{
    width:116px;
	height:87px;
	border:5px solid #eeeeee;
	margin-top:30px;
	margin-bottom:30px;
}
#photo_album_title
{
    margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#aaaaaa;
}
.photo_box_ctrl
{
    padding-left:7px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:5px;
}
#photo_album_title A:link
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#72a12d;
}
#photo_album_title A:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#72a12d;
}
#photo_album_title A:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#48a5bf;
}
#photo_intro
{
    height:80px;
	padding-left:15px;
	padding-right:15px;	
	float:none;
}
#photo_intro HR
{
    height:1px;
	color:#cccccc;
}

#photo_title
{
    margin-top:15px;
	font-size:18px;	
	FONT-WEIGHT: bold; 
	color:#777777;
}

.photo_box
{
    width:100%;
	margin-top:10px;
	border-bottom:1px dashed #cccccc;
}

.photo_box_photo
{
    margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.photo_list
{
    width:510px;
	height:120px;
	padding:10px;
}
.photo_list_content
{
    width:510px;
	margin-bottom:20px;
}
.photo_list_item
{
    float:left;
	margin:5px;
	border:3px solid #eeeeee;
	height:60px;
	width:80px;
}
#about
{
	border:solid 1px #cccccc;
	margin-bottom:5px;
}
#footer
{	
    FONT-SIZE: 12px;   
    FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
	width:735px;
	height:60px;
	text-align:right;
	vertical-align:middle;
	padding-top:20px;
	margin-bottom:12px;
	background:url('../images/footer-top.gif') repeat-x left top;
	padding-right:5px;
	line-height:18px;
	color:#666666;
margin-left:auto;margin-right:auto;
}


.textbox 
{
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	background: #ffffff; 
	margin-bottom: 15px; 
	width: 530px;
height:auto;
}
.textbox-title
{
	padding-top:15px;
	PADDING-RIGHT: 6px; 
	PADDING-LEFT: 6px; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 6px; 
	PADDING-TOP: 6px; 
	POSITION: relative;
	BORDER-BOTTOM: #cccccc 1px dashed;
}
.textbox-title H4 {
	DISPLAY: inline; 
	PADDING-LEFT: 5px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px;
	color:#666666;
}
.textbox-label
{
	padding-top:8px;
	font-size:11px;
	padding-left:25px;
	border-bottom: #cccccc 1px dashed;
	padding-bottom:8px;
}
.textbox-content
{
	padding-left:10px;
	padding-right:10px;
	PADDING-BOTTOM: 5px; 
	COLOR: #5f5f5f;
	LINE-HEIGHT: 3ex; 
	padding-top:5px;
	width: 500px; 
	height: auto;
}
.textbox-tail
{
	 width: 500px;
	 PADDING-RIGHT: 5px; 
	 BORDER-TOP: #c0c0c0 1px dashed; 
	 PADDING-LEFT: 5px; 
	 FONT-SIZE: 11px; 
	 PADDING-BOTTOM: 5px; 
	 COLOR: #666666; 
	 PADDING-TOP: 5px;
	 text-align:right;
}
.right-item
{
	border:solid 1px #cccccc;
	margin-bottom:7px;
height:auto;
}
.right-item-title
{
	width:190px;
	font-weight:bold;
	font-family:@Arial Unicode MS;
	font-size:12px;
	color:#666666;
	padding-top:10px;
	padding-bottom:8px;
	padding-left:5px;
height:auto;
}
.right-item-content
{
	width:190px;
	border-top:dashed 1px #cccccc;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	color:#cccccc;
height:auto;
}
.right-item-content li
{
	padding-top:5px;
}
A:link {
	COLOR: #555555; TEXT-DECORATION: none
}
A:visited {
	COLOR: #555555; TEXT-DECORATION: none
}
A:hover {
	COLOR: #48a5bf; TEXT-DECORATION: none
}

.link-item
{
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	background: #ffffff; 
	margin-bottom: 15px; 
	width: 100%;
	padding-bottom:15px;
	
}
.link-item-title
{
	border-bottom:dashed 1px #cccccc;
	padding-bottom:0px;
	margin:15px;
}
.ImageLink
{
    height:31px;
	width:80px;
	float:left;
	margin:10px;
	background:#eeeeee;
}
.TextLink
{
    height:24px;
	width:320px;
	float:left;
	margin-left:10px;
	margin-right:10px;	
	font-size:14px;
	color:#666666;
}
.TextLink a:hover
{
    color:#0080FF;

}
.LinkApplyInput
{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:solid 1px #cccccc;
	width:150px;
}
.LinkApplyButton
{
              height:24px;
	width:48px;
	border:solid 1px #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background-color:#eeeeee;
}
#about-photo
{
    float:left;
	height:130px;
	width:210px;
	margin-top:8px;
}
#about-intro
{
    float:right;
	width:480px;
	height:100%;
	color:#666666;
}

#about-memory
{
	border-top:dashed #CCCCCC 1px;
}
.about-friends
{
    height:80px;
	width:86px;
	float:left;
	margin:1px;
}
#friends-container
{
    padding-left:15px;
}
/* CSS Document for works*/

#works_container
{
	padding:15px;
}
.works_item
{
    border:1px solid #eeeeee;
	padding:10px;
	margin-bottom:15px;
}
.works_title
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#aaaaaa;
	border-bottom:#cccccc 1px solid;

}
.works_title A
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	font-weight:bold;
}
.works_title A:visited 
{
	color:#72a12d;
}
.works_title A:hover 
{
	color:#48a5bf;
}
.works_bannar
{
	padding-top:10px;
	padding-left:5px;
	width:490px;
	height:95px;
	float:left;
}
.works_abstract
{
    padding-top:10px;
	padding-right:5px;
	color:#666666;
}
.works_tech
{
    height:100px;
	float:right;
	padding-top:10px;
	padding-right:5px;
	width:160px;
	color:#888888;
}
.works_tech LI
{
    padding-left:10px;
	padding-top:5px;
}