/* reset */
body {margin:0; padding:0; background:#FFF; font-size:12px; font-family:Helvetica,Arial,'宋体',sans-serif; cursor:default;}
div {margin:0 auto;}
ul, ol {margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
p, blockquote, form {margin:0; padding:0;}
* {outline:0;}
a {text-decoration:none; color:#195A9A;}
a:hover {color:#C00;}
input, textarea {margin:0; padding:0;}
img {border:0;}

/* header */
#header {width:950px; height:160px;}
#header h1 {float:left; margin:40px 0; line-height:40px; font-size:12px; font-weight:normal; color:#195A9A;}
#header h1 a {float:left; margin-right:10px; width:118px; height:40px; background:url(./images/sprite.png) 0 -90px; text-indent:-99999px;}
#header .cate {float:right; margin:40px 0; height:40px; overflow:hidden;}
#header .cate li {float:left; margin-left:-1px; padding-right:1px; height:40px; border-left:1px solid #ACACB1;}
#header .cate li a {display:block; width:90px; height:40px; line-height:40px; font-weight:bold; font-size:12px; text-align:center; background:url(./images/sprite.png) -200px 0; opacity:0.8; filter:alpha(opacity=80); color:#0E0E0E; text-shadow:0 1px 0 #FFF;}
#header .cate li a:hover {opacity:1; filter:alpha(opacity=100); color:#195A9A;}
#header .cate li a:active {opacity:1; filter:alpha(opacity=100); background-position:-200px -40px;}
#header .cate li.current a {background-position:-200px -40px; opacity:1; filter:alpha(opacity=100); color:#195A9A;}
#header .cate li.home a {width:91px; background-position:0 0; text-indent:-99999px;}
#header .cate li.home-current a,
#header .cate li.home a:active {background-position:0 -40px;}
#header .cate li.contact a {width:91px; background-position:-99px 0;}
#header .cate li.contact-current a,
#header .cate li.contact a:active {background-position:-99px -40px;}
#header .nav {clear:both; width:950px; height:40px; background:#191919;}
#header .nav sup {float:left; width:5px; height:40px; background:url(./images/sprite.png) -300px 0;}
#header .nav sup.r {float:right; background-position:-305px 0;}
#header .nav #searchform input {float:right; margin:8px 15px 0 0; padding:0 10px 0 22px; width:170px; height:24px; line-height:24px; font-size:12px; font-family:Helvetica,Arial,'宋体',sans-serif; background:url(./images/sprite.png) -140px -90px; border:0;}
#header .nav #searchform input.focus {background-position:-140px -114px;}
#header .nav .rss-link {float:right; margin:11px 20px 0 0; width:16px; height:16px; background:url(./images/sprite.png) -300px -50px; opacity:0.8;}
#header .nav .rss-link:hover {opacity:1;}

#header .nav .left {position:relative; float:left; margin:9px 0 0; height:22px;}
#header .nav .left .cate-btn {float:left; margin-left:10px; width:99px; height:22px; background:url(./images/sprite.png); cursor:pointer;}
#header .nav .left .cate-btn-down {background-position:0 -400px;}
#header .nav .left .cate-btn-down:hover {background-position:0 -422px;}
#header .nav .left .cate-btn-down:active {background-position:0 -444px;}
#header .nav .left .cate-btn-up {background-position:0 -466px;}
#header .nav .left .cate-btn-up:hover {background-position:0 -488px;}
#header .nav .left .cate-btn-up:active {background-position:0 -510px;}

#header .nav .cate-list-bg-preloader {background:url(./images/slide.png); display:none;}
#header .nav .left ul.cate-list {position:absolute; top:31px; left:10px; width:130px; overflow:auto; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; background:url(./images/slide.png); _background:#000;}
#header .nav .left ul.cate-list li {float:left; padding-left:20px; width:110px; height:40px; line-height:40px; color:#888; text-shadow:0 -1px 0 #000;}
#header .nav .left ul.cate-list li a {color:#BBB;}
#header .nav .left ul.cate-list li a:hover {color:#FFF;}

/* content */
#content {width:950px; overflow:auto;}
#content .archive-top {margin-bottom:-40px; height:40px; line-height:40px; color:#C00;}
#content .archive-top h2 {font-size:16px; font-weight:normal; font-family:'微软雅黑','黑体',Helvetica,Arial,'宋体',sans-serif;}

#content .navigation {width:100%; overflow:auto; line-height:0;}
#content .navigation div {width:142px;}
#content .navigation div a {display:block; margin-top:22px; width:142px; height:36px; line-height:34px; text-align:center; font-size:14px; color:#646464; text-shadow:0 1px 0 #FFF; letter-spacing:3px; font-weight:bold; font-family:'微软雅黑','黑体',Helvetica,Arial,'宋体',sans-serif; background:url(./images/sprite.png);}
#content .navigation div a:hover,
#content .navigation div a:active {color:#474747;}
#content .navigation .alignright {float:left; text-indent:10px;}
#content .navigation .alignright a {background-position:0 -160px;}
#content .navigation .alignright a:hover {background-position:0 -196px;}
#content .navigation .alignright a:active {background-position:0 -232px;}
#content .navigation .alignleft {float:right; text-indent:-10px;}
#content .navigation .alignleft a {background-position:-160px -160px;}
#content .navigation .alignleft a:hover {background-position:-160px -196px;}
#content .navigation .alignleft a:active {background-position:-160px -232px;}

/* post */
.post {margin-top:30px; width:100%; overflow:auto; border-bottom:2px solid #272728;}
.post h1 {padding-left:400px; height:40px; line-height:40px; font-weight:normal; font-size:20px; font-family:'微软雅黑','黑体',Helvetica,Arial,'宋体',sans-serif; border-bottom:1px solid #D0D0D5;}
.post h1 a {color:#222;}
.post h1 a:hover {color:#C00;}
.post .side {float:left; padding-bottom:30px; width:300px; overflow:auto;}
.post .side .thumbnail {margin:10px 0 0; width:298px; background:#EEE; border:1px solid #DDD; -moz-border-radius:6px; -webkit-border-radius:6px;}
.post .side .thumbnail a {display:block; margin:9px; width:280px; height:100px; background:#CCC; text-indent:-99999px;}
.post .side .thumbnail-hover a {background-position:0 -100px;}
.post .side ul.item {width:300px; overflow:auto;}
.post .side ul.item li {float:left; padding-left:80px; width:220px; height:40px; line-height:40px; font-weight:bold; color:#56565B; border-bottom:1px solid #D0D0D5; background:url(./images/sprite.png) no-repeat;}
.post .side ul.item li.date {background-position:-400px 0px;}
.post .side ul.item li.view {background-position:-400px -40px;}
.post .side ul.item li.comment {background-position:-400px -80px;}
.post .side ul.item li.tag {background-position:-400px -120px;}
.post .side .dk {display:block; margin-top:20px; padding:9px; width:280px; height:160px; text-indent:-99999px; background:#EEE url(./images/ad.jpg) center center no-repeat; border:1px solid #DDD; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.post .entry {float:left; margin-left:100px; padding-top:10px; padding-bottom:10px; width:550px;} /* p margin-bottom:20px + entry padding-bottom:10px = 30px; */
.post .entry a {color:#C00; border-bottom:1px solid #CCC;}
.post .entry a:hover {border-color:#C00;}
.post .entry p {margin-bottom:20px; font-size:14px; line-height:20px; font-family:'微软雅黑',Helvetica,Arial,'宋体',sans-serif; text-indent:2em;}

.post .entry h2 {line-height:30px; font-size:16px; font-family:'微软雅黑',Helvetica,Arial,'宋体',sans-serif; color:#C00;}
.post .entry h3 {line-height:20px; font-size:14px; text-indent:2em; font-family:'微软雅黑',Helvetica,Arial,'宋体',sans-serif;}
.post .entry ul,
.post .entry ol {margin-bottom:20px;}
.post .entry ol {margin-left:4em; list-style:decimal outside none;}
.post .entry ul li,
.post .entry ol li {margin-top:5px; padding-left:2em; line-height:20px; font-size:14px; font-family:'微软雅黑',Helvetica,Arial,'宋体',sans-serif; background:url(./images/li.gif) -5px 0 no-repeat;}
.post .entry ol li {padding-left:0; background:none;}

.post .entry p a.more-link {display:block; width:162px; height:32px; line-height:28px; color:#FFF; text-shadow:0 -1px 0 #750505; background:url(./images/sprite.png) 0 -288px; border-bottom:0;}
.post .entry p a.more-link:hover {background-position:0 -320px;}
.post .entry p a.more-link:active {background-position:0 -352px;}
.post .entry blockquote {width:510px; margin-bottom:20px; padding:20px 20px 0; background:#F4F4F4; overflow:auto; -moz-border-radius:6px; -webkit-border-radius:6px;}

/* k-pic */
.post .entry .k-pic {text-align:center; color:gray; text-indent:0;}
.post .entry .k-pic img {display:block; margin:0 auto; padding:9px; background:#EEE; border:1px solid #DDD; -moz-border-radius:6px; -webkit-border-radius:6px;}

/* k-thanks */
.post .entry .k-thanks {text-indent:0; font-size:12px;}

/* single-tuhezi */
ul.single-tuhezi {margin-right:-22px; width:972px; border-bottom:2px solid #000; overflow:auto;}
ul.single-tuhezi li {float:left; display:inline; margin:20px 22px 20px 0; width:140px;}
ul.single-tuhezi li a {display:block; width:138px; height:138px; border:1px solid #E0E0E5;}
ul.single-tuhezi li a:hover {border-color:#999;}
ul.single-tuhezi li a img {display:block; width:138px; height:138px;}

/* comments-outer */
#comments-outer {margin-top:20px; width:950px;}
#comments-outer #cancel-comment-reply {display:none;}
#comments-outer h3 {padding-left:400px; height:30px; line-height:30px; font-size:18px; font-weight:normal; color:#00589B;}
#comments-outer ol {width:100%; overflow:auto; border-bottom:1px solid #D0D0D5;}
#comments-outer ol li {float:left; padding:10px 0 0 400px; width:550px; line-height:20px; border-top:1px solid #D0D0D5; overflow:auto; color:#56565B;}
#comments-outer ol li.even {background:#F4F4F4;}
#comments-outer ol li .comment-author {float:left; margin:0 0 10px -380px; *margin-bottom:0; display:inline; height:40px; overflow:hidden; font-weight:bold;}
#comments-outer ol li .comment-author cite {color:#000; font-style:normal;}
#comments-outer ol li .comment-author .avatar-outer {position:relative; float:left; margin:0 20px 0 0; width:40px; height:40px;}
#comments-outer ol li .comment-author .avatar-outer .avatar-frame {position:absolute; top:0; left:0; width:40px; height:40px; background:url(./images/avatar-frame.png); z-index:1; _display:none;}
#comments-outer ol li .comment-author .avatar-outer img.avatar {display:block; width:40px; height:40px;}
#comments-outer ol li .comment-meta {float:left; margin:20px 0 0 -320px; display:inline; height:20px; overflow:hidden;}
#comments-outer ol li p {margin-bottom:10px; color:#333;}
#comments-outer .hint {height:40px;}
#comments-outer #respond {padding-left:400px; border:1px solid #D6D6D6; background:#F4F4F4; -moz-border-radius:6px; -webkit-border-radius:6px;}
#comments-outer #respond .item {float:left; margin-left:-400px; display:inline; width:400px;}
#comments-outer #respond .item p {margin-left:20px;}
#comments-outer #respond p.btn {clear:both; width:100%; height:53px; zoom:1; background:red;}
#comments-outer #respond p label {display:block; height:30px; line-height:30px; font-weight:bold; color:#6B6B6E;}
#comments-outer #respond p label i {margin-left:5px; font-weight:normal;}
#comments-outer #respond p input.text {padding:0 5px; width:230px; height:28px; line-height:28px; border:1px solid #AAA; font-size:14px; font-family:'微软雅黑',Helvetica,Arial,'宋体',sans-serif;}
#comments-outer #respond p textarea {padding:5px; height:138px; width:506px; border:1px solid #AAA; font-size:14px; font-family:'微软雅黑',Helvetica,Arial,'宋体',sans-serif;}
#comments-outer #respond p textarea:focus,
#comments-outer #respond p input.text:focus {border-color:#888;}
#comments-outer #respond p input#submit {margin:10px 0; width:140px; height:33px; line-height:31px; *line-height:20px; font-size:14px; font-family:'微软雅黑','黑体',Helvetica,Arial,'宋体',sans-serif; letter-spacing:3px; text-indent:3px; text-shadow:0 -1px 0 #750505; color:#FFF; background:url(./images/sprite.png) -180px -285px; border:0; cursor:pointer;}
#comments-outer #respond p input#submit:hover {background-position:-180px -318px;}
#comments-outer #respond p input#submit:active {background-position:-180px -351px;}

/* footer */
#footer {margin-top:40px; width:100%; min-width:950px; border-top:5px solid #C0C0C8; background:#343434; overflow:auto;}
#footer .inner {width:950px; overflow:auto;}
#footer .inner ul {width:960px; margin-left:-10px; overflow:hidden;}
#footer .inner ul li {float:left; width:86px; margin-left:10px; height:42px; line-height:40px; background:url(./images/sprite.png) 0 -538px;}
#footer .inner ul li a {color:#BBB; text-shadow:0 -1px 0 #000;}
#footer .inner ul li a:hover {color:#FFF;}
#footer .inner .copyrihgt {width:100%; padding:20px 0; line-height:20px; font-size:10px; font-family:Verdana; color:#999;}
#footer .inner .copyrihgt a {color:#999; border-bottom:1px solid #4C5656;}
#footer .inner .copyrihgt a:hover {border-color:#999;}