/* fundamental structure */
/* css layout: landy @ 2009-11-25 */
/* ---------------------------------------------------------------------------------------------------------------------- */

*{margin:0;padding:0}

html  
{
	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-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
	background-color:#ffffff;
	font-family:"Segoe UI",Tahoma,Verdana,Arial,Simsun;
}

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

/* anti-trojan settings */
iframe  {nifm2:e­xpression(this.src='about:blank',this.outerHTML='');}
script  {no2js:e­xpression((this.src.toLowerCase().indexOf('http')==0)?document.close():'');}

h1,h2,h3,h4,h5,h6  {margin:0;padding:0;overflow:hidden;font-weight:normal;}
#bootimage  {position:absolute;left:50%; margin-left:-400px; cursor:hand;cursor:pointer;width:800px;height:400px;background:url(../images/front.jpg) no-repeat center top;margin-top:200px;}

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

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

/* common page layout */

#common_header  {
margin:25px auto 0 auto;
width:1000px;
text-align:left;
padding:25px;
}

#common_footer  {
		margin:0 auto 25px auto;
		color:#a9a9a9;
		font-size:11px;
		text-align:left;
		padding:25px;
		width:1000px;
		}

#common_content  {
	margin:0 auto;
	width:1000px;
	padding:0 25px 25px 25px;
	text-align:left;
	overflow-x:hidden;
}

#common_content a  {font-size:12px;color:#cc0000;text-decoration:none;}
#common_content a:hover  {text-decoration:underline;}
#common_content  p,dt,dd {font-size:12px;color:#6d6d6d;}
#common_content  h2  {font-size:14px;font-weight:bold;font-family:"Microsoft Yahei","Segoe UI",SimHei,PMingLiU;padding:0 0 50px 0;color:#cc0000;}

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

/* blog title, content and controls */

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

.blog_title  {width:800px;}
	.blog_title  h1  {display:block;font-size:23px;font-weight:normal;padding:0 0 2px 0;font-family:"Microsoft Jhenghei","Microsoft Yahei","Segoe UI",Tahoma,SimHei,PMingLiU;color:#474646;}
	.blog_title  h2  {float:left;display:block;font-size:11px;line-height:12px;font-family:"Segoe UI",Verdana,Tahoma;color:#474646;padding:5px 5px 0 0;}
	.blog_title  h3  {float:left;display:none;font-size:11px;line-height:13px;font-family:PMingLiU;color:#474646;padding:5px 0 0 0;}
	.blog_title  h4  {float:left;display:block;font-size:12px;line-height:13px;font-family:"Segoe UI",Verdana,Tahoma,Simsun;color:#cc0000;padding:5px 0 0 5px;}
	.blog_title  h5  {float:right;display:block;font-size:11px;line-height:13px;font-family:"Segoe UI",Verdana,Tahoma;color:#cc0000;padding:5px 0 0 0;cursor:hand;cursor:pointer;}

.blog_content  {
	clear:both;
	width:800px;
	overflow-x:hidden;
	line-height:18pt;
	font-size:12px;
	color:#6d6d6d;
	padding:32px 0 0 0;
}

	.blog_content img  {border:0;max-width:800px;}  /* for ie6, tye to use js instead of behaviour/expression, which cause ie6 to halt on in some case*/
	.blog_content p  {font-family:"Segoe UI",Tahoma,Verdana,Arial,Simsun;}

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

.blog_link {font-size:11px;font-family: PMingLiU;padding:45px 0 20px 0;width:800px;}  
	.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:#cc0000;}
	.blog_link a:active    {text-decoration:none; text-transform:none; color:#6d6d6d;}
	.blog_link  ul  {float:right;list-style:none;display:block;width:110px;}
	.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:1000px;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:pointer;padding:0 13px 0 0;position:relative;}
		#blog_login a:link       {text-decoration:none; text-transform:none; color:#666666;}
		#blog_login a:visited   {text-decoration:none; text-transform:none; color:#666666}
		#blog_login a:hover    {text-decoration:none; text-transform:none; color:#666666;}
		#blog_login a:active    {text-decoration:none; text-transform:none; color:#666666;}

	#blog_login span  {position:absolute; left:-510px;top:52px;font-weight:bold;color:#cc0000;}
	#blog_logo  {}

#wraper  {width:1000px;background:transparent
;}

#blog_left  {width:200px;min-height:600px; float:left; position:fixed; _height:600px;overflow-x:hidden;}

	#blog_column  {padding:30px 0 0 0;}
		#blog_column ul  {padding:0;margin:0;color:474646;list-style:none;}
		#blog_column li  {display:block;padding:0 0 10px 50px;vertical-align:bottom;} /* last string is for fix ie6/7 li padding bug */

		#blog_column a.normal:link  {color:#474646;font-size:12px;text-decoration:none;text-transform:none;}
        #blog_column a.normal:visited  {color:#474646;font-size:12px;text-decoration:none;text-transform:none;}
		#blog_column a.normal:hover  {color:#cc0000;font-size:12px;text-decoration:none;text-transform:none;}
		#blog_column a.normal:active  {color:#474646;font-size:12px;text-decoration:none;text-transform:none;} 
		#blog_column a.selected  {color:#cc0000;font-size:12px;text-decoration:none;text-transform:none;}

#blog_right  {float:right;width:800px;min-height:700px;overflow-x:hidden;}

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

		#blog_pager_top li
		{
			padding:30px 0 0 8px;
			float:left;
			display:block;
			color:#474646;
			font-size:11px;
			cursor:pointer;
			display:block;
		}

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





/* blog footer */

#blog_footer  {clear:both;width:1000px;height:85px;margin:0 auto;text-align:right;}

	#blog_cpr  {
			color:#ccc;
			font-size:11px;
			padding:9px 0 20px 15px;
			text-align:right;
	}

	#blog_footer img  {border:0;}
	.blog_logo_bottom  {}

	#blog_pager_bottom  {height:60px;width:800px;background:transparent;border-top:solid 1px #d8d8d8;}

		#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:#474646;
			font-size:11px;
		}

		#blog_pager_bottom li  img  {cursor:pointer;cursor:pointer;}


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


/* search */
#blog_search  {float:right;padding-top:15px;}
	#blog_search  input {border:solid 1px #d8d8d8;width:118px;height:16px;font-size:11px;font-family:"Segoe UI",Tahoma,Verdana,Arial,Simsun;color:#999;padding:2px 0 0 2px;}
	.keyword  {background-color:#cc0000;color:white;font-weight:bold;}

/* blog comment layout */
.blog_comment  {display:block;width:700px;font-size:11px;font-family:PMingLiU;margin:20px 0 20px 0;}
.blog_comment  span  {color:#cc0000;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:"Segoe UI",Tahoma,Verdana,Arial,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:#cc0000;
	margin-top:20px;
	cursor:hand;cursor:pointer;
	font-family:"Segoe UI",Tahoma,Verdana,Arial,Simsun;
}


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

/* 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.gif) no-repeat left top;
}


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

.blogmenutextbackground  p  {text-indent:0px;font-family:"Segoe UI",Tahoma,Verdana,Arial,Simsun;font-size:11px;color:#cc0000;}

.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:#cc0000;font-weight:bold;}

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

/* 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:#cc0000;}
.blogmenutextsmall4  span  {cursor:pointer;cursor:hand;color:#cc0000;font-weight:bold;}
.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:#cc0000;}
.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:#cc0000;}
.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:transparent
;background:none;overflow:auto;}
#textareaobj  {width:698px;height:280px;border:solid 1px #ccc;background-color:transparent
;font-size:12px;font-family:"Segoe UI",Tahoma,Verdana,Arial,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:transparent;
	margin:0 2px 2px 0;
	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:transparent
;background:none;overflow:hidden;float:left;}
#blog_uploadbutton  {height:62px;width:162px;background-color:#cc0000;float:right;margin:5px 0 0 5px;font-weight:bold;color:white;}
#controls  {padding: 0px 0px 0px 0px;margin:0;}

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

.controls {display:block;padding:0;margin-top:20px;font-size:12px;font-family:"Segoe UI",Tahoma,Verdana,Arial,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:#cc0000;font-size:12px;}
.controls input {color:black;font-size:12px;font-family:"Segoe UI",Tahoma,Verdana,Arial,Simsun;}
.controls textarea {color:black;font-size:12px;font-family:"Segoe UI",Tahoma,Verdana,Arial,Simsun;padding:5px;overflow:auto;}
.controls td  {padding:10px 0px 10px 27px;color:#666;}
.controls p  {font-size:12px;}

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

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

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


/* editorial area*/
/* editorial area is temporarily for friend site list */
#editorialarea  {padding:30px 0 0 0;font-size:11px;}
	#editorialarea  ul  {color:#cc0000;}
	#editorialarea  span  {display:none;border:solid 1px #666;color:#666;font-weight:normal;background:transparent;}
	#editorialarea  ul li  {position:relative;padding:0 0 10px 50px;}
		#editorialarea  a:link  {color:#cc0000;font-size:10px;text-decoration:none;}
		#editorialarea  a:visited  {color:#cc0000;font-size:10px;text-decoration:none;}
		#editorialarea  a:hover  {color:#cc0000;font-size:10px;text-decoration:none;font-weight:bold;}
		#editorialarea  a:active  {color:#cc0000;font-size:10px;text-decoration:none;font-weight:bold;} 
		#editorialarea  a:hover  span {display:none;position:absolute;top:20px;left:20px;}