/**
 * styling for lylijincheng's blog
 * 
 * code by lijincheng
 *
 **/
 
body {
	color: #333333;
	font: 75%/1.6 Verdana, Tahoma, Arial,Helvetica,SimSun,sans-serif;
}

a {
	color: #333333;
	text-decoration: none;	
}

a:hover {
	color: #000000;	
}

#wrap {
	padding: 10 20px;	
}

#banner {
	padding: 0 0 0 10px;	
}

#banner .headerText {
	padding: 20px 0 0 20px;	
}

#banner .headerDis {
	padding: 5px 0 20px 40px;	
}

#banner .headerText a {
	font-size: 1.8em;
	color: #333333;
	font-weight: bolder;
	text-shadow: 2px 2px 2px #999999;
}

#banner .headerText a:hover {
	color: #000000;
	text-decoration: none;
	text-shadow: 3px 3px 4px #666666;	
}

#left {
	width: 66%;
	float: left;	
	overflow: hidden;
	padding: 10px 20px 10px 20px;
}

#mylinks {
	padding: 0 0 0 10px;
	margin: 0 0 20px 0;	
}

.post, .commentform, .feedbackItem, textarea, #topics {
	border-top: 1px solid #bbbbbb;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #bbbbbb;	
}

.post, .commentform, .feedbackItem, #topics {
	padding: 10px;	
	border-radius: 10px;
	box-shadow: 3px 3px 4px #cccccc;	 
}

.post {
	position: relative;	
	margin: 10px 0 60px 0;
}

.postDesc {
	position: absolute;
	left: 10px;
	bottom: -60px;	
}

.post div, #topics {
	margin: 20px 0 20px 0;	
}

.postTitle a {
	font-weight: bolder;	
}

#mylinks a {
	margin-right: 20px;	
}

#mylinks a, .postTitle a {
	color: #333333;
	padding-bottom: 2px;	
}

#mylinks a:hover, .postTitle a:hover {
	color: #000000;
	border-bottom: 2px solid #0066ff;	
}

#topics .day div {
	margin: 10px 0 10px 0;	
}

#topics .day {
	position: relative;	
}

#topics .day .c_b_p_desc a {
	position: absolute;
	top: 26px;
	right: 20px;
}

#green_channel a {
	margin-right: 10px;	
}

#blog_post_info_block {
	margin-top: 60px;	
}

.commentform {
	margin: 20px 0 20px 0;	
}

.commentform input, .commentform textarea {
	font: inherit;
	padding: 2px 4px;
	border-radius: 6px;
}

.commentform input {
	width: 12em;
	line-height: 1;
	background-color: #eeeeee;
}

.commentform textarea {
	width: 30em;
	height: 10em;	
	box-shadow: 2px 2px 2px #cccccc;	
}

.commentform textarea:focus {
	background-color: aliceblue;	
	box-shadow: 0 0 2px #0066ff;	
}

#btn_comment_submit.comment_btn {
	padding: 6px 10px;
	border-radius: 4px;
	cursor: pointer;	
	width: 6em;	
}

.feedbackItem {
	position: relative;
	margin: 20px 0 20px 0;	
}

.feedbackItem .feedbackManage {
	position: absolute;
	right: 20px;	
}

.feedbackItem .feedbackCon {
	margin: 10px 0 10px 0;	
}

#right {
	width: 28%;
	float: right;	
	padding: 10px 0 10px 10px;
}

#right .catListTitle {
	font-size: 1em;
	margin: 0 0 20px 0;
	font-weight: normal;	
}

/* makes some divs invisible */
.mySearch, 
.commentbox_title_left,
.commentbox_title_right, 
.commentbox_main+p+p,
.feedback_area_title,
.topicListFooter, .postDesc,
#footer, #MyLinks1_XMLLink, 
#digg_block, #blog_post_info_block,
#comment_nav, #tip_comment+p+p,
#span_comment_canceledit+a
{
	display: none;	
}

#footer {
	clear: both;	/* can not clear float ? #Form1, #wrap, #main */
}