/**************************************************
说明：
1：我们建议你通过只改变css的方式来制作新的皮肤模板。当然，页面的部分代码你也是可以更改的，例如一些图片的地址。但是，请你在递交作品的时候，请同时提交对页面部分代码的修改备注和说明。以便我们了解。
2：为了保证页面的兼容性，请你分别在IE和Firefox中分别查看你的页面，以便保证页面对浏览器的兼容性。
3：请你随时关注官方网站。以便获得最新的通知和说明
时间：2010-7-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: #555;
                background: url(https://images.cnblogs.com/cnblogs_com/C1SupportTeam/397165/o_c1blogbg.png);
                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: #555;
                text-decoration: none;
}
a:visited {
                color: #555;
                text-decoration: none;
}
a:hover {
                color: #FF0099;
                text-decoration: underline;
}

.clear {
                clear: both;
}
/*****第二部分结束*******************************/
 
/**************************************************
第三部分：各个页面元素的样式。你可以根据需要随意的更改，并不会牵扯到其他
的皮肤模板。这个部分是最能展现你想象力的部分。其中头部和侧边栏部分是此皮
肤公共的部分。而每个页面特有的部分会有相应的注释和说明。
**************************************************/
/*****home和头部开始**************************/
#home {
                margin: 0 auto;
                width:1200px;
}
#header {
                padding-bottom: 5px;
}
#blogTitle {
               
                              background:url(https://images.cnblogs.com/cnblogs_com/C1SupportTeam/397165/o_c1banner.png) no-repeat center;
                clear: both;
}
#blogTitle {
                height: 205px;             background:url(https://images.cnblogs.com/cnblogs_com/C1SupportTeam/397165/o_banner.png) no-repeat center;
                clear: both;
}
#blogTitle h1 {
    font-family:微软雅黑,黑体;

                font-weight: 300;
                line-height: 1.5em;
                position:relative;
                left:370px;
                top:88px;
                width: 50%;
}
#blogTitle a{
                font-size: 30px;
                color:#fff;
}
#blogTitle h2 {
    font-family:Verdana,宋体,sans-serif;
                color:#A83838;
    font-size:12px;
                line-height: 1.5em;
                width: 50%;
    position:relative;
    left:288px;
    top:58px;
}
#blogLogo {
                float: right;
}
#navigator {
                background:url(https://images.cnblogs.com/cnblogs_com/ComponentOneSupport/397168/o_nav_40.png) repeat-x;
                height: 40px;
                border:1px solid;
                clear: both;
}
#navList {
                min-height: 40px;
                float: left;
}
#navList li {
                float: left;
}
#navList a {
                display: block;
                width: 70px;
                height: 31px;
                float: left;
                text-align: center;
                padding-top: 9px;
                border-right: 1px solid  #565656;
                font-size:14px;
                font-family:微软雅黑,宋体;
}
#navList a:link, #navList a:visited, #navList a:active {
                color: #eee;
}
#navList a:hover {
                color: white;
                background:url(https://images.cnblogs.com/cnblogs_com/ComponentOneSupport/397168/o_nav_40.png) repeat-x;
                text-decoration: none;
             font-size:18px;
             width: 80px;
}
#navList img{
                padding-top:6px;
}
.blogStats {
                float: right;
                color: #eee;
                margin-top: 12px;
                margin-right: 10px;
                text-align: right;
}
/*****home和头部结束**************************/
 
/*****主页文章列表开始**************************/
#main{
                width: 100%;
                min-width: 950px;
                text-align: left;
}
#mainContent .forFlow{
                margin-left: 210px;
                border:#c8c7c9 1px solid;
                background:#f5f8fa url(https://images.cnblogs.com/cnblogs_com/ComponentOneSupport/397168/o_nav_25.png) repeat-x top;
                float: none; 
                width: auto;
                padding:10px;
                padding-top:25px;
}
 
#mainContent {
                min-height: 200px;
                padding: 0px 0px 10px 0;
                *padding-top:10px;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                overflow: hidden;
                word-break: break-all;
                
                float: right;
                margin-left: -25em;
                width: 100%
}
.day {
                min-height: 10px;
                _height: 10px;
                margin-bottom: 8px;
                padding-bottom: 10px;
                
                border-bottom: 1px dotted #d59f4b;
}
.dayTitle {
                width: 100%;
                color: #909090;
 
                font-size:12px;
                line-height: 1.5em;
                font-size: 110%;
                margin-top: 3px;
                margin-bottom: 10px;
 
                clear:both;
                text-align:right;
 
}
.dayTitle a{
                color:#909090;
}
.postTitle {
                float: right;
                line-height: 1.5em;
                width: 100%;
                clear:both;
}
.postTitle a:link, .postTitle a:visited, .postTitle a:active {
                color: #990000;
                font-family:微软雅黑,黑体,Arial;
                font-size:18px;
}
.postTitle a:hover {
                color: #FF0099;
                text-decoration: none;
}
.postCon {
                float: right;
                line-height: 2em;
                width: 100%;
                clear:both;
                padding: 10px 0;
                color:#555;
}
.postDesc {
                float: right;
                width: 100%;
                clear:both;
                text-align: right;
                padding-right: 5px;
                color: #909090;
                margin-top: 5px;
}
.postDesc a:link, .postDesc a:visited, .postDesc a:active {
                color: #909090;
}
.postDesc a:hover {
                color: #F60;
                text-decoration: none;
}
.postSeparator {
                clear: both;
                height: 1px;
                width: 100%;
                clear:both;
                float: right;
                margin: 0px auto 15px auto;
}
/*****主页文章列表开始**************************/
 
/*****侧边栏开始********************************/
#sideBar {
                width: 190px;
                color:#555;
                border:#c8c7c9 1px solid;
                background:#f5f8fa url(https://images.cnblogs.com/cnblogs_com/ComponentOneSupport/397168/o_nav_25.png) repeat-x top;
                min-height: 200px;
                padding: 0px 0 10px 5px;
                float: left;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                overflow: hidden;
                word-break: break-all;
}
.newsItem .catListTitle {
                height: 1.4em;
                width: 182px;
}
.newsItem  {
                padding: 15px 0px 5px 0px;
                margin-bottom: 8px;
}
/**我的主页、个人资料等**/
#profile_block{
                width:185px;
                padding-top:20px;
                text-align:center;
                line-height:28px;
}
#profile_block a{
                text-decoration:none;
}
/**日历控件样式开始**/
#calendar {
                width: 184px;
                clear:both;
}
#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: #FF0099;
}
.CalTodayDay{/**今天日期样式**/
                color:#FF0099;
}
#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;
                text-align: left;
                background:url(https://images.cnblogs.com/cnblogs_com/ComponentOneSupport/397168/o_nav_25.png) repeat-x;
                display:block;
                height:23px;
                border:#5a6f80 1px solid;
                padding-top:2px;
                text-indent:5px;
}
.catListComment {
                line-height: 1.5em;
}
.divRecentComment {
                text-indent: 2em;
                color: #666;
}
#sideBarMain ul {
                line-height: 1.5em;
}
/**左栏容器**/
#leftcontentcontainer{
                width:184px;
}
/*****侧边栏结束********************************/
 
 
/****查看文章页面开始*************************/
#topics {
                width: 100%;
                min-height: 200px;
                padding: 0px 0px 10px 0;
                float: left;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                overflow: hidden;
                word-break: break-all;
                padding-top:20px;
}
#topics .postTitle {
                float: left;
                line-height: 1.5em;
                width: 100%;
                padding-left: 5px;
                padding-bottom:10px;
}
.postBody {
                padding: 5px 2px 5px 5px;
                line-height: 2em;
                color: #555;
                border-bottom: 1px solid black;
}
.postBody h1{
        font-size: 180%;
        margin: 15px auto 2px auto;
                font-weight: bold;
}
.postBody h5 {
font-size: 100%;
font-weight: bold;
color: #333;}

#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;
}
.feedback_area_title {
                font-weight: bold;
                margin-top: 20px;
                border-bottom: 1px solid #333;
                margin-bottom: 10px;
                padding-left: 8px;
}
.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: url('images/comment.gif') no-repeat 5px 0px;
                padding: 15px 18px 10px 40px;
                min-height: 35px;
                _height: 35px;
 
                margin-bottom: 1em;
                line-height: 1.5em;
                width:90%;
}
#divRefreshComments {
                text-align: right;
                margin-bottom: 10px;
}
.commenttb {
                width: 500px;
}
/****评论框*************************/
div.commentform textarea {
width: 450px;
height: 300px;
font-size: 13px;
}
/****查看文章页面开始*************************/
 
/****列表页面开始******************************/
.entrylistTitle,.PostListTitle,.thumbTitle{/**几个分类列表的标题样式**/
                font-size: 110%;
                font-weight: bold;
                border-bottom: 1px solid black;
                text-align: right;
                padding-bottom: 3px;
                padding-right: 10px;
}
 
.entrylistDescription {
                color: #666;
                text-align: right;
                padding-top: 5px;
                padding-bottom: 5px;
                padding-right: 10px;
                margin-bottom: 10px;
}
.entrylistItem {
                min-height: 20px;
                _height: 20px;
                margin-bottom: 30px;
                padding-bottom: 5px;
                width: 100%;
}
.entrylistPosttitle {
                font-size: 110%;
                font-weight: bold;
                border-bottom: 1px solid #666;
                line-height: 1.5em;
                width: 100%;
                padding-left: 5px;
}
.entrylistPosttitle a:hover {
                text-decoration: none;
}
.entrylistPostSummary {
                margin-top: 5px;
                padding-left: 5px;
                margin-bottom: 5px;
}
.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;
}
.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;
}
.postTitl2 {
                float: left;
}
.postDesc2 {
                color: #666;
                float: right;
                margin-right: ;
}
.postText2 {
                clear: both;
                color: #666;
}
.pfl_feedback_area_title {
                text-align: right;
                line-height: 1