* { margin: 0; padding: 0; }
html { height: 100%; }
body { color: #333; font-family:"Microsoft Yahei","Simsun",Arial; font-size: 15px; min-height: 101%;}
ul { word-break: break-all; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a:link { color: #1fa6e6; text-decoration: none; }
a:visited { color: #1fa6e6; text-decoration: none; }
a:hover { color: #f60; text-decoration: underline; }
a:active { color: #1fa6e6; text-decoration: none; }
.clear { clear: both; }
#blogTitle { height: 55px; width: 50%; background-color: rgba(31,166,230,0.8); position:fixed; top:0px; left:0px; }
#blogTitle h1 { font-size: 180%; font-weight: bold; line-height: 1.5em; margin-left: 1em; margin-top: 5px; width: 50%; float: left; display: inline; letter-spacing: 1px; }
#blogTitle h2 { margin-top: -1.8em; margin-left: 9em; line-height: 1.5em; width: 50%; float: left; display: inline; }
#blogTitle h1 a, #blogTitle h2 { color: #fff; font-family: "微软雅黑"; text-shadow: 3px 3px 3px #003d44; }
#blogLogo { float: right; }
#navigator { height: 55px; width: 50%; background-color: rgba(31,166,230,0.8); position:fixed; top:0px; right:0px; }
#navList li { float: right; }
#navList a { margin: 18px 10px 0 0; padding: 0 10px; font: 14px/1.5em "微软雅黑"; display: block; }
#navList a:link,#navList a:visited,#navList a:active { color: #fff; text-shadow: 3px 3px 3px #000; }
#navList a:hover { text-decoration: underline; }
.blogStats { visibility: hidden; }
#main { margin-top: 60px; padding: 15px 30px; text-align: left; clear: both; background-color: #eee;}
#mainContent { width: 79%; float: left; background-color: #fff; border-top: 3px solid #f60;}
.day { margin: 20px;}
.dayTitle { display: none; }
.postTitle { font-size: 24px; font-weight: bold; padding-left: 10px; line-height: 1.5em; clear: both; margin-left:-20px; }
.postTitle a:link, .postTitle a:visited, .postTitle a:active { color: #1fa6e6; }
.postTitle a:hover { color: #f60; text-decoration: none; }
.postCon { line-height: 1.5em; clear: both; padding: 10px; }
.postDesc { float: none; clear: both; text-align: right; padding-right: 20px; color: #a3a3a3; margin-bottom: 20px;}
.postDesc a:link, .postDesc a:visited, .postDesc a:active { color: #a3a3a3; }
.postDesc a:hover { color: #f60; text-decoration: none; }
.topicListFooter { margin-top: 5em; }
#sideBar { padding: 0 5px; margin-left: 80%; background-color: #fff; border-top: 3px solid #1fa6e6;}
.newsItem .catListTitle { display: none; }
.newsItem { margin-bottom: 2em; }
#calendar { width: 229px; margin-bottom: 2em; }
#calendar .Cal { width: 96%; line-height: 1.5em; }
.Cal { border: none; color: #666; }
.Cal td { padding: 3px 0; }
#calendar table a:link, #calendar table a:visited, #calendar table a:active { font-weight: bold; }
#calendar table a:hover { color: #fff; 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: #fff; }
.CalDayHeader { border-bottom: 1px solid #ccc; }
.catListTitle { font-weight: bold; line-height: 1.5em; margin-top: 15px; margin-bottom: 10px; border-bottom: 1px solid #aaa; text-align: left; }
#sideBarMain { margin: 10px; }
#sideBarMain ul { line-height: 1.5em; }
.catListLink,
.catListTag {display: none;}
#topics { margin: 20px; }
.postBody { padding: 5px 2px 5px 5px; line-height: 2; color: #333; }



#footer { text-align: center; min-height: 15px; _height: 15px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px; padding-bottom: 10px; color: #666; }

@media (max-width: 800px) {
  #main { 
    padding: 15px 0px; 
  }
  #sideBar {
    display: none;
  }
  #mainContent { 
    width: 99%; 
  }
}