/**************************************************
说明：
1：我们建议你通过只改变css的方式来制作新的皮肤模板。当然，页面的部分代
码你也是可以更改的，例如一些图片的地址。但是，请你在递交作品的时候，请同时
提交对页面部分代码的修改备注和说明。以便我们了解。
2：为了保证页面的兼容性，请你分别在IE和Firefox中分别查看你的页面，以便保证页面
对浏览器的兼容性。
3：请你随时关注官方网站。以便获得最新的通知和说明
时间：2008-1-30
作者：杨正祎
**************************************************/

/**************************************************
第一部分：所有的模板都使用的公共样式。公告样式是为了更好的向前和向后兼容。
如果不符合你皮肤的要求，你可以在后面通过更高的优先级覆盖着这些样式，但是
你不能删除这些样式。
**************************************************/
#EntryTag {
	margin-top: 20px;
	font-size: 9pt;
	color: gray;
}
.topicListFooter {
	text-align: right;
	margin-right: 10px;
	margin-top: 10px;
}
#divRefreshComments{
	text-align: right; 
	margin-right: 10px;
	margin-bottom: 5px;
	font-size: 9pt;
}
/*****第一部分结束*******************************/

/**************************************************
第二部：公共样式（全局样式）。公共会对所有页面的标签都起作用。这个部分你
可以随意的更改，并不会牵扯到其他的皮肤模板。但是每次更改都要注意你的皮肤
模板所有页面的变化。因为它们是全局的。
**************************************************/
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	color: #999;
	background: #fff;
	font-family: "verdana","ms song","宋体","Arial","微软雅黑", "Helvetica", "sans-serif";
	font-size: 14px;
	line-height: 1.5em;
	min-height: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
ul {
	word-break: break-all;
}
li {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
a:link {
	color: #9DC2E1;
	text-decoration: none;
}
a:visited {
	color: #9DC2E1;
	text-decoration: none;
}
a:hover {
	color: #F60;
	text-decoration: none;
}
a:active {
	color: black;
	text-decoration: none;
}

input[type=button]:hover {
	cursor: pointer;
}



.clear {
	clear: both;
}
/*****第二部分结束*******************************/

/**************************************************
第三部分：各个页面元素的样式。你可以根据需要随意的更改，并不会牵扯到其他
的皮肤模板。这个部分是最能展现你想象力的部分。其中头部和侧边栏部分是此皮
肤公共的部分。而每个页面特有的部分会有相应的注释和说明。
**************************************************/
/*****home和头部开始**************************/
#home {
	margin: 0 auto;
	width: 95%;
	min-width: 320px;
	max-width: 960px;
}

#header {
	/*-webkit-box-shadow: 0 0 4px 1px #9DC2E1;*/
	padding: 30px;
	margin-bottom: 30px;
	border: 1px solid #9DC2E1;
	border-top: none;
}

#lnkBlogLogo {
	display: none;
}

#blogTitle {
	margin-bottom: 30px;
}

#blogTitle h1 {
	
}

#blogTitle h2 {
	color: #9DC2E1;
}

#blogTitle h1 a {
	font-size: 32px;
}

#navigator ul {
	overflow: hidden;
}

#navigator li {
	float: left;
	line-height: 1em;
}

#navigator li + li:not(:last-child) {
	border-right: 1px solid #9DC2E1;
	margin-right: 15px;
	padding-right: 15px;
}

#main {
	margin-bottom: 30px;
}

#mainContent{
	margin-top: 30px;
}

.day {
	border: solid 1px #9DC2E1;
	/*-webkit-box-shadow: 0 0 4px 0px #9DC2E1;*/
	padding: 30px;
	background: #;
	opacity: 1;
}

.dayTitle {
	float: right;
}

.postTitle {
	font-size: 24px;
	font-weight: 900;
	margin-bottom: 30px;
	float: left;
}

#cnblogs_post_body {
	line-height: 1.8em;
}

#cnblogs_post_body > p {
	line-height: inherit;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-bottom: 30px;
}

.postCon {
	clear: both;
	margin-bottom: 30px;
}

.postDesc {
	text-align: right;
}

#comment_form_container input {
	background-color: #fff !important;
}

#comment_form_container textarea {
	display: block;
	width: auto;
}

.line {
	height: 0px;
	/*-webkit-box-shadow: 0 0 4px 1px #9DC2E1;*/
}

#mainContent {
	float: right;
	width: 70%;
}

@media (max-width: 768px) {
	#mainContent {
		float: none;
		width: 100%;
	}
}

#sideBar {
	
}

#sideBarMain {
	
}



#blog-sidecolumn > div {
	overflow: hidden;
	margin-bottom: 30px;
}

#sideBarMain .catListTitle {
	display: block;
	float: left;
	margin-right: 15px;
	line-height: 60px;
	background: ;
}



#sideBarMain .catListTitle + div,
#sideBarMain .catListTitle + ul {
	display: block;
	margin-top: 30px;
	margin-right: 30px;
	padding-top: 30px;
	border-top: #9DC2E1 solid 1px;
	overflow: hidden;
	background: ;
}

@media (max-width: 768px) {
	#sideBarMain .catListTitle + div,
	#sideBarMain .catListTitle + ul {
		margin-right: 0;
	}
}


.mySearch {
	overflow: hidden;
}

.mySearch input {
	border: 1px solid #9DC2E1;
	padding: 4px;
	background: none;
	color: #9DC2E1;
}


.mySearch input[type=button] {
	border: none;
}

.mySearch input[type=button]:hover {
	cursor: pointer;
	color: #F60;
}
	

#sideBarMain li {
	
}




#footer {
	text-align: center;
}

#green_channel {
	border: none;
}

#green_channel a {
	background: none;
	border-radius: 2px;
	text-shadow: none;
	box-shadow: none;
}

#author_profile_detail a {
	text-decoration: none;
}


/*hide the useless div under the post page*/

#site_nav_under,
#ad_under_post_holder,
#under_post_news,
#google_ad_c2,
#under_post_kb {
	display: none;
}