/* Default CSS Document */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li{ margin:0px; padding:0px;}
body{ font-family:"Microsoft YaHei",SimHei,Helvetica,STHeiti,Georgia, Arial, Helvetica, sans-serif; text-align:center;}

#top{ width:100%; height:10px; background:#477725; text-align:justify; }
*html #top{ overflow:visible}/** ie6 **/

#top .logo a{ position:absolute;color:#CFEC9B; display:block; font-size:18px; font-family:Verdana, Geneva, sans-serif; background:#477725; width:62px; text-decoration:none; line-height:30px; text-align:center; margin:0 0 0 25px; border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px;  -webkit-border-top-left-radius:0px;  -webkit-border-top-right-radius:0px;  -webkit-border-bottom-left-radius:8px;  -webkit-border-bottom-right-radius:8px;}
#top .logo a:hover{ color:#fff;}

#container{ width:95%; margin:0 auto; text-align:justify;}
#bottom{width:100%; height:100px; background-color:#477725; text-align:justify;}

#header{ height:30px;}
#header .sidebar-center{float:right; width:300px; height:30px; background:#477725;border-radius:0 0 30px 0; -moz-border-radius: 0 0 30px 0;   -webkit-border-top-left-radius:0px;  -webkit-border-top-right-radius:0px;  -webkit-border-bottom-left-radius:0px;  -webkit-border-bottom-right-radius:30px;}

#sidebar{ float:right; width:300px; }
#sidebar .box1{ height:20px; background-color:#477725; width:220px; color:#FFF;text-align:center;
cursor:pointer;border-radius:0 0 20px 0; -moz-border-radius: 0 0 20px 0;   -webkit-border-top-left-radius:0px;  -webkit-border-top-right-radius:0px;  -webkit-border-bottom-left-radius:0px;  -webkit-border-bottom-right-radius:20px;}
#sidebar .box2{ height:20px; background-color:#477725; width:160px;border-radius:0 0 20px 0; -moz-border-radius: 0 0 20px 0;   -webkit-border-top-left-radius:0px;  -webkit-border-top-right-radius:0px;  -webkit-border-bottom-left-radius:0px;  -webkit-border-bottom-right-radius:20px;}
#sidebar .box3{ height:20px; background-color:#477725; width:80px;border-radius:0 0 20px 20px; -moz-border-radius: 0 0 20px 20px;   -webkit-border-top-left-radius:0px;  -webkit-border-top-right-radius:0px;  -webkit-border-bottom-left-radius:20px;  -webkit-border-bottom-right-radius:20px;}

#sidebar .adsense{ padding:30px 0;}

#sidebar .comments{ padding:30px 0;}

#mainContent{  padding:0 330px 0 0;}
#footer{}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

#title-box{ height:90px;}

#title-time{ width:52px; float:left; font-weight:bold;  border:#CCC solid 0px; border-width:0 2px 0 0; padding:5px 5px 5px 0;}
#title-time .year{ font-size:12px; color:#666;text-align:center; width:50px;}
#title-time .day{text-align:center; font-size:32px; color:#477725; padding:5px 0 0 0;}

#title-main{ float:left; padding:0 0 0 12px;}
#title-main .title{ padding:0 0 2px 0;}
#title-main .title h1{font-size:19px;color:#477725; line-height:35px;}
#title-main .title a{ color:#477725; text-decoration:none;}
#title-main .title a:hover{ color:#333; text-decoration:none;}
#title-main .keyword{ font-size:12px; color:#666;}
#title-main .keyword a{ color:#477725; text-decoration:none;}
#title-main .keyword a:hover{ color:#fff; text-decoration:none; background-color:#477725; padding:0 2px;}

#content{  color:#020;}
#content a{ color:#477725; text-decoration:underline;}
#content a:hover{ color:#020;}
#content p{ text-indent:2em; font-size:14px; line-height:25px; padding:0 0 20px 0;}
#content h2{ text-indent:3px; font-size:16px;background-color:#CFEC9B;border-bottom:#477725 dashed 1px;padding:5px;margin:0 0 10px 0;border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
#content h3{ font-size:16px; margin:0 0 10px 0;}
#content h4{ font-size:14px; text-indent:2em;margin:0 0 10px 0;}
#content ul,#content ol{ padding:0 0 1em 3em;}
#content li{ font-size:14px; margin:0 0 3px 0; line-height:25px; }
#content pre{ border:#477725 dashed 1px; padding:10px; font-family:"Courier New", Courier, monospace; font-size:12px; margin:0 0 20px 0; color:#477725; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#content .center{ text-align:center; text-indent:0em;}
#content .img-border img{border:#477725 solid 1px; padding:2px;}
#content .center span{ display:block; font-size:12px;}
#content code{ font-family:"Courier New", Courier, monospace; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

#content-tools{background-color:#CFEC9B; border:#477725 solid 2px; margin:10px 0 30px 0; padding:10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#content-tools p{ font-size:14px; color:#477725; line-height:22px;}
#content-tools p a{color:#477725; text-decoration:none;}
#content-tools p a:hover{ color:#fff; text-decoration:none; background-color:#477725; padding:0 2px;}

#bottom .logo a.title{background:#CFEC9B; color:#477725;display:block; line-height:54px; font-family:Verdana, Geneva, sans-serif; text-decoration:none; width:100px; font-size:30px; margin:0 0 0 25px; text-align:center; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px;   -webkit-border-top-left-radius:0px;  -webkit-border-top-right-radius:0px;  -webkit-border-bottom-left-radius:10px;  -webkit-border-bottom-right-radius:10px;}
#bottom .logo a.title:hover{ color:#000;}

#class{ padding:1px;}
#class li a.title{background:#477725; color:#CFEC9B; font-size:30px; line-height:54px; font-family:Verdana, Geneva, sans-serif; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#class li a.title:hover{ color:#FFF;}
#class ul{ list-style:none;}
#class li{ display:block; float:left; font-size:14px;}
#class li a{ display:block;background:#CFEC9B; color:#477725; text-decoration:none; padding:0 10px; line-height:25px; margin:2px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
*html #class li a{white-space:nowrap; word-break:keep-all;}/** ie6 **/
*+html #class li a{ white-space:nowrap;}/** ie7 **/
#class li a:hover{ background:#477725; color:#FFF;}