/* ------------------------------------
 * Rozv for zbphp
 *
 * @author	zblogger
 * @link	http://www.zblogger.org/
 * @update	2013-12-16
 * --------------------------------- */
html {-ms-text-size-adjust:100%;}
body,h1,h2,h3,p,blockquote,dl,dt,dd,ul,ol,li,button,input,textarea {margin:0; padding:0;}
header,footer,article,section,nav,menu,hgroup {display:block;}
body {background:#f0f0f0 url("/static/image/bg.jpg") repeat; color:#444; font:16px/1.5 'Century Gothic',"Microsoft Yahei",Helvetica,Arial,sans-serif;}
h1,h2,h3,h4,h5,h6 {font-weight:500;}
h1 {font-size:27px;}
h2 {font-size:24px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
img {border:none;}
a img:hover {background:none; border:none;}
a {color:#07b; text-decoration:none;}
a:hover {text-decoration:underline;}
ol,ul {list-style:none;}
input,textarea,button {outline:none;}
input[type^="text"],input[type^="password"],textarea {box-shadow:inset 2px 3px 5px #eee; border:1px solid #bbb; background:#fafafa;}
input:focus,textarea:focus {background:#fff; border-color:#999;}
input {vertical-align:middle;}
input[type^="radio"] {border:none; background:none; width:auto;}
::selection {color:#fff; background:#444; text-shadow:none;}
blockquote {font:14px/1.5 'Century Gothic',Helvetica,Arial,sans-serif; border-left:5px solid #07b; padding:0 10px; color:#07a;}
.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left;}
.alignright {float:right;}
img.alignleft {margin-right:15px;}
img.alignright {margin-left:15px;}
#wrap {margin:0 auto; width:776px;}
.tags a,#comments,#sidebar {font-size:14px;}
/* Tables */
table {border-collapse:separate; border-spacing:0;}
caption,th,td {text-align:left; font-weight:normal;}
table,td,th {vertical-align:middle;}
table {margin-bottom:1.4em; width:100%;}
th {font-weight:700;}
thead th {border:1px solid rgb(204,204,204);}
th,td,caption {padding:2px 5px 2px 3px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
fieldset {padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc;}
legend {font-weight:bold;}
/* Header */
#header {color:#666; padding:60px 0 20px 0;}
#logo {text-align:center;}
#logo h1 {font-size:36px;}
#logo h1 a {color:#444;}
.description {margin-bottom:0; font-style:italic;}
/* Nav */
#top {position:fixed; background:#f8f8f8; border-bottom:1px solid #ccc; box-shadow:0 1px 3px #d6d6d6; width:100%; height:40px; line-height:40px; font-size:12px; overflow:hidden; z-index:1;}
#nav {width:776px; margin:0 auto;}
#nav li {float:left; list-style:none; margin-right:15px;}
#nav a {color:#999;}
#nav a:hover {text-decoration:none;}
#nav a:hover,#nav ul li a.on {color:#555;}
#nav ul li a.on {border-bottom:2px solid #444; line-height:40px; height:38px;}
#menu {float:left;}
/* Search */
#search {background:#fafafa; border:1px solid #ccc; border-radius:3px; box-shadow:inset 1px 1px 3px #ccc; padding:3px 5px; height:16px; margin-top:6px; float:right;}
#search input {border:none; background:none; box-shadow:none; width:130px; height:16px; line-height:16px; vertical-align:top;}
#search button {background:url("/static/image/search.png") no-repeat; width:16px; height:16px; text-indent:-999px; vertical-align:top; border:none; cursor:pointer; margin-left:-5px; font-size:0;}
#search button:hover {background:url("/static/image/search_hover.png") no-repeat;}
/* Content */
.post {background:#fff; border:1px solid #ccc; box-shadow:0 0 1px 2px #e9e9e9; padding:19px 24px 24px; margin-bottom:20px; word-wrap:break-word; word-break:normal; overflow:hidden;}
.post_head {font-size:12px; color:#888; margin-bottom:20px;}
.post_head a,.page_head a {color:#333;}
.meta_info {font-size:12px; padding:8px 4px 4px 0; color:#666; margin-bottom:10px;}
.pauthor,.ptime,.pcata,.pcomm,.pview {background:url("/static/image/sprite.png") left center no-repeat; margin-right:10px; padding-left:18px;}
.pauthor{background-position:-17px -16px}
.ptime {background-position:-17px -45px}
.pcata {background-position:-17px -62px}
.pcomm {background-position:-17px -1px}
.pview {background-position:-17px -31px}
.fontsize {float:right;}
.fontsize a {background:#fafafa; border:1px solid #ccc; color:#666; padding:2px 4px 2px 4px; margin-left:2px; border-radius:5px;}
.post_artice img,.post_artice img:hover {max-width:716px; height:auto; background:#fff; border:1px solid #ccc; padding:5px;}
.post_artice p {margin-bottom:10px;}
.tags a {color:#666; background:#f1f1f1; border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin-right:5px; padding:2px 5px; border-radius:20px;}
.tags a:hover {color:#fff; background:#333; text-decoration:none;}
.post ul {list-style-type:disc;}
.post ol {list-style-type:decimal;}
.post ul,.post ol {margin-left:20px; margin-bottom:20px;}
.page_head h2 {margin-bottom:10px;}
#ggad {background:#fff url("/static/image/tj.png") left top no-repeat; border:1px solid #ccc; box-shadow:0 0 1px 2px #e9e9e9; padding:19px 24px 19px 24px; margin-bottom:20px;}
/* Pagebar */
#pagenav {text-align:center; float:right; margin-bottom:20px; clear:both;}
#pagenav a,.commentpagenav a {background:#fff; border:1px solid #ccc; color:#999; padding:5px 10px 5px 10px; margin:5px; border-radius:30px;}
#pagenav a:hover,.commentpagenav a:hover {border:1px solid #555; color:#fff; background:#333;}
.commentpagenav {text-align:center; margin:20px 0 10px 0;}
.now-page {border:1px solid #555; color:#fff; background:#333; padding:5px 10px 5px 10px; border-radius:30px;}
.postnav {background:#fff; border:1px solid #ccc; box-shadow:0 0 1px 2px #e9e9e9; font-size:14px; padding:8px 24px 8px 24px; margin-bottom:20px; overflow:hidden;}
.postnav .r {float:right;}
.postnav .l {float:left;}
/* Comment */
.comments_box {border:1px solid #ccc; background:#fff; padding:10px 24px 0 24px; margin-bottom:20px;}
.comments_count {text-align:left; margin-top:5px; font-size:16px; color:#444; font-weight:700;}
.comment_list {padding:10px; margin:10px 0 10px 0; border:1px solid #ccc;}
.comment_list,.comment_list .comment_list .comment_list {background:#fff;}
.comment_list .comment_list,.comment_list .comment_list .comment_list .comment_list {background:#fafafa;}
.comment-meta {float:right; color:#999; font-size:12px;}
.comment-author {float:left; font-size:12px;}
.comment-author cite.fn {font-style:normal;}
.comment-body {overflow:hidden;}
.comcon {margin:-20px 0 0 46px; clear:both;}
img.avatar {float:left; margin-right:10px; border-radius:20px;}
.respond {background:#fff; padding:24px; border:1px solid #ccc; margin-bottom:10px;}
.cmttop {margin-bottom:10px;}
#divCommentPost input {padding:8px; margin-bottom:10px;}
#divCommentPost textarea {height:150px; padding:8px; width:75%;}
#divCommentPost .button {margin-top:10px; padding:5px; background:#666; border:1px solid #444; color:#fff; font-size:16px; cursor:pointer; text-shadow:1px 1px #000; height:100%; width:8%; text-align:center; vertical-align:middle;}
#divCommentPost .button:hover {background:#333; border-color:#000;}
#comments input,#comments textarea,#comments button {border-radius:20px;}
/* Sidebar */
#sidebar {background:#fff; border:1px solid #ccc; padding:24px; margin-top:20px; width:726px; display:table; overflow:hidden;}
.side_box {width:210px; display:table-cell; vertical-align:top;}
.side_box .widget {margin-bottom:20px; clear:both;}
.side_box a {color:#666;}
.side_1 {padding-right:20px;}
.side_2 {border-left:1px solid #ccc; border-right:1px solid #ccc; padding:0 19px; font-size:13px;}
.side_3 {padding-left:20px;}
#divComments ul li {width:210px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#divSearchPanel input {border:1px solid #bbb; background:#fafafa; padding:3px;}
#divLinkage,#divMisc,#divArchives {padding-bottom:20px;}
#divLinkage li,#divMisc li,#divArchives li {float:left; width:50%;}
#divTags li {float:left; padding-right:10px;}
.tag-count {display:none;}
.ul-subcates li {list-style-type:none; padding-left:15px;}
/* Calendar */
#divCalendar {width:100%; position:relative;}
#divCalendar caption {text-align:center; background:rgb(180,180,180); border:1px solid rgb(154,154,154); box-shadow:inset 1px 1px rgb(225,225,225); color:rgb(255,255,255); text-shadow:1px 1px rgb(100,100,100); line-height:36px; height:36px;}
#divCalendar tbody td,#divCalendar thead {background-image:-webkit-linear-gradient(top,rgb(250,250,250),rgb(238,238,238)); background-image:-moz-linear-gradient(top,rgb(250,250,250),rgb(238,238,238)); background:rgb(238,238,238);}
#divCalendar tbody td {border:1px solid rgb(204,204,204); box-shadow:inset 1px 1px rgb(255,255,255); text-align:center; text-shadow:1px 1px rgb(255,255,255); line-height:30px; width:34px;}
#divCalendar tbody a {color:#0078aa; font-weight:700;}
#divCalendar thead {border-left:1px solid rgb(204,204,204); border-right:1px solid rgb(204,204,204); font-size:12px; line-height:24px; height:24px;}
#divCalendar th {text-align:center; font-weight:400; text-shadow:1px 1px rgb(255,255,255);}
#divCalendar tfoot {font-size:12px;}
#divCalendar tfoot a {color:#333333;}
#divCalendar #prev {text-align:left; padding-left:8px;}
#divCalendar #next {text-align:right; padding-right:8px;}
/* Footer */
#footer {font-size:12px; padding:15px 0; text-align:center;}
#footer a {color:#666;}
#gototop {background:url("/static/image/btt.png"); width:54px; height:54px; cursor:pointer; border-radius:50px; float:right; margin-top:-54px; clear:both;}
#gototop a {display:block; width:54px; height:54px;}
#gototop span {display:none;}