/* reset */
body {margin:0; padding:0; background:#DDD url(images/bg.png) repeat-x; font-size:12px; font-family:Tahoma,Helvetica,Arial,'宋体',sans-serif;}
div {margin:0 auto; overflow:auto;}
ul, ol {margin:0 auto; padding:0; list-style:none;}
form, p, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
img {border:0;}
* {outline:none;}

/* global */
.g-double-line {margin:20px 10px 0; height:0; line-height:0; overflow:hidden; border-top:1px solid #C2C2C2; border-bottom:1px solid #FFF;}

/* header */
#header {padding:0 10px; width:940px; height:250px;}
#header .top {height:180px;}
#header .top .logo {float:left; margin-top:60px; width:300px; height:60px; font-family:Cambria,Arial,Helvetica,sans-serif; text-align:right;}
#header .top .logo h1 {height:40px; line-height:40px; overflow:hidden; font-size:30px;}
#header .top .logo h1 a {color:#FFF; text-decoration:none;}
#header .top .logo h1 a span {margin-right:10px;}
#header .top .logo h2 {height:20px; line-height:20px; overflow:hidden; color:#CCC; font-size:12px; font-weight:normal;}
#header .top ul.page {float:right; margin:70px 0 0; height:40px;}
#header .top ul.page li {float:left; height:40px; background:url(images/sprite.png) 0 -40px; _background:url(images/sprite.gif) 0 -40px;}
#header .top ul.page li a {float:left; padding:0 15px; height:40px; line-height:40px; color:#FFF; font-weight:bold; overflow:hidden; text-decoration:none;}
#header .top ul.page li a:hover {color:#990814;}
#header .top ul.page li.current_page_item a {color:#999;}
#header .top ul.page li.lc,
#header .top ul.page li.rc {width:25px; background-position:0 0;}
#header .top ul.page li.rc {background-position:-25px 0;}
#header ul.nav {padding:20px 0 18px; height:30px; border-bottom:1px solid #C2C2C2;}
#header ul.nav li {float:left; display:inline; height:30px;}
#header ul.nav li a {float:left; padding:0 15px; height:30px; line-height:30px; overflow:hidden; color:#333; font-weight:bold; text-decoration:none;}
#header ul.nav li a:hover {background:#333; color:#FFF;}
#header ul.nav li.current-cat a {background:#900; color:#FFF;}
#header .line {height:1px; background:#FFF; overflow:hidden;}

/* content */
#content {width:960px;}

/* pic-list */
ul.pic-list {width:960px; overflow:auto;}
ul.pic-list li {position:relative; float:left; display:inline; margin:20px 10px 0; width:170px; height:170px; border:1px solid #CCC; background:#FFF;}
ul.pic-list li a {display:block; margin:5px; width:160px; height:160px;}
ul.pic-list li img.new {position:absolute; top:-6px; right:5px; width:42px; height:22px; background:url(images/new.png); _background:url(images/new.gif);}

/* post */
.post {padding:0 10px 0 640px; width:310px;}
.post .pic-zone {float:left; display:inline; margin-left:-630px; width:610px;}
.post .pic-zone div {position:relative; margin-top:20px; padding:4px; width:600px; border:1px solid #CCC; background:#FFF; text-align:center; overflow:hidden;}
.post .pic-zone div img {display:block; margin:0 auto;}
.post .pic-zone div p {position:absolute; left:4px; top:4px; padding:5px 10px; width:580px; text-align:left; color:#FFF; font-family:'微软雅黑',Tahoma,Helvetica,Arial,'宋体',sans-serif; background:url(images/pbg.png); display:none;}
.post .pic-zone div p a {color:#FFF;}
.post .pic-zone div span {position:absolute; right:4px; bottom:4px; display:block; width:70px; height:70px; background:url(images/sprite.png) 0 -80px; _background:url(images/sprite.gif) 0 -80px; display:none;}
.post .pic-zone div span a {float:left; margin:10px 0 0 10px; width:50px; height:50px; background:url(images/sprite.png); _background:url(images/sprite.gif);}
.post .pic-zone div span a.fav {background-position:0 -230px;}
.post .pic-zone div span a.fav:hover {background-position:0 -180px;}
.post .pic-zone div span a.via {background-position:0 -330px;}
.post .pic-zone div span a.via:hover {background-position:0 -280px;}
.post .entry-title h2 {margin-top:20px; height:30px; line-height:30px; overflow:hidden; font-size:24px; font-weight:normal; font-family:'微软雅黑','黑体','宋体';}
.post .entry-title h3 {margin-top:5px; height:20px; line-height:20px; overflow:hidden; font-size:12px; font-weight:normal; color:#666; font-family:Calibri,Arial,Helvetica,sans-serif;}
.post .entry p {text-indent:2em; margin-top:20px; font-size:14px; line-height:20px; font-family:'微软雅黑',Tahoma,Helvetica,Arial,'宋体',sans-serif;}
.post .entry p a {color:#900; text-decoration:underline;}
.post .entry p.pic-intro {border-left:4px solid #666; padding:10px; background:#CCC;}
.post .entry .item {display:none; margin-top:20px; border-top:1px solid #C2C2C2; border-bottom:1px solid #FFF;}
.post .entry .item div {padding-left:25px; height:40px; line-height:40px; overflow:hidden; border-top:1px solid #FFF; border-bottom:1px solid #C2C2C2; background:url(images/sprite.png) no-repeat; _background:url(images/sprite.gif) no-repeat;}
.post .entry .item .picture {background-position:-10px -50px;}
.post .entry .item .tags {background-position:-10px -90px;}
.post .entry .item a {color:#000; text-decoration:none;}
.post .entry .item a:hover {text-decoration:underline;}
.post .entry .relate {float:left; margin-top:20px; padding-bottom:10px; width:310px; background:#CCC; overflow:hidden;}
.post .entry .relate h2 {margin:5px 10px 0; padding:0 0 5px; height:20px; line-height:20px; border-bottom:1px solid #EEE; font-size:14px; font-weight:normal; font-family:'微软雅黑',Tahoma,Helvetica,Arial,'宋体',sans-serif;}
.post .entry .relate ul {width:310px;}
.post .entry .relate ul li {float:left; display:inline; margin:10px 0 0 10px; width:90px; height:90px;}
.post .entry .relate ul li a,
.post .entry .relate ul li img {display:block; width:90px; height:90px;}


/* post-page */
.post-page {padding:0 10px; width:940px;}
.post-page h2 {margin-top:20px; height:30px; line-height:30px; overflow:hidden; font-size:24px; font-weight:normal; font-family:'微软雅黑','黑体','宋体';}
.post-page .entry p {margin-top:20px; font-size:14px; line-height:20px; font-family:'微软雅黑',Tahoma,Helvetica,Arial,'宋体',sans-serif;}
.post-page .entry p a {color:#900; text-decoration:underline;}

/* wp-pagenavi */
.wp-pagenavi {margin:20px 0 0 10px; height:30px; font-family:Calibri,Arial,Helvetica,sans-serif; font-size:14px;}
.wp-pagenavi a:hover {border:1px solid #2E6AB1; color:#003; background:white;}
.wp-pagenavi span.pages,
.wp-pagenavi a {float:left; padding:0px 8px; margin:0 2px 0 0; height:28px; line-height:28px; overflow:hidden; color:#333; border:1px solid #999; background:white; text-decoration:none;}
.wp-pagenavi span.current {float:left; padding:0 8px; margin:0 2px 0 0; height:28px; line-height:28px; overflow:hidden; border:1px solid #DDD; color:#900; font-weight:bold;}
.wp-pagenavi span.extend {padding:2px 4px; margin:2px; border:1px solid black; color:black; background:white;}

/* comments */
#comments {margin-top:20px; padding:0 10px 0 640px;}
#comments h3 {padding:0 10px; height:40px; line-height:40px; overflow:hidden; background:#CCC; color:#333; font-size:14px;}
#comments .left {float:left; margin-left:-630px; display:inline; width:610px;}
#comments #respond {float:left; width:310px;}

/* comments list */
ol.commentlist {width:610px;}
ol.commentlist li {float:left; display:inline; padding:10px; width:590px; border-bottom:1px solid #C2C2C2;}
ol.commentlist li div {overflow:hidden;}
ol.commentlist li.bypostauthor {background:#F6F6F6;}
ol.commentlist li .vcard {float:left; margin-bottom:-15px;}
ol.commentlist li .vcard img.avatar {float:left; padding:2px; border:1px solid #CCC;}
ol.commentlist li .vcard cite.fn {float:left; margin-left:10px; font-weight:700; color:#333; font-style:normal;}
ol.commentlist li .vcard cite.fn a {color:#333;}
ol.commentlist li .vcard cite.fn a:hover {color:black;}
ol.commentlist li .vcard span.says,
ol.commentlist li .reply {display:none;}
ol.commentlist li .comment-meta {float:right;}
ol.commentlist li .comment-meta a {color:#999;}
ol.commentlist li p {clear:left; margin:0 0 0 50px; color:#333;}

/* respond */
#respond p {margin-top:5px;}
#respond .respond-item {height:40px; line-height:40px; overflow:hidden;}
#respond .respond-item input {padding:5px; border:1px solid #C2C2C2; *vertical-align:middle;}
#respond .respond-item label {font-size:12px;}
#respond textarea {margin-top:5px; padding:5px; width:298px; height:100px; border:1px solid #C2C2C2; font-size:12px;}
#respond .respond-btn input {margin-top:10px; width:120px; height:40px; line-height:40px; border:0; color:#FFF; font-size:14px; letter-spacing:2px; background:url(images/btn.gif); cursor:pointer;}

/* footer */
#footer {margin-top:20px; padding:0 10px; width:940px; height:72px; line-height:70px; color:#333; font-family:Calibri,Arial,Helvetica,sans-serif;}
#footer .line {height:0; border-top:1px solid #C2C2C2; border-bottom:1px solid #FFF; overflow:hidden;}