@charset "utf-8";
/* CSS Document */

body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, blockquote { margin:0; padding:0;}
body { font:13px/1.8em "微软雅黑"; color:#444; background:#DCBC8F url(images/sinablogb.jpg) center 0 no-repeat;}
ul, ol { list-style-type:none;}
img { border:0 none;}
table { border-collapse:collapse; border-spacing:0;}
#hd h1, #hd h1 a { color:#fff; text-shadow:2px 4px 8px #000; text-shadow:1px 1px 2px #bbb; text-decoration:none; font-weight:normal; font-size:26px; height:100px;}
#hd h2, #hd h2 a { color:#fff; text-shadow:2px 4px 8px #000; text-shadow:1px 1px 2px #bbb; text-decoration:none; font-weight:normal; font-size:26px; height:100px;}

a { color:#0064B1;} 
a:hover, .highlight { color:#FF6700;}
#w { width:980px; margin:0 auto;}
#hd { height:200px; position:relative; padding-top:50px;}
#bd { padding-bottom:10px; overflow:hidden; zoom:1;}
.nav { width:960px; position:absolute; left:0; bottom:10px; -moz-border-radius:4px; overflow:hidden;}
.nav li { float:left; margin-right:20px; padding-bottom:5px;}
.nav li a { float:left; padding:5px 15px 8px; text-shadow:1px 1px 2px #9EE0FF; background:#fff;border-radius:4px; -moz-border-radius:4px;-moz-box-shadow:3px 3px 3px #333;box-shadow:3px 3px 3px #333;-webkit-box-shadow:3px 3px 3px #333; color:#0064B1;}
.nav li a:hover { color:#FF6700; text-shadow:1px 1px 2px #FFC299;}

.search { position:absolute; right:5px; top:10px; background:#fff; padding:5px; -moz-border-radius:4px;-moz-box-shadow:3px 3px 3px #333;box-shadow:3px 3px 3px #333;-webkit-box-shadow:3px 3px 3px #333; vertical-align:middle;}

.main { float:left; width:690px; padding:15px 20px; background:#fff; -moz-border-radius:4px;border-radius:4px;-moz-box-shadow:3px 3px 3px #333;box-shadow:3px 3px 3px #333;-webkit-box-shadow:3px 3px 3px #333; *overflow:hidden;}
.crumb { margin:0; padding:0; text-indent:0;}
.side { float:right; width:200px; margin-right:5px; padding:15px; font-size:12px; background:#fff; -moz-border-radius:4px;border-radius:4px; -moz-box-shadow:3px 3px 3px #333;box-shadow:3px 3px 3px #333;-webkit-box-shadow:3px 3px 3px #333;}
.side a { color:#0064B1; color:#0066cc;}
.side a:hover { color:#FF6700;}
#bd h1 { margin-top:20px;}
#bd h1 a { font-size:20px; color:#FF6700; text-shadow:1px 1px 2px #FFC299; font-weight:normal;}
#bd h2 { margin:20px 0; color:#FF6700; font-size:20px; font-weight:normal;}
#bd h2 a { color:#FF6700; text-shadow:1px 1px 2px #FFC299;}

.main h3 { margin:1.5em 0; color:#FF6700; font-size:16px; font-weight:normal;}
.main h4 { margin:1.5em 0; color:#FF6700; font-size:14px; font-weight:normal; text-indent:2em;}
.side h3 { padding:5px 0; color:#FF6700; font-size:14px; margin-top:20px; border-bottom:1px dotted #ccc; text-shadow:1px 1px 2px #FFC299; font-weight:normal;}
p { margin:1.5em 0; text-indent:2em;}
li p { margin-top:0; text-indent:0;}
.info, .tags { font-size:12px; color:#8E8F91; margin:0; text-indent:0;}
.info span, .info time, .tags span { margin-right:10px;}
.tags { border-bottom:1px dotted #ccc; margin:1.5em 0; text-align:right;}
.side ul { padding-left:15px; list-style-type:square}

.quote { margin:1.5em 0; padding:10px 10px 10px 65px; background:#f9f9f9 url(images/icon_quote_s.gif) 20px 6px no-repeat; }
blockquote { padding:0 35px 6px 0; background:url(images/icon_quote_e.gif) right bottom no-repeat;}
.post ul, .post ol { padding-left:4em; margin:1.5em 0;}
.post ul { list-style-type:disc;}
.post ol { list-style-type:decimal;}
.post li h3, .post li h4 { margin:0; text-indent:0;}
.post li pre { margin:1.5em 0;}
.post dl { padding-left:2em; margin:1.5em 0;}
.post dd { margin-left:2em;}
.post table { width:92%; margin:0 auto;}
.post table, .post th, .post td { border:1px solid #ddd; line-height:16px; font-size:12px;}
.post th, .post td { padding:8px;}
.post th { background:#f9f9f9;}
.post .a_tags { border-bottom:1px dotted #0781c7; color:#444; text-decoration:none;}
.post .a_tags:hover { color:#0b3b8c; background:#ebf2fa; text-decoration:none;}
.post img { padding:5px; border:1px solid #e0e0e0; background:#f9f9f9; -moz-border-radius:4px;border-radius:4px; -moz-box-shadow:3px 3px 3px #999999;box-shadow:3px 3px 3px #999999;-webkit-box-shadow:3px 3px 3px #999999;}

.key { border:1px solid #ccc; height:16px; width:183px; padding:2px; vertical-align:middle; float:left;}
.btn { border:1px solid #ccc; height:22px; vertical-align:middle; float:left; width:30px;}

.n { overflow:hidden; zoom:1;}
.prev { float:left;}
.next { float:right;}

.wp-pagenavi{zoom:1; padding:0 0 10px;background-color:#fff;}
.wp-pagenavi:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.wp-pagenavi a,.wp-pagenavi span{ float:left;padding: 1px 4px;font-family:Verdana, Arial, Helvetica, sans-serif;_font-family:simsun, "宋体"; margin:2px;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active, .wp-pagenavi .pages {text-decoration: none;border: 1px solid #1A7BBF;color: #0066cc;	background-color: #FFFFFF;font-size:14px;font-weight:bold; display:inline; width:auto!important;width:12px; white-space:nowrap;min-width:12px;text-align:center;}
.wp-pagenavi a:hover {border: 1px solid #114477;color:#114477}
.wp-pagenavi span.current {border: 1px solid #114477;color:#fff;background-color: #1A7BBF;font-size:14px;font-weight:bold; display:inline; width:auto!important;width:12px; white-space:nowrap;min-width:12px;text-align:center;}
.wp-pagenavi span.extend {margin-top:3px;border: 0px solid #ccc;color: #555;background-color: #FFFFFF;}
.wp-pagenavi .pages { font-weight:700;}

#ft { padding:10px 0 30px; font-size:12px; color:#666;}
#ft p { margin:0; text-indent:0;}

/* for pre */
pre{width:92%; margin:1.5em auto;border:1px #bbb solid;line-height:1.3em;padding:4px 8px;font-size:90%;overflow:auto;word-wrap: normal; font-family:Consolas,Monaco,"Courier New",Courier,monospace; background:#f9f9f9; position:relative; z-index:1000;}
.str, .atv { color: #080; }
.kwd, .tag { color: #008; }
.com { color: #800; } 
.typ, .atn, .dec { color: #606; }
.lit { color: #066; }
.pun { color: #660; }
.pln { color: #000; }

.navigation span { display:block;}

td .yes { display:inline-block; width:16px; height:16px; background:url(http://www.17css.com/img/site/ok.gif) 0 0 no-repeat; overflow:hidden; vertical-align:middle; text-indent:-9999px;}
td .no { display:inline-block; width:16px; height:16px; background:url(http://www.17css.com/img/site/error.gif) 0 0 no-repeat; overflow:hidden; vertical-align:middle; text-indent:-9999px;}
td .part { display:inline-block; width:16px; height:16px; background:url(http://www.17css.com/img/site/part.gif) 0 0 no-repeat; overflow:hidden; vertical-align:middle; text-indent:-9999px;}

/* html5 */
article,aside,dialog,footer,header,section,nav,figure,menu{display:block}
#comments li:target { background:#FFC;}

#comments ol { /*padding-left:30px; list-style-type:decimal;*/}
#comments li { padding:10px 8px; border-bottom:1px solid #ddd; zoom:1;}
#comments li dl { margin-left:55px;}
#comments em { font-style:normal;}
#comment p { text-indent:0;}
.gravatar { float:left; margin-right:10px;}