/* fundamental structure */
/* ---------------------------------------------------------------------------------------------------------------------- */

*{margin:0;padding:0}

html  
{
	margin:0;
	padding:0;
	width:100%;
	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;
	background:url(../images/bg.gif) repeat-x left top;
	background-color:#d5d5d5;	
	font-family:Arial,Simsun;
}

body,iframe
{
	width:100%;
	position:relative;
	text-align:center;
}

h1,h2,h3,h4,h5,h6  {margin:0;padding:0;overflow:hidden;font-weight:normal;}

#main  {
	margin:0 auto;
	width:900px;
	text-align:left;
}

.clear  {clear:both;padding:0;margin:0;}

/* common page layout */

#common_header  {
margin:25px auto 0 auto;
width:850px;
background:white;
text-align:left;
padding:25px;
border-style:solid;
border-width:1px 1px 0 1px;
border-color:#e1e1e1;
}

#common_footer  {
		margin:0 auto 25px auto;
		color:#a9a9a9;
		font-size:11px;
		font-family:Tahoma;
		text-align:left;
		padding:25px;
		width:850px;
		border-left:solid 1px #d8d8d8;
		border-right:solid 1px #d8d8d8;
		border-bottom:solid 1px #d8d8d8;
		background:white;
		}

#common_content  {
	margin:0 auto;
	width:850px;
	padding:0 25px 25px 25px;
	border-left:solid 1px #e1e1e1;
	border-right:solid 1px #e1e1e1;
	text-align:left;
	background:white;
	overflow-x:hidden;

}

#common_content  p,dt,dd {font-size:12px;font-family:Tahoma,"Segoe UI",Simsun;color:#6d6d6d;}
#common_content  h2  {font-size:16px;font-weight:bold;font-family:"Microsoft Yahei",SimHei,PMingLiU;padding:0 0 100px 0;color:#a9a790;}

/* blog layout */
/* ---------------------------------------------------------------------------------------------------------------------- */

/* blog title, content and controls */

.blog_frame
{width:620px;border-top:solid 1px #d8d8d8;padding:27px 0 0 0;}

.blog_title  {width:620px;}
	.blog_title  h1  {display:block;font-size:30px;font-weight:bold;padding:0 0 2px 0;font-family:"Microsoft Jhenghei","Microsoft Yahei",SimHei,PMingLiU;color:#6d6d6d;}
	.blog_title  h2  {float:left;display:block;font-size:11px;line-height:12px;font-family:Tahoma;color:#636363;padding:5px 5px 0 0;}
	.blog_title  h3  {float:left;display:none;font-size:11px;line-height:13px;font-family:PMingLiU;color:#666;padding:5px 0 0 0;}
	.blog_title  h4  {float:right;display:block;font-size:11px;line-height:13px;font-family:PMingLiU;color:#a9a790;padding:5px 0 0 5px;}
	.blog_title  h5  {float:right;display:block;font-size:11px;line-height:13px;font-family:Tahoma;color:#a9a790;padding:5px 0 0 0;cursor:hand;cursor:pointer;}

.blog_content  {
	clear:both;
	width:620px;
	overflow-x:hidden;
	line-height:18pt;
	font-size:14px;
	font-family:Tahoma,"Segoe UI",Simsun;
	color:#6d6d6d;
	padding:32px 0 0 0;
}

	/*  .blog_content img  {border:0;max-width:620px;width:expression(this.width>620?"620px":"auto");}  this line will cause ie6 to halt on in some case */
	.blog_content img  {border:0;max-width:620px;}
	.blog_content p  {}

	.blog_content a:link       {text-decoration:none; text-transform:none; color:#a9a790;}
	.blog_content a:visited   {text-decoration:none; text-transform:none; color:#a9a790;}
	.blog_content a:hover    {text-decoration:none; text-transform:none; color:#a9a790; }
	.blog_content a:active    {text-decoration:none; text-transform:none; color:#a9a790;}

.blog_link {font-size:11px;font-family: PMingLiU;padding:45px 0 20px 0;width:620px;}  
	.blog_link a:link       {text-decoration:none; text-transform:none; color:#6d6d6d;}
	.blog_link a:visited   {text-decoration:none; text-transform:none; color:#6d6d6d;}
	.blog_link a:hover    {text-decoration:none; text-transform:underline; color:#a9a790;}
	.blog_link a:active    {text-decoration:none; text-transform:none; color:#6d6d6d;}
	.blog_link  ul  {float:right;list-style:none;display:block;width:120px;}
	.blog_link  li  {cursor:pointer;padding:0px 5px 0px 0px;float:left;color:#6d6d6d;}  /* color in feed is by scripting, 'coz ie6 doesn't support li:hover */


/* blog header, top/bottom columns and login menu */

#blog_header  {width:900px;height:37px;}
	#blog_login  {float:right;padding:18px 0 0 0;height:15px;}

		#blog_login  ul  {list-style:none;}		
		#blog_login  li  {float:left;font-size:11px;cursor:pointer;cursor:hand;font-family:Tahoma;padding:0 13px 0 0;position:relative;}
		#blog_login a:link       {text-decoration:none; text-transform:none; color:#636363;}
		#blog_login a:visited   {text-decoration:none; text-transform:none; color:#636363;}
		#blog_login a:hover    {text-decoration:none; text-transform:none; color:#a9a790;}
		#blog_login a:active    {text-decoration:none; text-transform:none; color:#636363;}

	#blog_login span  {position:absolute; left:-375px;top:80px;}

	#blog_logo  {}

#wraper  {width:900px;	border:solid 1px #d8d8d8;background:white;margin-bottom:37px;}

#blog_left  {width:205px;height:400px; float:left;padding:25px 25px 0 25px;}
	#blog_column  {padding:30px 0 0 0;}
		#blog_column ul  {padding:0;margin:0;color:gray;list-style:none;}
		#blog_column li  {display:block;padding:0 0 16px 0;vertical-align:bottom;} /* fix ie6/7 li bug */

		#blog_column a.normal:link  {color:#a9a790;font-size:12px;text-decoration:none;text-transform:none;}
        #blog_column a.normal:visited  {color:#a9a790;font-size:12px;text-decoration:none;text-transform:none;}
		#blog_column a.normal:hover  {color:#a9a790;font-size:12px;text-decoration:none;text-transform:none;font-weight:bold;}
		#blog_column a.normal:active  {color:#a9a790;font-size:12px;text-decoration:none;text-transform:none;font-weight:bold;} 
		#blog_column a.selected  {color:#6d6d6d;font-size:14px;text-decoration:none;text-transform:none;font-weight:bold;}

#blog_right  {float:left;width:620px;}

	#blog_pager_top  {height:79px;overflow:hidden;}
		#blog_pager_top ul
		{
			list-style:none;
			float:right;
		}

		#blog_pager_top li
		{
			padding:22px 0 0 8px;
			float:left;
			display:block;
			color:#999;
			font-size:11px;
			font-family:Tahoma;
		}

		#blog_pager_top li  img  {cursor:pointer;cursor:hand;}
		#blog_pager_top li  input  {
			border:solid 1px #d8d8d8;
			width:41px;
			height:16px;
			color:#d8d8d8;
			font-size:11px;
			font-family:Tahoma,Simsun;
			position:relative;
			top:-2px;
			padding-left:5px;
		}





/* blog footer */

#blog_footer  {width:620px;height:72px;border-top:solid 1px #d8d8d8;}

	#blog_cpr  {
			float:left;
			color:#a9a9a9;
			font-size:11px;
			font-family:Tahoma;
			padding:9px 0 0 0;
	}
	#blog_pager_bottom  {height:50px;}

		#blog_pager_bottom ul
		{
			list-style:none;
			float:right;
		}

		#blog_pager_bottom li
		{
			padding:22px 0 11px 8px;
			float:left;
			cursor:pointer;
			cursor:hand;
			display:block;
			color:#999;
			font-size:11px;
			font-family:Tahoma;
		}

		#blog_pager_bottom li  img  {cursor:pointer;cursor:hand;}
		#blog_pager_bottom li  input  {
			border:solid 1px #d8d8d8;
			width:41px;
			height:16px;
			color:#d8d8d8;
			font-size:11px;
			font-family:Tahoma,Simsun;
			position:relative;
			top:-2px;
			padding-left:5px;
		}


/* blog rss */
#blog_rss  {float:right;padding:23px 0 0 8px;}
	#blog_rss img  {border:0;}


/* search */
#blog_search  {float:right;padding-top:15px;}
	#blog_search  input {position:relative;left:2px;border-style:solid;border-width:1px;border-color:#d8d8d8;width:118px;height:16px;font-size:11px;font-family:Tahoma,Simsun;color:#ccc;padding-left:5px;}
	.keyword  {background-color:#a9a790;color:white;font-weight:bold;}

/* blog comment layout */
.blog_comment  {display:block;width:620px;font-size:11px;font-family:PMingLiU;margin:20px 0 20px 0;}
.blog_comment  span  {color:#a9a790;cursor:hand;cursor:pointer;}
.blog_commentcontent  {display:block;color:#636363;line-height:18px;font-size:12px;padding:10px;background-color:#f5f5f5;}
#commenttext  {
	border:solid 1px #cccccc;
	display:block;
	padding:5px;
	font-size:12px;
	width:485px;
	height:50px;
	overflow:auto;
	font-family:Tahoma,Simsun;
	float:left;margin:20px 0 0 0;
}  /* this is for <textarea> */

#comment_button  {
	height:62px;
	width:62px;
	color:white;
	float:left;
	margin-left:21px;
	line-height:62px;
	text-align:center;
	background-color:#a9a790;
	margin-top:20px;
	cursor:hand;cursor:pointer;
	font-family:Tahoma;
}


.blog_comment_link {list-style:none;width:40px;}
.blog_comment_link li  {font-size:12px;font-family:Tahoma;color:#a9a790;cursor:hand;cursor:pointer;}
.blog_comment_link li:hover  {color:white;background-color:#a9a790;}

/* menu - small */

.blogmenuloginbackground  {
	position:absolute;
	z-index:200;
	width:328px;
	height:205px;
	background:url(../images/menulogin.png) no-repeat left top !important;
	background:url(../images/menulogin.png) no-repeat left top;
}


.blogmenutextbackground  {
	position:absolute;
	z-index:200;
	background:url(../images/menusmall.png) no-repeat left top !important;
	width:282px;
	height:202px;
	background:url(../images/menusmall.gif) no-repeat left top;
	cursor:pointer;
}

.blogmenutextbackground  p  {text-indent:0px;font-family:Tahoma;font-size:11px;color:#a9a790;}

.blogmenutextsmall1  {vertical-align:middle;text-align:center;padding:20px;line-height:18px;padding:90px 0px 0px 0px}

.blogmenutextsmall2  {vertical-align:middle;text-align:center;padding:20px;line-height:18px;padding:80px 0px 0px 0px}
.blogmenutextsmall2  span  {cursor:pointer;cursor:hand;color:#a9a790;}

.blogmenutextsmall3  {vertical-align:middle;text-align:center;padding:20px;line-height:18px;padding:80px 0px 0px 0px}
.blogmenutextsmall3  span  {cursor:pointer;cursor:hand;color:#a9a790;}

/* login form */
.blogmenutextsmall4  {vertical-align:middle;text-align:left;padding:20px;line-height:18px;padding:50px 0 0 70px;font-size:11px;font-family:PMingLiU;color:#a9a790;}
.blogmenutextsmall4  span  {cursor:pointer;cursor:hand;color:#a9a790;}
.blogmenutextsmall4  input  {background:transparent;border-style:solid;border-width:0 0 1px 0;border-color:#d8d8d8;height:16px;font-size:11px;font-family:PMingLiU;color:#a9a790;}
.blogmenutextsmall4  ul  {padding:0;margin:0;list-style:none;}
.blogmenutextsmall4  li  {text-align:center;padding:0;margin:0;line-height:20px;padding:0px 0px 10px 0px;width:180px;}


/* menu - big */

.blogmenutextbig1  {vertical-align:middle;text-align:center;padding:20px;line-height:18px;padding:95px 0px 0px 0px}
.blogmenutextbig1  span  {cursor:pointer;color:#a9a790;}
.blogmenutextbig2  {text-align:left;padding:15px;line-height:18px;}


.blogmenutextbackgroundbig
{
	position:absolute;
	z-index:200;
	background:url(../images/menusbig.png) no-repeat left top; 
	width:748px;
	height:479px;
	padding:0;
	margin:0;

}

.blogmenubigshadow
{
	/*z-index:100;
	position:absolute;
	width:800px;
	height:531px;
	padding:0;
	margin:0;	
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/menushadowbig.png',sizingMethod='image');
	background: url(../images/menushadowbig.png) no-repeat left top!important; background:none;*/	display:none;
}

/* editor */
/* ---------------------------------------------------------------------------------------------------------------------- */


#editor {width:716px;height:300px;border:solid 1px #ccc;background-color:white;background:none;overflow:auto;}
#textareaobj  {width:698px;height:280px;border:solid 1px #ccc;background-color:white;font-size:12px;font-family:Verdana,Simsun;padding:10px;overflow:auto;overflow-x:hidden;}

#title  {font-size:12px;width:300px;height:17px;margin-left:1px;}
#privilege  {font-size:12px;line-height:20px}
#segment  {font-size:12px;line-height:20px}
#switchbutton  {display:inline;}
#close  {cursor:hand;cursor:pointer;position:absolute;right:20px;top:20px;}


.blogmenutextbig2 button  {
	border-color:#e0e0e0;
	border-style:solid;
	border-width:1px;
	background-color:white;
	margin-left:2px;
	cursor:pointer;
	color:#6d6d6d;
	padding:0px 2px 0px 2px;
	font-family:PMingLiU;
	font-size:11px;
}

#upload  {width:550px;height:80px;padding:0;border:0;margin:0;background-color:white;background:none;overflow:hidden;float:left;}
#blog_uploadbutton  {height:62px;width:162px;background-color:#a9a790;color:white;float:right;margin:5px 0 0 5px;font-weight:bold;}
#controls  {padding: 0px 0px 0px 0px;margin:0;}

/* control pages */
/* ---------------------------------------------------------------------------------------------------------------------- */

.controls {display:block;padding:0;margin-top:20px;font-size:12px;font-family:Verdana,Simsun;}
.controls dt  {float:left;width:160px;padding:5px 0px 5px 0;color:#666;line-height:18px;height:20px;font-size:12px;}
.controls dd  {float:right;width:660px;padding:5px 0px 5px 0px;line-height:18px;height:20px;color:#a9a790;font-size:12px;}
.controls input {color:black;font-size:12px;font-family:Verdana,Simsun;}
.controls textarea {color:black;font-size:12px;font-family:Verdana,Simsun;padding:5px;overflow:auto;}
.controls td  {padding:10px 0px 10px 27px;color:#666;}
.controls p  {font-size:12px;}

.controlbutton span {cursor:pointer;color:#a9a790;text-decoration:none;margin-right:20px;font-size:12px;}
.controlbutton span:hover {background-color:#a9a790;color:white;font-size:12px;}
.controlbutton  {width:100%;text-align:left;padding:20px 0px 20px 0px;}

.controllink {cursor:pointer;color:#a9a790;text-decoration:none;padding-right:20px;}

/* search result */
#blog_search_result  {width:620px;font-size:12px;font-family:Tahoma,Simsun;color:#636363;padding:2px 0 2px 0; float:left;border-top:solid 1px #d8d8d8}
#blog_search_result strong  {color:#a9a790;}
.blog_keyword  {font-weight:bold;font-size:14px;font-family:Tahoma,Simsun;color:#a9a790;border-bottom:dashed 1px #a9a790;}