/**************************************************
说明：
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;
}
/*  mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background:#fff;
}

::-webkit-scrollbar-thumb {
    background: #eb7474;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ca4444;
}

::-webkit-scrollbar-corner {
    background: #fff;
}

::-webkit-scrollbar-resizer {
    background: #ff6e00
}

/*  mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm */

/*****第一部分结束*******************************/

/**************************************************
第二部：公共样式（全局样式）。公共会对所有页面的标签都起作用。这个部分你
可以随意的更改，并不会牵扯到其他的皮肤模板。但是每次更改都要注意你的皮肤
模板所有页面的变化。因为它们是全局的。
**************************************************/
* {
	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%;
    background-color: #f8f8f8;
}
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: black;
	text-decoration: none;
}
a:visited {
	color: black;
	text-decoration: none;
}
a:hover {
	color: #F60;
	text-decoration: underline;
}
a:active {
	color: black;
	text-decoration: none;
}
.clear {
	clear: both;
}
/*****home和头部开始**************************/


#home {
	margin: 0 auto;
	width:95%;
	min-width: 1080px;
}
#header {
    background-color: #fff;
    font-family: "Consolas","Microsoft JhengHei","Apple LiGothic Medium,Microsoft YaHei","微软雅黑","Arial",sans-serif;
    max-width: 1080px;
    background-color: #fff;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#header::before {
    content: ""; /* 用伪元素来生成一个矩形 */
    display: block;
    height: 60px;
    width: 100%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    background-color: #fff;
    z-index: -1;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    position: fixed;
    margin: 0 auto;
}
#header::after{
    content: '';
    display: block;
    clear: both;
}
/*  */
#blogTitle {
    height: 60px;
    clear: both;
    float: left;
}
#blogTitle h1 {
    font-size: 18px;
    height: 60px;
    line-height: 60px;
	font-weight: bold;
    margin-left: 20px;
    width: 100%;
    float: left;
}

#blogTitle h1 a:link, #blogTitle h1 a:visited, #blogTitle h1 a:active {
    color: #666;
    text-decoration: none;
    transition: all ease-out .3s;
}
#blogTitle h1 a:hover{
    color: #F60;
    padding-left: 8px;
}

#blogTitle h2 {
    font-size: 10px;
    margin-left: 20px;
    width: 100%;
    float: left;
    display: none;
}
#blogTitle #lnkBlogLogo{
    display: none;
}
#blogLogo {
	float: right;
}
#navigator {
	height: 60px;
    margin:auto;
    margin-right: 0px;
    float: right;
    line-height: 60px;
}
#navList {
	height: 60px;
	float: right;
}
#navList li {
	float: left;
}
#navList a {
	display: block;
    padding: 0 10px;
    margin: 0px;
	height: 59px;
	float: left;
    text-align: center;
    border-bottom: 1px solid #fff;
    transition: all ease .3s;
    font-size: 16px;
}
#navList a:link, #navList a:visited, #navList a:active {
	color: #666;
}
#navList a:hover {
	color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #b06262;
    background-color: #b06262;
}
.blogStats {
	color: #ccc;
	margin-right: 2px;
    text-align: right;
    float: right;
    display: none;
}
/* 自适应（--头部开始--） */
@media screen and (max-width: 650px) {
    /* 自适应（--头部开始--） */
    #blogTitle {
        height: 60px;
        clear: both;
        float: right;
        width: 100%;
        width: calc(100% - 20px);
        padding: 0;
        text-align: right;
        padding-right: 20px;
        padding-top: 5px;
        height: 20px;
    }
    #blogTitle h1 {
        font-size: 10px;
        height: 20px;
        line-height: 20px;
    }
    #navigator{
        height: 35px;
        line-height: 35px;
        width: 100%;
    }
    #navList {
        height: 35px;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-around
    }
    #navList li{
        overflow: hidden;
        flex: 1;
    }
    #navList a {
        height: 34px;
        padding: 0;
        margin: 0 1px;
        text-align: center;
        border-bottom: 1px solid #fff;
        transition: none;
        font-size: 14px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }
}

/*****主页文章列表开始**************************/
#main{
    padding-top: 80px;
	width: 100%;
    text-align: left;
    max-width: 1080px;
    margin: 0 auto;
    overflow: hidden;
}
#mainContent .forFlow{
	margin-left: 22em;
	float: none; 
    width: auto;
}

#mainContent {
	min-height: 200px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	
	float: left;
	margin-left: -22em;
    width: 100%;
}
.day {
	min-height: 10px;
	_height: 10px;
	margin-bottom: 20px;
    padding-bottom: 5px;
    background-color: #fff;
    padding: 10px;
    margin: 2px 5px 20px 5px;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
    border-radius: 4px;
}
.dayTitle {
	color: #333;
    font-family: "verdana","ms song","宋体","Arial","微软雅黑", "Helvetica", "sans-serif";
	font-weight: bold;
	font-size: 15px;
	margin-top: 3px;
    margin-bottom: 10px;
    width: auto;

	clear:both;
	border-bottom:none;
    text-align:left;
    line-height: 30px;
    height: 30px;
    vertical-align: middle;
    border-left: 6px solid #b06262;
    background-color: rgb(233, 233, 233);
}
.dayTitle a{
    vertical-align: middle;
}
.postTitle {
	font-size:16px;
    font-weight: normal;
    /* ### */
	border-bottom: 0px;
	line-height: 1.5em;
	width: 100%;
    clear:both;
    color: #000;
}
.postTitle a:link, .postTitle a:visited, .postTitle a:active {
    color: #444;
    transition: all ease .3s;
}
.postTitle a:hover {
	color: #F60;
	text-decoration: none;
}
.postCon {
    line-height: 1.5em;
    width: auto;
	clear:both;
    padding: 3px 0;
    float: none;
    font-size: 14px;
    color: #666 !important;
}
.postDesc {
	float: right;
	width: 100%;
	clear:both;
	text-align: right;
	padding-right: 5px;
	color: #666;
	margin-top: 5px;
}
.postDesc a:link, .postDesc a:visited, .postDesc a:active {
	color: #666;
}
.postDesc a:hover {
	color: #F60;
	text-decoration: none;
}
.postSeparator {
	clear: both;
    height: 1px;
    border-top: none;
	border-bottom: 1px solid rgb(207, 207, 207);
	width: 100%;
	clear:both;
    float: right;
    height: 10px;
	margin: 0 auto 15px auto;
}
/*****主页文章列表开始**************************/

/*****侧边栏开始********************************/
#sideBar {
	width: 230px;
	min-height: 200px;
	padding: 2px 3px 0px 5px;
	float: right;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
.newsItem .catListTitle {
    display: block;
    padding: 0;
    margin: 0;
    border: none;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #666;
    margin-bottom: 10px;
}
.newsItem {
	padding: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    color: #666;
    font-size: 12px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
/**日历控件样式开始**/
#calendar {
    width: auto;
    background-color: #fff;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    margin-bottom: 10px;
}
#calendar .Cal {
    width: 100%;
	line-height: 1.5em;
}
.Cal {/**日历容器table**/
	border: none;
	color: #666;
}
#calendar table a:link, #calendar table a:visited, #calendar table a:active {
	font-weight: bold;
}
#calendar table a:hover {
	color: white;
	text-decoration: none;
	background-color: #F60;
}
.CalTodayDay{/**今天日期样式**/
	color:#f60;
}
#calendar .CalNextPrev a:link,#calendar  .CalNextPrev a:visited, #calendar .CalNextPrev a:active {/**上个月、下个月箭头样式**/
	font-weight: bold;
	background-color: white;
}
.CalDayHeader{
	border-bottom:1px solid #ccc;	
}
.CalTitle{/**日历年月头部样式**/
	width:100%;
	background:white;
	color:black;
	border-bottom:1px solid #666;	
}
/**日历控件样式结束**/
.catListTitle {
	font-weight: bold;
	line-height: 1.5em;
	font-size: 110%;
	margin-top: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid black;
	text-align: center;
}
.catListComment {
	line-height: 1.5em;
}
.divRecentComment {
	text-indent: 2em;
	color: #666;
}
#sideBarMain ul {
	line-height: 1.5em;
}
/* 侧边栏随笔以下部分 */
#leftcontentcontainer{

}
.catListEssay ,
.catListLink ,
.catListNoteBook ,
.catListTag ,
.catListPostCategory,
.catListPostArchive,
.catListArticleArchive,
.catListImageCategory,
.mySearch,
.catListComment,
.catListView,
.catListFeedback,
.catListArticleCategory sidebar-block{
    padding: 10px;
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
}
#sidebar_articlecategory{
    padding: 10px;
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
}
/* 最新随笔 */
.catListTitle{
    height: 24px;
    border-left: 6px solid rgb(250, 161, 102);
    background-color: #f1f1f1;
    border-bottom: 0;
    line-height: 24px;
    text-align: left;
    text-indent: 6px;
    font-size: 16px;
    color: #666;
    margin: 0;
    margin-bottom: 8px;
    border-radius: 5px;
    font-weight: bold;
}
.catListEssay ul li a,
.catListLink ul li a,
.catListNoteBook ul li a,
.catListTag ul li a,
.catListPostCategory ul li a,
.catListPostArchive ul li a,
.catListArticleArchive ul li a,
.catListImageCategory ul li a,
.catListView ul li a,
.catListFeedback ul li a{
    line-height: 25px;
    font-size: 14px;
    color: #666;
}

.mySearch #q{
    width: auto;
}

.catListComment .divRecentCommentAticle a{
    font-size: 16px;
    color: #666;
}
.catListComment .divRecentComment{
    text-indent:2em;
    font-size: 12px;
    color: #999;
}

/*****侧边栏结束********************************/


/****查看文章页面开始*************************/
#topics {
	width: auto;
	min-height: 200px;
	padding: 15px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
    word-break: break-all;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
    overflow: hidden;
    width: auto;
    float: none;
    margin: 2px 3px 10px 3px;
}
#topics .postTitle {
	font-size: 130%;
	font-weight: bold;
	float: none;
	line-height: 1.5em;
	width: 100%;
    padding-left: 0;
    background-color: #b06262;
    line-height: 20px;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    width: calc(100% - 20px);
    text-indent: 15px;
    margin-bottom: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#topics .postTitle a{
    color: #fff;
}
#topics .postTitle a:hover{
    color: rgb(223, 223, 223);
}

.postBody {
	padding: 5px 2px 5px 5px;
	line-height: 1.5em;
	color: #343434;
	border-bottom: 1px solid black;
}
#EntryTag {
	color: #666;
}
#EntryTag a {
	margin-left: 5px;
}
#EntryTag a:link, #EntryTag a:visited, #EntryTag a:active {
	color: #666;
}
#EntryTag a:hover {
	color: #f60;
}
#topics .postDesc {
	float: right;
	width: 100%;
	text-align: right;
	padding-right: 5px;
	color: #666;
	margin-top: 5px;
}

/* 评论区域 */
#AjaxHolder_UpdatePanel1{
    float: none;
    width: auto;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
    background-color: #fff;
    padding: 15px;
    margin: 10px 3px 10px 3px;
}

.feedback_area_title {
	font-weight: bold;
	margin-top: 0px;
    border-bottom: 1px solid #999;
    line-height: 25px;
	margin-bottom: 10px;
    padding-left: 0;
    display: block;
    font-size: 16px;
    color: #666;
}

.feedbackItem{
    width: auto;
}

.louzhu {
background:transparent url('images/icoLouZhu.gif') no-repeat scroll right top;
padding-right:16px;
}
.feedbackListSubtitle {
	color: #666;
}
.feedbackListSubtitle a:link, .feedbackListSubtitle a:visited, .feedbackListSubtitle a:active {
	color: #666;
	font-weight: normal;
}
.feedbackListSubtitle a:hover {
	color: #f60;
	text-decoration: none;
}
.feedbackManage {
	width: 200px;
	text-align: right;
	float: right;
}
.feedbackCon {
	border-bottom: 1px solid #ccc;
	background: none;
	padding: 10px;
	min-height: 35px;
	_height: 35px;
	margin-bottom: 1em;
	line-height: auto;
    width:auto;
    color: #999;
}
#divRefreshComments {
	text-align: left;
    margin-bottom: 10px;
    margin-left: 3px;
    color: #666;
    font-size: 16px;
}
#divRefreshComments a{
    display: inline-block;
    background-color: #b06262;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
    text-decoration: none;
    transition: all ease .3s;
}
#divRefreshComments a:hover{
    background-color: #cf7777;
}
.commenttb {
	width: 320px;
}
/****查看文章页面开始*************************/

/****列表页面开始******************************/
.entrylistTitle,.PostListTitle,.thumbTitle{/**几个分类列表的标题样式**/
	font-size: 16px;
	font-weight: bold;
	border-bottom:none;
	text-align: left;
	padding: 15px;
    background-color: #eee;
    color: #666;
    margin:2px 3px 10px 3px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
}

.entrylistDescription {
	color: #666;
    text-align: right;
	padding-top: 5px;
	padding: 12px;
    margin-bottom: 10px;
    font-size: 14px;
}
.entrylistItem {
	min-height: 20px;
	_height: 20px;
	margin-bottom: 30px;
	padding-bottom: 5px;
    width: auto;
    background-color: #fff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
    margin: 0 2px 10px 2px;
}
.entrylistPosttitle {
	font-size: 16px;;
	font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding: 0 0 5px 0;
	line-height: 1.5em;
	width: auto;
    padding-left: 0;
    color: #666;
}
.entrylistPosttitle a{
    color: #333;
    transition: all ease .3s;
}
.entrylistPosttitle a:hover {
    text-decoration: none;
    color: #F40;
}
.entrylistPostSummary {
	margin-top: 5px;
	padding-left: 5px;
    margin-bottom: 5px;
    color: #666;
}
.entrylistItemPostDesc {
	text-align: right;
	color: #666;
}
.entrylistItemPostDesc a:link, .entrylistItemPostDesc a:visited, .entrylistItemPostDesc a:active {
	color: #666;
}
.entrylistItemPostDesc a:hover {
	color: #f60;
}
.entrylist .postSeparator {
	clear: both;
	width: 100%;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	height: 0;
	border: none;
}

.pager {
	text-align: right;
	margin-right: 10px;
}

#myposts{
    background-color: #fff;
    padding: 15px;
    margin:2px 3px 10px 3px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
}

.PostList {
	border-bottom: 1px solid #ccc;
	clear: both;
	min-height: 1.5em;
	_height: 1.5em;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
    margin-bottom: 5px;
    line-height: 24px;
    color: #999;
}
.postTitl2 {
	float: left;
}
.postDesc2 {
	color: #666;
	float: right;
	margin-right: ;
}
.postText2 {
	clear: both;
	color: #666;
}
#myposts .postText2{
    line-height: 20px;
}
#myposts .PostList{
    border-bottom: 1px solid #d7d7d7;
	clear: both;
	min-height: 1.5em;
	_height: 1.5em;
	padding: 10px;
    margin-bottom: 0;
    color: #999;
    transition: all ease .3s;
}
#myposts .PostList:hover{
    background-color: #f7f7f7;
}
#myposts .postTitl2 a{
    color: #666;
    font-size: 14px;
    text-decoration: none;
    transition: all ease .2s;
}
#myposts .postTitl2 a:hover{
    color: #F40;
}

.pfl_feedback_area_title {
	text-align: right;
	line-height: 1.5em;
    margin-bottom: 10px;
    background-color: #b06262;
    padding: 10px;
    font-size: 16px;
    color: #ddd;
    margin: 0 2px 10px 2px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
}
.pfl_feedback_area_title a{
    color: #ccc;
    text-decoration: none;
}
.pfl_feedback_area_title a:hover{
    color: #fff;
}
.pfl_feedbackItem {
    margin: 2px 2px 15px 2px;
    border-radius: 5px;
    background-color: #fff;
    padding: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
}
.pfl_feedbacksubtitle {
	width: 100%;
	border-bottom: 1px dotted #666;
	height: 1.5em;
}
.pfl_feedbackname {
	float: left;
}
.pfl_feedbackManage {
	float: right;
}
.pfl_feedbackCon {
	color: black;
	padding-top: 5px;
	padding-bottom: 5px;
}
.pfl_feedbackAnswer {
	color: #666;
	text-indent: 2em;
}
.tdSentMessage {
	text-align: right;
}
.errorMessage {
	width: 300px;
	float: left;
}
.mySearch #q {
	height: 1.4em;
	width: 150px;
}
/****列表页面结束******************************/

/****相册页面开始******************************/
.divPhoto {
	border: 1px solid #ccc;
	padding: 2px;
	margin-right: 10px;
}

.thumbDescription {
	color: #666;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-bottom: 10px;
}
/****相册页面开始******************************/


/*****留言页面开始*****************************/
#footer {
	text-align: center;
	min-height: 15px;
	_height: 15px;
	border-top: 1px solid #bbb;
    margin: 0 auto;
    margin-top: 10px;
    color: #666;
    line-height: 30px;
    max-width: 1080px;
    padding:10px 0;
}
/*留言查看页面的个人信息*/
.personInfo {
	margin-bottom: 20px;
}
/*留言分页区域*/
.pages {
	text-align: right;
}
/*****留言页面结束*****************************/
/*****第三部分结束*******************************/

/**************************************************
第四部分：文章内容常用标签格式。这个部分是设置作者写作内容的部分。例如：
如果作者的文章用有p标签，则可通过这个对这些文章中的p标签进行设置。前面
的“.postBody”明确的指出了这里样式的作用范围。仅仅适用于文章主体部分。
建议这个不要设置过于详细的细节。因为，一些样式，一篇文章比较适合的话，
并不能保证所有的文章都适合。
**************************************************/
/*文章内部常用标签格式*/
.postBody {
	line-height: 1.5em;
}
.postBody p,.postCon  p{
	text-indent: 2em;
	margin: 0 auto 1em auto;
}
.postBody h2{
	font-size: 150%;
	margin: 15px auto 2px auto;
	font-weight:bold;
}
.postBody h3 {
	font-size: 120%;
	margin: 15px auto 2px auto;
	font-weight:bold;
}
.postBody h4{
	font-size:110%;
	margin:15px auto 2px auto;
	font-weight:bold;
	color:#333;
}

.postBody h5{
	font-size:100%;
	margin:15px auto 2px auto;
	font-weight:bold;
	color:#333;
}

.postBody a:link,.postBody a:visited,.postBody a:active{
	text-decoration:underline;
}
.postCon a:link,.postCon a:visited,.postCon a:active{
	text-decoration:underline;
}
.postBody ul,.postCon ul{
	margin-left:2em;	
}

.postBody li,.postCon li{
	list-style-type:disc;
	margin-bottom:1em;
}

.postBody blockquote{
	background:url('images/comment.gif')) no-repeat 25px 0px;
	padding:10px 60px 5px 60px;
	min-height:35px;
	_height:35px;
	line-height:1.6em;
	color:#333;
}
/*****第四部分结束*******************************/