
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
 padding: 0; margin: 0; }table { border-collapse: collapse; border-spacing: 0; }fieldset,img { 
 border: 0; }address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; }ol,ul { list-style: none; }caption,th { text-align: left; }h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }q:before,q:after { content:''; }abbr,acronym { border: 0; }body {font:14px Arial, serif;text-shadow: 1px 1px 1px #eee;
}.post a:hover[href^="http://"]{background:url(./images/link.gif) no-repeat top right;  margin:0 2px;  padding-right:12px; }.post a:hover[href^="http://blog.webhtml.org"]{background:none; padding:0; margin:0; }div#wrapper {width:94%;margin: 15px auto 0;
}.search{width:200px; float:right;} 
body{font-family: 'Microsoft YaHei', Verdana, Helvetica;}
.L{float:left;}
.R{float:right;}
.list{width:45%; }
#masthead{min-width:540px;}
/* Blog Title */
.logo{font:3.2em "Century gothic",verdana,Arial,sans-serif;float:left;width:300px;}.logo a{width:300px;height:30px;font-weight:700;text-decoration:none;color:#cf2d00;}/* Tagline */
#masthead p {color:#35044c;text-transform:uppercase;font-size:12px;line-height:25px; zoom:1; clear:both;overflow:hidden;}/* Pages Navigation */
div#masthead ul {background:#eeffeb; height:31px; border-bottom:2px solid #99cc91; }
div#masthead ul li a {color:#215219;text-decoration:none;display:block;line-height:25px; padding:3px 10px; font-size:12px;font-weight:700;text-transform:uppercase;margin:0 2px; text-shadow: 1px 1px 1px #fff;}
#masthead ul li a:hover,#masthead ul li.current_page_item,#masthead ul li.current-cat {background:-moz-linear-gradient(top, #fff, #cbe3c7);background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#cbe3c7));}/* Banner image dropshadow */
div#masthead_image {background:url(./images/image_bg.png) center no-repeat;width:724px;height:148px;clear:both;position:relative;z-index:1;padding:8px 22px;}a {outline:0;}/* Page dropshadow */
div#content {background:#fff; }/* Main Content */
div#main {width:70%;float:left;text-align:justify;}/* Main header on single pages */
h1.header,h2.header {color:#178B03;font-size: 22px;line-height:2;position:relative;margin:0 0 5px;font-weight:bold; font-family:"Century gothic",verdana,Arial,sans-serif;
}div#main h2.header a {color:#178b03;text-decoration:none;text-transform:uppercase;}h2.header span {position:relative;background:#FFF;padding-right:10px;
bottom:7px;}/* Secondary headline above comments and comment form */
div#main h3 {color:#cf2d00;margin:15px 0 5px;}div#main p {}div#main  .entry p{text-indent:2em;color:#3b3b3b;line-height:2;margin:10px 0;text-shadow: 1px 1px 2px #eee;
}div#main a {color:#0a6804;text-decoration:none;
}
.post {margin-top:25px;position:relative;}
.post img{border:3px solid #eee;  -webkit-box-shadow: 5px 5px 7px #999;  -webkit-border-radius: 6px; -moz-box-shadow: 5px 5px 7px #999;  -moz-border-radius: 6px;margin:2px 12px 2px 2px;}
.post blockquote {border-left:1px dotted #390363;background:#d6dee0;margin:0 15px;line-height:50%;color:#4b474f;padding:1px 15px;}
.post ul,.article ol {font-size:12px;color:#3e0d55;margin-left:15px;}.post ul li {padding-left:15px;background:url(./images/square.png) 0 center no-repeat;margin:5px 0;}
.post ol li ol {font-size:1em;margin-left:15px;}
#main p.byline {color:#459804;color:-moz-linear-gradient(top, #fff, #ccc);color:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc));font:25px Georgia;font-weight:bold;margin:0; }
ul.article_footer {text-align:right;background:#f1faef; border-bottom:1px solid #aedda6;line-height:1.5;margin:10px 0;padding:5px 10px;}
ul.article_footer li {font-size:12px;display:inline;background:none;border-left:1px solid #DADADA;margin-left:5px;padding-left:10px;}
ul.article_footer li.first {border-left:0;}/* Secondary Content */
div#secondary {width:26%;float:right;}div#secondary ul#sidebar {color:#0a6804;border-bottom:1px solid #e7e7e7;}
div#secondary ul#sidebar li {font-size:1.2em;line-height:1.8em;margin:5px 0;}
/* Sidebar headers */
div#secondary h2 {text-transform:uppercase;font-family:"Century gothic",verdana,Arial,sans-serif;color:#0a6804;font-size:14px;line-height:2;margin:15px 0 8px;border-bottom:1px dotted #d6dee0;padding-bottom:3px;}div#secondary a {color:#264901;text-decoration:none;}
div#secondary a:hover{color:#549D02;text-decoration:none;}
div#secondary ul.children {margin-left:5px;padding-left:10px;border-left:5px solid #EAEAEA;}
div#secondary ul#sidebar li li {font-size:12px;background:url(./images/arrow.gif) no-repeat 2px center; padding-left:14px; }
div#secondary ul#sidebar li li:hover{background-position:6px center; }div#secondary p {line-height:1.5;color:#666;margin:5px 0;}/* Search input */
form#searchform {position:relative;height:20px;margin-bottom:20px;}
form#searchform input#s {position:absolute;top:0;height:18px;width:156px;border:0 none; border-bottom:2px solid #bcbcbc;padding:5px;}input#search_submit {position:absolute;right:0;}
/*  Footer */
ul#footer {height:8px;width:960px;text-align:center;font-size:1em;color:#e28602;margin:0 auto;padding:15px 0;}ul#footer li {display:inline;margin-left:10px;}
ul#footer li span {position:absolute;text-indent:-9999em;}ul#footer li a {color:#e28602;text-decoration:none;}
ol.commentlist {margin-top:15px;color:#555;line-height:25px; 
}/* Background color for visitor comments */
ol.commentlist li {background:#F1F1F1;margin:10px 0;padding:10px;font-size:12px; clear:both; overflow:hidden; }ol.commentlist li .comment_bubble{float:left; width:88%; }/* Background color for Admin comments */
ol.commentlist li.alt {background:#EBF9FC;}ol.commentlist li img{float:left; margin-right: 15px; border:4px solid #fff; -moz-border-radius:6px; -webkit-border-radius:6px; }
ol.commentlist li:hover img{-moz-box-shadow:5px 2px 6px #333; -webkit-box-shadow:5px 2px 6px #333;}
textarea#comment {width:500px;}#main p.comment_meta {float:right;margin:0;}#commentform p{padding:3px; }
#commentform input{width:300px; border:1px solid; border-color:#bfbfbf #eee  #eee #bfbfbf ; height:22px; }
#commentform input:focus{background:#f8f8f8; }#commentform #submit{width:120px;height:25px;  line-height:25px;  border:1px solid #8dd082;  background:#eaffe6;background: -moz-linear-gradient(top, #eef6ec, #c0f6b7);background:-webkit-gradient(linear, 0 0, 0 100%, from(#eef6ec), to(#c0f6b7));  -moz-border-radius:6px; -webkit-border-radius:6px;  color:#4a8640;font-weight:bold; }
#commentform #submit:focus{background: -moz-linear-gradient(top, #c0f6b7, #eef6ec) ;background:-webkit-gradient(linear, 0 0, 0 100%, from(#c0f6b7), to(#eef6ec)); }
/* Optional popup window (NOTE: popups make for bad UI IMHO) */
body#commentspopup {background:#FFF;padding:20px;}
body#commentspopup a {color:#666;}
body#commentspopup h3 {color:#555;}
body#commentspopup p {color:#555;margin:10px 0;}
body#commentspopup textarea {width:340px;}/* Image stuff for 2.6.1 */
.aligncenter {display:block;margin-left:auto;margin-right:auto;}
.alignright {float:right;}.wp-caption {border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:10px;}
.wp-caption img {border:0 none;margin:0;padding:0;}
.wp-caption-dd {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
p.entry_info {clear:both;background:#efffec; padding:8px; }
div.navigation {margin:10px 0;}/* CSS Magic */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}/* Hide from IE Mac \*/
.clearfix {display:block;zoom:1;}
div#masthead ul li,.alignleft {float:left;}