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

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

#divRefreshComments{
	text-align: right; 
	margin-right: 10px;
	margin-bottom: 5px;
	font-size: 9pt;
}
/*****第一部分结束*******************************/

/**************************************************
第二部：公共样式（全局样式）。公共会对所有页面的标签都起作用。这个部分你
可以随意的更改，并不会牵扯到其他的皮肤模板。但是每次更改都要注意你的皮肤
模板所有页面的变化。因为它们是全局的。
**************************************************/
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	color: #000;
	background: #FFF;
	font-family: "verdana","ms song","宋体","Arial","微软雅黑", "Helvetica", "sans-serif";
	font-size: 9pt;
	min-height: 101%;
}
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: #3B5999;
	text-decoration: none;
}
a:visited {
	color: #3B5999;
	text-decoration: none;
}
a:hover {
	color: #3B5999;
	text-decoration: underline;
}
a:active {
	color: #3B5999;
	text-decoration: none;
}
.clear {
	clear: both;
}
/*****第二部分结束*******************************/

/**************************************************
第三部分：各个页面元素的样式。你可以根据需要随意的更改，并不会牵扯到其他
的皮肤模板。这个部分是最能展现你想象力的部分。其中头部和侧边栏部分是此皮
肤公共的部分。而每个页面特有的部分会有相应的注释和说明。
**************************************************/
/*****home和头部开始**************************/
#home{margin:0 auto;width:963px;}
#header{background-color:#3b5999; height:35px;width:750px;position:absolute; margin-left:190px;}
#blogTitle{ position:absolute; left:-133px;top:30px;}
#blogTitle .headermaintitle:link,#blogTitle .headermaintitle:visited,#blogTitle .headermaintitle:hover,#blogTitle .headermaintitle:active{
	font-size:16px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#blogTitle h2{ display:none;}
#lnkBlogLogo{ display:none;}
#navigator{ float:left;width:736px; height:35px;margin-left:10px;}
.blogStats{color:#ccc; text-align:right; float:right; margin-top:15px;display:none;}
#navList{margin-top:15px;width:410px;float:left;}
#navList li{ float:left; margin-left:10px;}
#navList li a{ padding:2px 5px;; color:#fff; width:50px; text-decoration:none;}
#navList li a img{ display:none;}
#navList li a:hover{ background-color:#6d84b4;}
.commentform .commentButton{ width:60px;}
#sideBar{ float:left; width:190px; background:url("/Skins/facebook/images/toplogo.jpg") no-repeat top left;word-break:break-all;}
#sideBarMain{ background-color:#f7f7f7;margin-top:60px;}
.newsItem{padding-top:10px;}
.newsItem .catListTitle{display:none;}
#leftcontentcontainer{  text-align:left; padding:5px; padding-top:10px;width:180px;}
#leftcontentcontainer h3{ background-color:#E9E9E9;color:#333; padding-left:5px; font-size:13px; margin-top:10px; margin-bottom:5px;line-height:1.5em;}
#leftcontentcontainer ul{ margin-left:10px;}
.mySearch #q{ width:130px; margin-left:6px;}
.catListLink ul li{ margin-top:3px; margin-left:5px;}
.catListLink ul a{ text-decoration:none;color:#3b5999;}
.catListLink ul a:hover{ text-decoration:underline;}

.catListNoteBook ul li{ margin-top:3px; margin-left:5px;}
.catListNoteBook ul a{ text-decoration:none;color:#3b5999;}
.catListNoteBook ul a:hover{ text-decoration:underline;}

.catListTag ul li{ margin-top:3px;margin-left:5px;}
.catListTag ul a{ text-decoration:none;color:#3b5999;}
.catListTag ul a:hover{ text-decoration:underline;}

.catListView,.catListFeedback,.catListComment{ display:none;}


#Calendar1_entryCal{}
#main{width:980px;}
#mainContent{width:750px; position:relative; left:-18px;top:-6px;border:1px solid #ccc; float:right; text-align:left; padding:10px;overflow:hidden;margin-top:40px;}
.postTitle{ background-color:#d8dfea; padding:2px 5px 1px 5px; margin-top:10px;}
.postTitle a{ color:#333; font-size:13px; font-weight:bold; text-decoration:none;}

.postCon{ padding:10px; color:#555;}
.postDesc{ text-align:right; margin:5px; color:#3b5999;}
.postDesc a{ text-decoration:none; color:#3b5999;}
.postDesc a:hover{ text-decoration:underline;}

.dayTitle a{ color:#333; text-decoration:none; font-size:15px; font-weight:bold; margin:10px;}



.postBody{ padding:10px;}
#divRefreshComments a{ background-color:#3b5999;}
.commentform{ background-color:#f7f7f7; padding:10px; border-top:solid 1px #95a5c6;}
.commentform tr{ margin-top:5px;}
.commentform .commenttb{ width:300px}
.commentform a{ color:#3b5999;}
.contact{background-color:#f7f7f7;padding:20px;}
#calendar{display:none;}

.dayTitle{border-bottom:1px solid #3b5999;padding-bottom:2px; }
.feedback_area_title{background-color:#e9e9e9;padding-left:10px;font-weight:bold;color:#3b5999;line-height:1.5em;}
.feedbackItem{padding:5px;border:solid 1px #95a5c6;margin:5px;background-color:#f7f7f7;}
.feedbackManage{float:right;}
.feedbackManage a{color:#555;}
.feedbackCon{padding:10px 5px;}
#AjaxHolder_PostComment_refreshList{color:#fff;padding:3px;}

#footer{
	float:right; 
	margin-right:40px;
	margin-top:15px;
	padding-bottom:20px;
	color:#777777;
}