#header{ margin-bottom:25px;}
#main{ margin-top:20px;}
/*top*/
#top{ background:#2d2d2d; border-bottom:1px solid #000; height:45px;}
#blogTitle h1{ font-size:30px; line-height:45px; font-weight:bold; color#fff; margin:0 10px; padding:0;}
#blogTitle h1 a:hover{color:#3399FF;}
#blogTitle h2{ color:#ccc; line-height:45px;margin:0; padding:0;}
.blogStats{ color:#4b4b4b; margin-top:20px;}

/*sub*/
#navList{  margin-left:20px;line-height:43px;}
.menu{  padding:25px 5px; color:#2D2D2D;  font-weight:bold; dislay:block;  border-right:1px solid #2d2d2d; border-left:1px solid #2d2d2d; -webkit-transition: all 0.3s ease-out;}
.menu:hover{ color:#fff; background:#3399FF; border-right:1px solid #0066cb; border-left:1px solid #0066cb; opacity: 1;}
#navList a{ line-height:40px;}

/*search input*/
.input_my_zzk{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; width:150px; height:25px; padding:0 3px;
       border:1px solid #909090;
       -webkit-transition: box-shadow 0.30s ease-in-out;
       -moz-transition:  box-shadow 0.30s ease-in-out;}
.input_my_zzk:focus{outline:none;
     border:#87C6F9 1px solid;
     box-shadow: 0 0 8px rgba(103, 166, 217, 1);}

/*catListPostCategory*/
#blog-sidecolumn ul{ margin:5px 0;}
#blog-sidecolumn ul li{ margin-top:2px;}
#blog-sidecolumn ul li a{ display:block;width:180px; height:25px; padding-left:15px; line-height:25px;}
#blog-sidecolumn ul li a:hover{ background:#eaeaea;}

.catListTitle{ border-bottom:1px solid #E5E5E5; margin:10px;}

.dayTitle{ height:25px;}
.dayTitle a{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; padding:5px; margin:5px; background:#e5e5e5;}

#profile_block{ padding-left:10px;}
/*article*/
.postSeparator{ border-bottom:1px solid #E5E5E5;}
#mainContent .forFlow{ margin-left:20em;}
.postTitle{ padding-left:40px; font-size:20px; font-weight:bold;text-decoration:underline;}