/*------CSS Code-----------------------------------*/
#blogTitle .title {
    font-size: 30pt;
    text-shadow: 0 0 10px #FF9966, -1px -1px #FFFFFF, 1px -1px #444444;
}
.wp_syntax table td{background-color: #cccccc;}
.ad_under_post_holder{display:none;}
.postTitle, .entrylistPosttitle, .feedback_area_title{font-size:28px;}
#sideBar h3 {
    background-color:#990033;
    font-size: 20px;
    padding-left: 17px;
    line-height: 40px;
    border-radius:20px;
}
#cnblogs_post_body ul li {
    list-style: none outside none;
}
#cnblogs_post_body td{background-color: #cccccc;}
#cnblogs_post_body tr{border-radius:5px;}
#cnblogs_post_body ul{
    margin:0;
}
#navigator { background: #990033; }
#navList { font-size: 16px; }
.blogStats { font-size: 17pt; }
#sideBar { width: 20%; border: none; padding: 0; }
#sideBarMain { padding-left: 8px; }
body { background-color: #333366; color: #fff; font-size: 16px; }
h1, h2, h3, h4, h5, h6, th, .feedbackCon, .blogStats { color: #cccccc; }
#main { border: 1px solid #e5e5e5; }
.day { margin: 20px 0px; }
.postTitle { padding-left: 20px; font-size: 28px;
             border-bottom-color: #666; }
.postBody, .postCon { padding: 0px 20px 10px; 
                      border-bottom: 1px solid #666; }
.postDesc { padding-right: 20px; }
a, .postCon a, .postBody a, .feedbackCon a { color: #0dd; }
    a:hover, a:active, a:focus { color: #ff8; text-decoration: none; }
#navigator, #MySignature, .day, .post { border: 1px solid #e5e5e5; 
    border-radius: 8px; box-shadow: 2px 2px 10px #aaa; }
#navigator { border-radius: 20px 20px 0px 0px; }
.post { border-right: none; border-top: none; 
        border-radius: 0px 0px 8px 8px; padding-top: 1px; }
.cnblogs_code, .cnblogs_code div { 
    color: #000; font-family: consolas, monospace, sans-serif; }
body 
{ 
   /*其它主要浏览器不需要这个样式，
   但在IE6/7居中是必须的*/
   text-align:center; 
}
#home 
{ 
   /*margin: 0px auto;可以使内容在除IE6/7外的其它
   主要浏览器内居中*/
   margin: 0px auto; 
   /*因为body的text-align:center;样式具有继承性，
   所以要重置文本向左对齐*/
   text-align:left; 
   max-width:1180px;
}
#navigator {  height:auto; overflow:hidden; *zoom:1;
line-height: 60px;}
/*名为.blogStats的div在选择的模板中已经进行了右浮动
不必再进行设置*/
#navList { float:left; }
#navList li { display: inline; float: none;font-size: 17pt; }
#mainContent { width: 100%; margin-left: -250px; float: right; }
#sideBar { width: 220px; float: left; }
.forFlow { margin-left:266px; }
#sideBar { width: 20%; }
#mainContent { margin-left: auto; width:78%; }
.forFlow { margin:auto; }



/* in */
/* out */

.raindrop {
  background: #ffffff;
  border-radius: 100%;
  box-shadow: 0 0 0 0.2em #ffffff, 0 0 0 0.2em #ffffff, 0 0 0 0.2em #ffffff, 0 0 0 0.2em #ffffff, 0 0 0 0.2em #ffffff, 0 0 0 0.2em #ffffff, 0 0 0 0.2em #ffffff, 0 0 0 0.2em #ffffff, 0 0 0 0.2em #ffffff, 0 0 0 0.2em #ffffff;
  position: absolute;
  top: 0%;
  left: 50%;
  margin-top: 0;
  margin-left: -0.1em;
  width: 0.2em;
  height: 0.2em;
  animation: drop 3s cubic-bezier(0, 0, 1, 0.5) infinite;
}
@keyframes drop {
  3% {
    box-shadow: 0.1em -0.1em 0 0.05em #ffffff, 0.1em -0.2em 0 0.052631578947368425em #ffffff, 0.1em 0.30000000000000004em 0 0.05555555555555556em #ffffff, 0.1em 0.4em 0 0.08333333333333334em #ffffff, 0.1em 0.5em 0 0.09090909090909091em #ffffff, 0.1em 0.6000000000000001em 0 0.1em #ffffff, 0.1em 0.7000000000000001em 0 0.11111111111111112em #ffffff, 0.1em 0.8em 0 0.125em #ffffff, 0.1em 0.9em 0 0.14285714285714288em #ffffff, 0.1em 1em 0 0.16666666666666669em #ffffff;
  }
  15% {
    top: 98%;
    box-shadow: 0.1em 0.1em 0 0.10526315789473685em #ffffff, 0.1em 0.2em 0 0.11111111111111112em #ffffff, 0.1em 0.30000000000000004em 0 0.11764705882352942em #ffffff, 0.1em 0.4em 0 0.125em #ffffff, 0.1em 0.5em 0 0.13333333333333333em #ffffff, 0.1em 0.6000000000000001em 0 0.14285714285714288em #ffffff, 0.1em 0.7000000000000001em 0 0.15384615384615385em #ffffff, 0.1em 0.8em 0 0.16666666666666669em #ffffff, 0.1em 0.9em 0 0.18181818181818182em #ffffff, 0.1em 1em 0 0.2em #ffffff;
  }
  25% {
    top: 98%;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: -0.1em 0.1em 0 0.06666666666666667em rgba(255, 255, 255, 0.1), -2em -0.21000000000000002em 0 0.1em rgba(255, 255, 255, 0.1), 2em -1.5em 0 0.04em rgba(255, 255, 255, 0.1), 2.5em -2em 0 0.2em rgba(255, 255, 255, 0.1), 8em -8em 0 0.01em rgba(255, 255, 255, 0.1), 2.5em -3em 0 0.04em rgba(255, 255, 255, 0.1), 3em -0.26em 0 0.03333333333333333em rgba(255, 255, 255, 0.1), -5em -5em 0 0.03333333333333333em rgba(255, 255, 255, 0.1), 5em -3.5em 0 0.1em rgba(255, 255, 255, 0.1), 0.1em -3em 0 0.2em rgba(255, 255, 255, 0.1);
  }
  35% {
    top: 98%;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: -0.4em 0.4em 0 0.06666666666666667em rgba(255, 255, 255, 0.1), -8em 0.4em 0 0.1em rgba(255, 255, 255, 0.1), 8em 0.4em 0 0.04em rgba(255, 255, 255, 0.1), 10em 0.4em 0 0.2em rgba(255, 255, 255, 0.1), 32em 0.4em 0 0.01em rgba(255, 255, 255, 0.1), 12em 0.4em 0 0.04em rgba(255, 255, 255, 0.1), 12em 0.4em 0 0.03333333333333333em rgba(255, 255, 255, 0.1), -20em 0.4em 0 0.03333333333333333em rgba(255, 255, 255, 0.1), 20em 0.4em 0 0.1em rgba(255, 255, 255, 0.1), 0.4em 0.4em 0 0.2em rgba(255, 255, 255, 0.1);
  }
  40% {
    top: 98%;
    background: rgba(0, 0, 0, 0);
    box-shadow: -0.1em 0.1em 0 0.06666666666666667em rgba(0, 0, 0, 0), -2em 0.1em 0 0.1em rgba(0, 0, 0, 0), 2em 0.1em 0 0.04em rgba(0, 0, 0, 0), 2.5em 0.1em 0 0.2em rgba(0, 0, 0, 0), 8em 0.1em 0 0.01em rgba(0, 0, 0, 0), 3em 0.1em 0 0.04em rgba(0, 0, 0, 0), 3em 0.1em 0 0.03333333333333333em rgba(0, 0, 0, 0), -5em 0.1em 0 0.03333333333333333em rgba(0, 0, 0, 0), 5em 0.1em 0 0.1em rgba(0, 0, 0, 0), 0.1em 0.1em 0 0.2em rgba(0, 0, 0, 0);
  }
  100% {
    top: 98%;
    background: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
  }
}