body {
	background: #F5F0F1 top left;
	color: #333;
	font-size: 12px;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	}

#page {
        top center;
        margin:2px auto 0 auto;
        padding:0px;
        width:980px;
        text-align: left; 
        background: #F7F7F7;
}

div {
 display:block;
}
	
/*************************
*	Hyperlinks	 *
*************************/

a, a:visited {
	color: #365FB7;
	text-decoration: none;
	}
	
a:hover {
	color: #365FB7;
	text-decoration: underline;
	}
	
/*************************
*	Images copied from TC  * 
* added by hwu           * 
*************************/
a img {	border: none; }
p img {padding:0; }
p img.medium {padding:0;width:50%}
p img.small  {padding:0;width:25%}

img.centered {display:block;margin-left:auto;margin-right:auto;}
img.alignright {padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft {padding:4px;margin:0 7px 2px 0;display:inline;}

.alignright {float:right;}
.alignleft {float:left}


/*********************
*	Header       *
*********************/

#header {
	background: ;
	background: #FFFFFF;
	width: 100%;
	height: 122px;
	color: #F7F7F7;
	border-top: 10px solid #C8CFD9;
	}
	
.blogtitle {
	margin: 0px;
	padding: 7px 0px 5px 35px;
	font-family: 黑体, Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal
	color: #444444;
	text-align: left;
	}
	
.blogtitle a, .blogtitle a:visited{
	font-family: 黑体, Trebuchet MS, Verdana, Helvetica, Sans-Serif;
	font-size: 28px;
	color: #444444;
	text-decoration: none;
	font-weight: normal;
	}

.blogtitle a:hover{
	color: #C8CFD9;
	text-decoration: none;
	}

.blogtitle a img {
    border:0px;  
}
	
.blogtitle div.rice,.blogtitle div.share {
    text-align:right;
    padding:5px 10px 5px 10px;
    margin:0px 10px 0px 0px;
}

.blogtitle div.rice {
    background: #ffffff url('rice_bg.jpg') no-repeat right;
}

.blogtitle div.share {
    background: #ffffff url('share_bg.jpg') no-repeat right;
}
/**********************
*	Navbar        *
**********************/

#navbar {
	background: #C8CFD9;
	width: 100%;
	margin: 0px auto 0px;
	padding: 5px 0px 5px 0px;
	border-top:3px solid #C8CFD9;
	border-bottom:6px solid #C8CFD9;
	}
	
#navbar li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
#navbar ul {
	margin: 0px;
	padding: 0px 6px 0px 6px;
	}
	
#navbar ul li {
	margin: 0px;
	padding: 0px;
	}
	
#navbar ul li a {
	background: #C8CFD9;
	font-size: 12px;
	color: #444444;
	padding: 6px 15px 6px 15px;
	margin: 0px -4px 0px 0px;
	text-decoration: none;
	text-transform: uppercase;
	}

#navbar ul li a:hover {
	background: #444444;
	color: #C8CFD9;
	}

#navbar ul li span.emph a{
	color: #990000;
        font-weight:bold;
}

#navbar ul li span.emph a:hover {
	background: #990000;
	color: #C8CFD9;
	}

/************************
*	Sidebar      	*
*************************/

#sidebar {
	background: #F7F7F7;
	float: right;
	width: 300px;
	margin: 0;
	padding: 10px 10px 10px 0;
	display:inline;
	}

#sidebar h2 {
	background: #666;
	color: #F7F7F7;
	font-size: 12px;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-weight: normal;
	padding: 8px 0px 8px 10px;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	border-left: 0px solid #C8CFD9;
	}

#sidebar ul {
	list-style:none;
	margin:0 0 5px 0;
        padding:0px;
	}

#sidebar li {
	background: #E5ECF9;
	margin: 0px;
	padding: 0px;
	}

	
#sidebar ul.articlelist li {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #F7F7F7;
	}

/* 
 * hwu added IE hacks here, display:block is different between
 * IE6, IE7, and Firefox. Well, basically IE6 sucks 
 */
#sidebar ul.articlelist li a, 
#sidebar ul.recentcomments li.recentCommentsPostTitle a {
	/*height: 14px;*/
	display: block;
	color: #666;
	text-decoration: none;
	padding: 5px 0px 5px 10px;
	border-left: 5px solid #999;
	/*white-space: nowrap;*/
	}

/* hwu: Only IE7 and Firefox can read this, so IE6 will bypass */
html > body #sidebar ul.articlelist li a, 
html > body #sidebar ul.recentcomments li.recentCommentsPostTitle a {
	display: table;
	}

#sidebar ul.articlelist li a:hover, 
#sidebar ul.category li.cat-item a:hover,
#sidebar ul.recentcomments li.recentCommentsPostTitle a:hover {
	background: #999;
	color: #F7F7F7;
	text-decoration: none;
	border-left: 5px solid #C8CFD9;
	}

/* The followings are for "category" */
#sidebar ul.category li.cat-item {
	padding: 3px 0px 3px 0px;
        margin:0px 0px 0px 0px;
        }

#sidebar ul.category li.cat-item a {
	color: #666;
	text-decoration: none;
	padding: 5px 0px 5px 10px;
	border-left: 5px solid #999;
        }

#sidebar ul.category li.cat-item ul.children {
        list-style:square inside url('style_triangle.gif');
	margin:5px 15px 0px 15px;
        padding:0px;
        border:0px;
        }

#sidebar ul.category li.cat-item ul.children li.cat-item {
	border-bottom: 1px solid #F7F7F7;
        }

#sidebar ul.category li.cat-item ul.children li.cat-item a {
	border-left: 0px solid #999;
        }

/* end of "category" */

/* The followings are for "recent comments" */
#sidebar ul.recentcomments li.recentCommentsPostTitle {
	border-bottom: 1px solid #F7F7F7;
        }

#sidebar ul.recentcomments li.recentCommentsPostTitle ul {
        list-style:none;
	margin: 0 15px 2px 15px;        
        padding:0px;
        background:#D6DBE5;
        border:3px solid #E6E9EF;
        }

#sidebar ul.recentcomments li.recentCommentsPostTitle ul li{
	margin: 0px;
	padding: 0px;
        background:#D6DBE5;
        }

#sidebar ul.recentcomments li.recentCommentsPostTitle ul li span.commentAuthor{
        font-weight:bold;
        color:#666;
        }

#sidebar ul.recentcomments li.recentCommentsPostTitle ul li a{
        display:inline;
        font-size:11px;
        border:0px;
	padding:0px;
        color:#666;
        }

#sidebar ul.recentcomments li.recentCommentsPostTitle ul li a:hover{
	background:#E5ECF9;
	border:0px;
        padding:0px;
        color: #365FB7;
        }
/* End of "recent comments" */

	
/************************
*	Content         * 
************************/	
	
#content {
	line-height: 20px;
	background: #F7F7F7;
	float: left;
	width: 600px;
	margin: 0px;
	padding: 30px 0 30px 25px;
	display:inline;
	}

#content h1 {
	color: #000066;
	font-size: 14px;
	font-family: 微软雅黑, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	padding: 0;
	margin: 0 0 10px 0;
	}
	
#content h1 a  {
	padding: 5px 10px 5px 10px;
	color: #444444;
	text-decoration: none;
	border-left: 0px solid #365FB7;
	background: #E5ECF9;
	border-bottom:solid 1px #3D8BFF
	}

#content h1 a:hover {
	color: #000000;
	text-decoration: none;
	border-left: 0px solid #365FB7;
	border-bottom:solid 1px #0056D6
	}

#content #authortable td {
        padding-left: 15px;
}

#content .lineclass1 td {
        background: #FFFFFF;
}

#content .lineclass2 td {
        background: #E5ECF9;
}

#content .authortop td,#content .authorbottom td  {
        background: #D1D1D1;
        font-weight: bold;
        font-size: 12px;

}

#content .authortop td {
        border-top:3px solid black;
        border-bottom: 1px solid black;
}

#content .authorbottom td {
        border-top: 1px solid black;
        border-bottom: 3px solid black;
}	
	
#content ol{
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 15px 0px;
	}
	
#content ol li{
	margin: 0px 0px 0px 20px;
	padding: 5px 0px 10px 0px;
	}

#content p{
	padding: 0px 0 10px 0;
	margin: 0px;
	line-height: 20px;
	}

#content p img{
	float: left;
	border: 1px solid #999;
	padding: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
	}

#content p img:hover {
	border: 1px solid #666;
	}
	
#content ul{
	list-style-type: square;
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 15px 0px;
	}
	
#content ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 5px 0px 10px 0px;
	}
	
blockquote{
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px;
	color: #666;
	border-left: 5px solid #999;
	}
	
#content blockquote p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
	
#content ul li a {
	text-decoration: none;
	}

#content ul li a:hover {
	text-decoration: none;
	}
	
.postinfo {
	width: 96%;
	background: #EAEAEA;
	font-size: 12px;
	color: #666;
	margin: 10px 0px 60px 0px;
	padding: 10px 10px 0px 20px;
	line-height: 12px;
	}

.postinfotop {
	font-size: 12px;
	color: #666;
	margin: 10px 0px 60px 0px;
	padding: 10px 10px 0px 20px;
	line-height: 12px;
	}

/*********************
*	Footer       *
*********************/

#footer {
	background: #666;
	width: 100%;
	color: #F7F7F7;
	margin: 0px auto 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
        border-top: 10px solid #365FB7;
	}
	
#footer a, #footer a:visited {
	color: #EAEAEA;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #EAEAEA;
	text-decoration: none;
	}

/*************************
*	Search Form	 *
*************************/

#searchdiv {
	margin: 0px;
	padding 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	width: 65%;
	background: #F7F7F7;
	color: #666;
	font-size: 12px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 3px;
	margin: 8px 0px 0px 0px;
	border: 1px solid #999;
	}

#submit {
        border:1px solid #333;
	font-family: Verdana, Helvetica, Sans-Serif;
        color:#E7E7E7;
        background:#666;
        padding:0;
	text-transform: uppercase;
}

/************************
*	Comments	*
************************/
	
#commentblock {
	width: 95%;
	background: #EFEFEF;
	color: #666;
	float: left;
	padding: 10px 20px 0px 20px;
	margin: 10px 0px 10px 0px;
	}
	
ol#commentlist {
	padding: 5px 0px 5px 0px;
	margin: 0px;
	list-style-type: none;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;

	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #666;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 5px 0px 20px 0px;

	padding: 20px 10px 5px 10px;
	width: 90%;
	background: #F7F7F7;
	}

.commenttext-admin {
	clear: both;
	margin: 5px 0px 20px 0px;
	padding: 20px 10px 5px 10px;
	width: 90%;
	background: #999;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: left;
	margin: 0px;
	padding: 0;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

/************************
*	Navigation      *
************************/

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}