/*
Theme Name: iNove
Theme URI: http://www.neoease.com/themes/
Description: Inspired by MacZone.sk, created by mg12. It is very stylish, widget supported and doesn't require any plugin. Current version is not compatible with WordPress 2.x.x, but you can download the previous version on http://www.neoease.com/themes/
Version: 3.0.5
Author: mg12
Author URI: http://www.neoease.com/
Tags: white, light, two-columns, fixed-width, theme-options, right-sidebar
*/

/* static START */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
p,
fieldset {
    margin: 0;
    padding: 0
}

abbr[title],
acronym[title] {
    border-bottom: thin dotted;
    cursor: help
}

body {
    font-size: 14px;
    /* font-family: Verdana, "BitStream vera Sans", Helvetica, Sans-serif; */
    font-family: -apple-system, "system-ui", "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", Arial, sans-serif;
    color: #444;
    background: #BEC3C6 url(img/bg.jpg) repeat-x
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: -0.03em;
    font-weight: bold;
    font-family: Arial;
    color: #2c3e50
}

h1 {
    font-size: 200%
}

h2 {
    font-size: 185%
}

h3 {
    font-size: 157%
}

h4 {
    font-size: 129%
}

h5 {
    font-size: 114%
}

h6 {
    font-size: 100%
}

small {
    font-size: 10px
}

blockquote,
pre {
    margin: 5px 0;
    padding: 8px 12px 8px 36px;
    border: 1px dashed #CCC;
    background: #F4F5F7 url(img/blockquote.gif) no-repeat 3px 3px
}

img {
    border: 0
}

img.sided {
    padding: 3px;
    border: 2px solid #CCC;
    background: #FFF
}

a:hover img.sided {
    border-color: #A6A6A6
}

a {
    text-decoration: none;
    color: #2970A6
}

a:hover {
    text-decoration: underline
}

.wp-caption {
    text-align: center;
    margin-bottom: 5px;
    padding: 5px 0;
    border: 1px solid #CCC;
    background: #F7F7F7
}

.wp-caption img {
    margin: 0 5px
}

.wp-caption-text {
    text-align: center;
    padding: 0 5px !important;
    padding: 3px 5px 0
}

*+html .wp-caption-text {
    padding: 3px 5px 0 !important
}

.post .content .wp-caption p {
    margin: 0
}

.more-link {
    font-size: 13px
}

.alignleft {
    float: left;
    text-align: left;
    margin-right: 10px
}

.alignright {
    float: right;
    text-align: right;
    margin-left: 10px
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.floatleft {
    float: left
}

.floatright {
    float: right
}

.left {
    float: left;
    margin-right: 10px
}

.right {
    float: right;
    margin-left: 10px
}

.fixed,
.clear {
    clear: both
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.clearfix {
    display: inline-block
}

html[xmlns] .clearfix {
    display: block
}

* html .clearfix {
    height: 1%
}

input.textfield,
textarea {
    padding: 2px 1px;
    border: 1px solid #A6A6A6;
    font-size: 12px;
    font-family: Verdana, "BitStream vera Sans", Helvetica, Sans-serif;
    background: #FFF url(img/textfield.gif) repeat-x 50% 0
}

.boxcaption {
    padding: 6px 12px;
    border-bottom: 1px solid #CCC;
    background: #E3E4E6 url(img/box.gif) no-repeat 0 0
}

.boxcaption h3 {
    font-size: 12px;
    font-family: Verdana, "BitStream vera Sans", Helvetica, Sans-serif;
    letter-spacing: 0em
}

.box {
    padding: 8px 12px;
    margin-bottom: 10px;
    background: #F4F5F7 url(img/box.gif) no-repeat 100% 100%
}

.messagebox,
.errorbox {
    height: 27px;
    padding: 0 12px;
    line-height: 27px;
    font-size: 11px;
    background: #EDEFF0 url(img/messagebox.gif) no-repeat
}

/* static END */

/* layout START */
#wrap {
    padding: 20px 0;
    background: url(img/light.gif) no-repeat 50% 0
}

#container {
    width: 936px;
    margin: 0 auto
}

#content {
    min-height: 400px;
    background: #FFF url(img/sidesep.gif) right repeat-y
}

/* layout END */

/* header START */
#header {
    position: relative;
    overflow: hidden;
    height: 90px;
    border-bottom: 1px solid #A6A6A6;
    background: url(img/header.jpg) no-repeat 0 0
}

#caption {
    padding: 25px 30px 0
}

#title a {
    display: block;
    height: 30px;
    text-decoration: none;
    font-family: "Trajan Pro";
    letter-spacing: 0;
    color: #FFF
}

/* #title a{display:block;text-indent:-999em;width:250px;height:30px;text-decoration:none;color:#FFF;background:url(img/title.gif) no-repeat} */
#tagline {
    float: left;
    padding: 0 3px;
    border-top: 1px solid #FFF;
    text-decoration: none;
    font-size: 10px;
    color: #FFF;
    margin-top: 5px;
}

#header .banner {
    float: right;
    padding: 15px 15px 0;
    color: #999
}

/* header END */

/* navigation START */
#navigation {
    border-bottom: 1px solid #A6A6A6;
    background: #FFF
}

#menus li {
    display: inline;
    list-style: none
}

#menus li a {
    float: left;
    display: block;
    height: 31px;
    margin-left: -10px;
    padding: 0 20px;
    line-height: 31px;
    text-decoration: none;
    font-size: 11px;
    z-index: 1;
    color: #382E1F;
    background: transparent url(img/menu.gif) no-repeat
}

#menus li a:hover,
#menus li a.current {
    background-position: 0 -31px
}

#menus li.current_page_item a,
#menus li.current-cat a {
    background-position: 0 -62px
}

#menus li a.home {
    text-indent: -999em;
    width: 45px;
    margin-left: 0;
    padding: 0;
    background-position: 0 -93px
}

#menus li a.home:hover {
    background-position: 0 -124px
}

#menus li.current_page_item a.home {
    background-position: 0 -155px
}

#menus li a.lastmenu:hover {
    cursor: default;
    background-position: 0 0
}

#menus li ul {
    display: none;
    border: solid #A6A6A6;
    border-width: 1px 1px 0;
    position: absolute;
    line-height: 0;
    z-index: 1;
    background: #F4F5F7
}

#menus li li {
    float: none;
    margin: 0;
    padding: 0;
    list-style: none
}

#menus li li a {
    display: block;
    float: none;
    width: 175px;
    height: auto;
    margin: 0;
    padding: 7px 18px 7px 10px;
    border-bottom: 1px solid #DDD;
    line-height: 145%;
    text-decoration: none;
    color: #999;
    background-image: none
}

#menus li li a.last {
    border-color: #A6A6A6
}

#menus li li a:hover,
#menus li li a.current {
    color: #382E1F;
    background-color: #EDEFF0
}

#menus li li a.subtitle,
#menus li li a.subtitle:hover {
    background-image: url(img/arrow.gif);
    background-repeat: no-repeat;
    background-position: 100% 50%
}

#searchbox {
    display: block;
    float: right;
    width: 209px;
    height: 21px;
    margin-top: 4px;
    margin-right: 10px !important;
    margin-right: 5px;
    padding: 3px 2px;
    background: url(img/searchbox.gif) no-repeat
}

#searchbox .textfield {
    float: left;
    width: 185px;
    margin-right: 2px;
    padding-left: 2px;
    border: 0px;
    background: none
}

#searchbox .button {
    float: left;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    border: 0px;
    cursor: pointer;
    background: none
}

#searchbox .searchtip {
    color: #999
}

/* navigation END */

/* main START */
#main {
    float: left;
    width: 605px;
    overflow: hidden;
    padding: 13px 15px 15px;
    background: #FFF url(img/main_shadow.gif) top repeat-x
}

#notice {
    color: #080
}

#notice a {
    text-decoration: underline
}

#crumbs {
    margin: 5px 0;
    padding-left: 22px;
    line-height: 16px;
    background: url(img/icons.gif) no-repeat 0 -320px
}

.post {
    padding-bottom: 5px !important;
    padding-bottom: 15px
}

*+html .post {
    padding-bottom: 15px !important
}

.post h2 {
    display: block;
    margin-top: 15px;
    margin-bottom: 12px;
    padding: 0 5px 8px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 18px;
    font-family: Verdana, "BitStream vera Sans";
    line-height: 1.3
}

.post h2 a.title {
    text-decoration: none;
    color: #2c3e50
}

.post h2 a.title:hover {
    color: #3498db
}

.post h2 .act a {
    font-weight: normal
}

.post .info {
    margin: 8px 5px 10px
}

.post .info span.first {
    margin-left: 0
}

.post .date,
.post .author,
.post .editpost,
.post .comments,
.post .addcomment,
.post .addlink,
.post .editlinks {
    display: block;
    height: 18px;
    padding-left: 22px;
    line-height: 18px;
    font-size: 12px;
    color: #7f8c8d;
    background: url(img/icons.gif) no-repeat
}

.post .tags,
.post .categories {
    display: block;
    text-indent: -999em;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background: url(img/icons.gif) no-repeat
}

.post .under span.tags,
.post .under span.categories {
    margin-right: 6px
}

.post .act {
    float: right;
    height: 16px
}

.post .act span {
    float: left;
    margin-left: 15px
}

.post .tags {
    background-position: 0 -400px
}

.post .categories {
    background-position: 0 -480px
}

.post .date {
    float: left;
    margin-right: 15px;
    background-position: 0 -48px
}

.post .author {
    background-position: 0 0;
    float: left
}

.post .editpost {
    float: right;
    margin-left: 15px;
    background-position: 0 -64px
}

.post .comments {
    float: right;
    background-position: 0 -96px
}

.post .addcomment {
    float: right;
    margin-left: 15px;
    background-position: 0 -112px
}

.post .addlink {
    background-position: 0 -176px
}

.post .editlinks {
    background-position: 0 -192px
}

.post .content {
    overflow: hidden;
    font-family: -apple-system, "system-ui", "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
    padding: 8px 0 0 5px;
    color: #333
}

.post .content p {
    margin-bottom: 0px
}

.post .under {
    height: 18px;
    margin: 0 5px 15px;
    line-height: 18px;
    font-size: 12px;
    color: #7f8c8d
}

.post .under span {
    float: left;
    margin-right: 15px
}

.post .content h1,
.post .content h2,
.post .content h3,
.post .content h4,
.post .content h5,
.post .content h6 {
    margin-top: 24px;
    margin-bottom: 12px;
    color: #2c3e50;
    line-height: 1.4
}

.post .content h1 {
    font-size: 22px;
    margin-top: 1px;
    margin-bottom: 2px
        /* Reduce top margin for h1 */
}

.post .content h2 {
    font-size: 20px
}

.post .content h3 {
    font-size: 18px
}

.post .content h4 {
    font-size: 18px
}

.post .content h5 {
    font-size: 16px
}

.post .content h6 {
    font-size: 14px
}

.post .content img {
    max-width: 600px
}

.post .content ul {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 20px;
    list-style-type: disc
}

.post .content ol {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 20px;
    list-style-type: decimal
}

.post .content ul li {
    font-family: -apple-system, "system-ui", "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", Arial, sans-serif;
    list-style-position: outside;
    margin-bottom: 0px
}

.post .content ol li {
    font-family: -apple-system, "system-ui", "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", Arial, sans-serif;
    list-style-position: outside;
    margin-bottom: 0px;
    padding-left: 2px
}

/* Inline code */
.post .content code {
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    padding: 2px 6px;
    border-radius: 3px;
    font-family: 'Courier New', Courier, monospace;
    font-size: 13px;
    color: #c7254e
}

/* Code block */
.post .content pre {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 12px 15px;
    margin: 5px 0;
    overflow-x: auto;
    line-height: 1.6
}

.post .content pre code {
    background: none;
    border: none;
    padding: 0;
    color: #333;
    font-size: 13px
}

/* Blockquote */
.post .content blockquote {
    border: none;
    border-left: 4px solid #3498db;
    background: #f9f9f9;
    padding: 10px 15px;
    margin: 2px 0;
    font-style: italic;
    color: #555;
    word-wrap: break-word;
}

.post .content blockquote p {
    margin-bottom: 10px
}

.post .content blockquote p:last-child {
    margin-bottom: 0
}

/* Links */
.post .content a {
    color: #3498db;
    text-decoration: none;
    transition: color 0.2s ease
}

.post .content a:hover {
    color: #2980b9;
    text-decoration: underline
}

/* Strong/Bold text */
.post .content strong,
.post .content b {
    color: #2c3e50;
    font-weight: 600
}

/* Horizontal rule */
.post .content hr {
    border: none;
    height: 1px;
    background: linear-gradient(to right, transparent, #ddd 20%, #ddd 80%, transparent);
    margin: 24px 0
}

.post .content table {
    margin: 5px 0 10px;
    border: 1px solid #e0e0e0;
    border-collapse: collapse;
    background: #FFF;
    border-radius: 4px;
    overflow: hidden
}

.post .content th,
.post .content td {
    text-align: left;
    vertical-align: top;
    padding: 8px 12px;
    border: 1px solid #e0e0e0
}

.post .content th {
    background: #f5f7fa;
    font-weight: 600;
    color: #2c3e50
}

.post .content tr:hover td {
    background-color: #f8f9fa
}

.post .content tr.even td {
    background: #fafafa
}

.post .content img {
    max-width: 600px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1)
}

.post .content .boxcaption {
    background-image: url(img/postbox.gif)
}

.post .content .box {
    background-image: url(img/postbox.gif)
}

#textnavi {
    padding: 5px 0 15px;
}

#textnavi span {
    display: inline-block;
    padding: 3px 7px;
}

#textnavi a {
    display: inline-block;
    text-decoration: none;
    border: 1px solid #FFF
}

#textnavi a:hover {
    text-decoration: none
}

/*#textnavi span{float:left;height:16px;padding:0 7px 0 22px;line-height:16px;background:url(img/icons.gif) no-repeat 0 -272px}*/
#textnavi span {
    border: 1px solid #F7F7F7;
    font-weight: bold;
    background: #F7F7F7
}

#textnavi a span {
    font-weight: normal;
    border: 1px solid #FFF;
    background: #FFF
}

#textnavi a:hover span {
    border: 1px solid #CCC;
    background: #F7F7F7
}

#pagenavi,
#postnavi {
    margin: 10px -5px 0;
    padding: 10px 5px 0;
    border-top: 1px solid #CCC
}

#pagenavi {
    font-size: 11px
}

#pagenavi .newer a,
#postnavi .prev a {
    float: left;
    height: 16px;
    padding-left: 22px;
    line-height: 16px;
    background: url(img/icons.gif) no-repeat 0 -224px
}

#pagenavi .older a,
#postnavi .next a {
    float: right;
    height: 16px;
    padding-right: 22px;
    line-height: 16px;
    background: url(img/icons.gif) no-repeat 100% -240px
}

/* main END */

/* sidebar START */
#sidebar {
    float: right;
    width: 300px;
    padding-top: 8px;
    overflow: hidden;
    line-height: 145%;
    font-size: 95%;
    background: #F7F7F7 url(img/sidebar_shadow.gif) repeat-x 50% 0
}

#sidebar li {
    padding-left: 22px;
    list-style: none;
    margin-top: 5px;
    background: url(img/icons.gif) no-repeat 0 -624px
}

#sidebar .content,
#sidebar li {
    font-size: 12px
}

#centersidebar,
#northsidebar .widget,
#southsidebar .widget {
    padding: 10px 15px 16px;
    background: url(img/widgetsep.png) bottom no-repeat
}

#centersidebar {
    padding-bottom: 6px
}

#northsidebar,
#southsidebar {
    font-size: 95%
}

#northsidebar .widget h2,
#southsidebar .widget h2 {
    margin-bottom: 10px
}

#northsidebar .widget .content p,
#southsidebar .widget .content p {
    margin-bottom: 10px
}

#westsidebar {
    float: left;
    width: 121px;
    overflow: hidden;
    padding-right: 5px;
    font-size: 95%
}

#eastsidebar {
    float: right;
    width: 129px;
    overflow: hidden;
    font-size: 95%
}

#westsidebar h3,
#eastsidebar h3 {
    margin-bottom: 5px
}

#westsidebar .widget,
#eastsidebar .widget {
    margin-bottom: 15px
}

#sidebar .widget_feeds {
    padding: 5px 15px 15px
}

#sidebar #feedrss,
#sidebar #feedemail,
#sidebar #followme {
    display: block;
    float: left;
    height: 25px;
    padding: 5px 5px 5px 36px;
    text-decoration: none;
    line-height: 25px;
    font-size: 11px
}

#sidebar #feedrss {
    background: url(img/feeds.gif) no-repeat 5px 5px
}

#sidebar #feedemail {
    margin-left: 10px;
    background: url(img/feeds.gif) no-repeat 5px -45px
}

#sidebar #followme {
    margin-left: 10px;
    background: url(img/feeds.gif) no-repeat 5px -95px
}

#subscribe ul {
    display: none;
    width: 180px;
    padding: 5px;
    border: 1px solid #B7B7B7;
    position: absolute;
    background: #F4F5F7
}

#subscribe li {
    list-style: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    background: transparent
}

#subscribe li a span {
    display: block;
    text-indent: -999em;
    height: 20px;
    width: 80px;
    background: url(img/readers.gif) no-repeat
}

#subscribe li#google_reader a span {
    background-position: 0 0
}

#subscribe li#youdao_reader a span {
    background-position: 0 -20px
}

#subscribe li#xianguo_reader a span {
    background-position: 0 -40px
}

#subscribe li#zhuaxia_reader a span {
    background-position: 0 -60px
}

#subscribe li#yahoo_reader a span {
    background-position: 0 -80px
}

#subscribe li#newsgator_reader a span {
    background-position: 0 -100px
}

#subscribe li#bloglines_reader a span {
    background-position: 0 -120px
}

#subscribe li#inezha_reader a span {
    background-position: 0 -140px
}

#subscribe li#qq_reader a span {
    background-position: 0 -160px
}

#subscribe li#douban_reader a span {
    background-position: 0 -180px
}

#subscribe li a {
    display: block;
    width: 80px;
    padding: 5px;
    text-decoration: none;
    font-size: 12px
}

#subscribe li a:hover {
    background: #EEDDCC
}

#tag_cloud a {
    line-height: 130%
}

/* sidebar END */

/* footer START */
#footer {
    display: block;
    width: 100%;
    height: 88px;
    border-top: 1px solid #CCC;
    line-height: 145%;
    font-size: 11px;
    background: url(img/footer.jpg) no-repeat 0 0
}

#footer a {
    color: #2A2A2A
}

#copyright {
    margin-top: 12px;
    margin-left: 20px
}

#themeinfo {
    margin-left: 20px
}

a#powered {
    display: block;
    float: left;
    text-indent: -999em;
    width: 92px;
    height: 57px;
    margin: 0 10px 0 5px;
    background: url(img/wp-logo.png) no-repeat
}

a#gotop {
    display: block;
    float: right;
    height: 16px;
    padding-left: 16px;
    margin: 5px 15px 0 0 !important;
}

/* footer END */

/* comment START */
#commentlist {
    margin: 0 -15px;
    padding: 0 15px;
    border-top: 1px solid #eee;
    border-bottom: none;
    background: transparent;
}

#commentlist ol,
#commentlist li {
    list-style: none
}

#cmtswitcher {
    padding-top: 5px;
    font-size: 10px;
    background: transparent;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

#cmtswitcher a.tab,
#cmtswitcher a.curtab {
    display: block;
    float: right;
    margin-bottom: -1px;
    padding: 5px 10px;
    position: relative;
    text-decoration: none;
    color: #999;
    border-bottom: 2px solid transparent;
}

#cmtswitcher a.tab {
    border: none;
}

#cmtswitcher a.curtab {
    border: none;
    border-bottom: 2px solid #333;
    color: #333;
    background: transparent;
    font-weight: bold;
}

#cmtswitcher .addcomment,
#cmtswitcher .addtrackback {
    display: block;
    float: left;
    height: 16px;
    margin-right: 15px;
    margin-top: 4px !important;
    margin-top: 3px;
    padding-left: 22px;
    line-height: 16px;
    font-size: 11px
}

#cmtswitcher .addcomment {
    background: url(img/icons.gif) no-repeat 0 -112px
}

#cmtswitcher .addtrackback {
    background: url(img/icons.gif) no-repeat 0 -144px
}

#thecomments,
#thetrackbacks {
    padding-bottom: 15px
}

#thecomments .comment,
#thecomments .messagebox {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 8px;
    border-bottom: none;
    background: #e4f0f8;
    border-radius: 2px;
}

.comment .author {
    display: inline-block;
    vertical-align: baseline;
}

.comment .pic {
    display: none;
}

.comment .name {
    display: inline;
    font-weight: bold;
    font-size: 12px;
    margin-right: 6px;
    color: #333;
}

.comment .avatar {
    display: none;
}

.comment .info {
    display: inline-block;
    vertical-align: baseline;
    margin-left: 0;
    padding: 0;
    background: none;
    line-height: 1;
}

.comment .date,
.trackback .date {
    display: inline;
    font-size: 11px;
    color: #999;
}

.comment .act,
.trackback .act {
    float: right;
    font-size: 10px;
}

.comment .act a {
    color: #999;
    margin-left: 6px;
}

.comment .act a:hover {
    color: #333;
    text-decoration: underline;
}

.comment .info>div[style*="clear"] {
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}

.comment .content {
    clear: both;
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    line-height: 1.5;
    background: none;
    color: #555;
    font-size: 12px;
}

.comment .content p {
    margin-top: 4px;
    margin-bottom: 4px;
}

.comment .content blockquote p {
    margin-top: 0;
    margin-bottom: 8px;
}

/* 嵌套评论样式 */
.children {
    margin-left: 20px;
    margin-top: 5px;
    padding-left: 10px;
    border-left: 1px solid #e5e5e5;
}

.children .comment {
    margin-top: 5px;
    margin-bottom: 0;
}



.children .children {
    margin-left: 15px;
    padding-left: 8px;
    border-left-color: #eee;
}

.children .children .comment {
    background: #f8fdf9;
}

.children .children .comment .content {
    color: #4a8e5a;
}

/* 限制最大嵌套层级的缩进 */
.children .children .children {
    margin-left: 10px;
    padding-left: 6px;
}

.children .children .children .comment {
    background: #fdfaf8;
}

.children .children .children .comment .content {
    color: #9e6a4a;
}

.admincomment .author {
    display: inline-block;
    vertical-align: baseline;
}

.admincomment .pic {
    display: none;
}

.admincomment .name {
    display: inline;
    font-weight: bold;
    font-size: 12px;
    margin-right: 6px;
    color: #e67e22;
}

.admincomment .info {
    display: inline-block;
    vertical-align: baseline;
    margin-left: 0;
}

#comment_login {
    margin-top: 15px
}

#thetrackbacks {
    display: none
}

#thetrackbacks li {
    margin-top: 15px
}

.trackback {
    width: auto;
    padding: 10px 15px;
    background: #f9f9f9;
    border: 1px solid #eee;
}

.trackback .title {
    width: auto;
    margin: 0;
    padding: 0 0 5px;
    background: none;
    font-weight: bold;
}

#respond {
    padding: 20px 0 0;
    font-size: 12px;
}

#respond .row {
    margin-bottom: 10px
}

#respond .textfield {
    width: 100%;
    max-width: 300px;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fff;
}

#emoticon {
    float: right;
    margin-top: 1px;
    margin-right: 10px
}

#comment {
    width: 100%;
    max-width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fff;
    box-sizing: border-box;
}

#commentnavi {
    padding: 15px 0;
    font-size: 11px;
    background: transparent;
    border-top: 1px solid #eee;
}

#commentnavi a.page-numbers {
    margin: 0 2px;
    padding: 5px 10px;
    border: 1px solid #eee;
    text-decoration: none;
    border-radius: 3px;
}

#commentnavi a.page-numbers:hover {
    border: 1px solid #ccc;
    text-decoration: none;
    background: #f5f5f5;
}

#commentnavi span.pages {
    float: left;
    height: 16px;
    padding: 0 7px 0 22px;
    line-height: 16px;
    background: url(img/icons.gif) no-repeat 0 -272px
}

#commentnavi span.current {
    margin: 0 2px;
    padding: 5px 10px;
    border: 1px solid #333;
    font-weight: bold;
    background: #333;
    color: #fff;
    border-radius: 3px;
}

#commentnavi #commentpager {
    line-height: 16px
}

#submitbox a.feed {
    display: block;
    float: left;
    height: 16px;
    padding-left: 22px;
    line-height: 16px;
    background: url(img/icons.gif) no-repeat 0 -256px
}

#submitbox #submit {
    padding: 8px 20px;
    border: none;
    font-size: 12px;
    cursor: pointer;
    color: #333;
    background: #e8f4f8;
    border: 1px solid #b8d4e0;
    border-radius: 3px;
    font-weight: bold;
    transition: all 0.2s;
}

#submitbox #submit:hover {
    background: #d0e8f0;
    border-color: #a0c4d0;
    color: #222;
}

#submitbox .submitbutton {
    float: right
}

#cp_post_id {
    display: none
}

/* comment END */


#wp-calendar {
    width: 100%
}

#wp-calendar #today {
    background: #E6E6E6
}

#wp-calendar tbody a {
    font-weight: bold
}

#wp-calendar caption {
    text-align: left;
    padding-bottom: 5px;
    letter-spacing: -0.05em;
    font-size: 150%;
    font-weight: bold;
    font-family: Arial
}

#wp-calendar th,
#wp-calendar td {
    text-align: center
}

#wp-calendar tbody td {
    border: 1px solid #CCC
}

#wp-calendar tbody td.pad {
    border: 0 none
}

#wp-calendar th {
    color: #FFF;
    background: #999
}

#wp-calendar td#prev {
    text-align: left;
    padding-top: 5px
}

#wp-calendar td#next {
    text-align: right;
    padding-top: 5px
}

/* calendar END */

/* linkcat START */
.post .content .linkcat ul {
    padding-left: 0;
}

.post .content .linkcat ul li {
    list-style: none;
    float: left;
    text-indent: 0 !important;
    text-indent: 0;
    width: 25%;
    padding: 2px 0;
    padding-left: 22px !important;
    padding-left: 22px;
    overflow: hidden;
    background: url(img/icons.gif) no-repeat 0 -557px
}

*+html .post .content .linkcat ul li {
    padding-left: 0 !important;
    text-indent: 0 !important
}

.post .content .linkcat ul li a {
    height: 16px;
    line-height: 16px;
}

/* linkcat END */

/* related posts START */
#related_posts {
    padding-bottom: 10px
}

#related_posts h3 {
    padding: 6px 12px;
    border-bottom: 1px solid #CCC;
    letter-spacing: 0em;
    font-size: 12px;
    font-family: Verdana, "BitStream vera Sans", Arial, Helvetica, Sans-serif;
    background: #E3E4E6 url(img/box.gif) no-repeat 0 0
}

#related_posts ul {
    padding: 3px 12px 8px;
    background: #F4F5F7 url(img/box.gif) no-repeat 100% 100%
}

#related_posts ul li {
    list-style: none;
    padding: 3px 5px;
    border-bottom: 1px solid #E3E4E6;
    line-height: 18px
}

#related_posts .count {
    font-size: 10px
}

#related_posts .excerpt {
    display: block;
    font-size: 11px;
    color: #999
}

/* related posts END */

/* one-column START */
.one-column #content {
    background: #FFF
}

.one-column #main {
    width: 906px
}

.one-column #comment {
    width: 902px
}


.one-column .boxcaption,
.one-column .box,
.one-column .trackback,
.one-column .trackback .title,
.one-column #commentnavi,
.one-column #related_posts h3,
.one-column #related_posts ul {
    background-image: url(img/box_1col.gif)
}

.one-column .messagebox,
.one-column .errorbox {
    background-image: url(img/messagebox_1col.gif)
}

.one-column .post .content .boxcaption,
.one-column .post .content .box {
    background-image: url(img/postbox_1col.gif)
}

/* one-column END */

/* User Nav */
#user-nav {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #ccc;
    font-size: 11px;
}

#user-nav a {
    color: #ccc;
    text-decoration: none;
}

#user-nav a:hover {
    text-decoration: underline;
}

/* Nested Comments */
.comment-list,
.children {
    list-style: none;
    padding: 0;
    margin: 0;
}

.children {
    margin-left: 20px;
    border-left: 1px dashed #ccc;
}

.comment {
    margin-bottom: 10px;
    /* Reduced from 15px */
    padding: 8px 10px;
    /* Reduced vertical padding */
    border: 1px solid #eee;
    border-radius: 4px;
    /* Added rounded corners */
    position: relative;
}

/* Comment Depth Colors (Cyclic 8 levels) */
#thecomments .comment.depth-1,
#thecomments .comment.depth-9 {
    background: linear-gradient(to bottom, #f4f4f4, #ffffff);
}

#thecomments .comment.depth-2,
#thecomments .comment.depth-10 {
    background: linear-gradient(to right, #E3F2FD, #ffffff);
}

#thecomments .comment.depth-3,
#thecomments .comment.depth-11 {
    background: linear-gradient(135deg, #F1F8E9, #ffffff);
}

#thecomments .comment.depth-4,
#thecomments .comment.depth-12 {
    background: linear-gradient(to left, #FFF3E0, #ffffff);
}

#thecomments .comment.depth-5,
#thecomments .comment.depth-13 {
    background: linear-gradient(to bottom left, #F3E5F5, #ffffff);
}

#thecomments .comment.depth-6,
#thecomments .comment.depth-14 {
    background: linear-gradient(45deg, #E0F2F1, #ffffff);
}

#thecomments .comment.depth-7,
#thecomments .comment.depth-15 {
    background: linear-gradient(to bottom right, #FFF8E1, #ffffff);
}

#thecomments .comment.depth-8,
#thecomments .comment.depth-16 {
    background: linear-gradient(to top right, #FFEBEE, #ffffff);
}

/* Light Orange */

.comment .info {
    border-bottom: 1px dashed #ddd;
    /* Lighter border */
    padding-bottom: 5px;
    /* Reduced from 8px */
    margin-bottom: 8px;
    /* Reduced from 12px */
    font-size: 12px;
    color: #888;
    /* Softer text color */
    display: block;
}

.comment .author {
    font-weight: bold;
    font-size: 11px;
    color: #444;
    margin-right: 10px;
    white-space: nowrap;
}

.comment .content {
    font-size: 13px;
    line-height: 1.5;
    /* Slightly tighter line height */
    display: block;
    clear: both;
    color: #333;
}

.comment .reply {
    margin-top: 5px;
    /* Reduced from 10px */
    text-align: left;
}

.comment .reply a {
    color: #2970A6;
    text-decoration: none;
    font-size: 12px;
    margin-right: 10px;
}

.comment .reply a:hover {
    text-decoration: underline;
}

/* Deleted Comment Placeholder */
.deleted-comment {
    color: #999;
    font-style: italic;
}

/* PrismJS High Contrast Overrides - Custom Style */
code[class*="language-"],
pre[class*="language-"] {
    color: #24292e !important;
    text-shadow: none !important;
}

/* Comments - Dark Green */
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: #006400 !important;
}

/* Punctuation - Default Text Color */
.token.punctuation {
    color: #24292e !important;
}

/* Keywords - Red (No Bold) */
.token.keyword,
.token.atrule,
.token.attr-value {
    color: #d73a49 !important;
    font-weight: normal !important;
}

/* Strings - Dark Blue */
.token.string,
.token.char,
.token.attr-name {
    color: #032f62 !important;
}

/* Functions - Deep Purple & Bold */
.token.function {
    color: #4b0082 !important;
    font-weight: bold !important;
}

/* Numbers/Booleans/Constants - Blue */
.token.number,
.token.boolean,
.token.constant,
.token.symbol {
    color: #005cc5 !important;
}

/* Classes/Types - Orange */
.token.class-name,
.token.builtin {
    color: #e36209 !important;
}

/* Operators - Blue */
.token.operator,
.token.entity,
.token.url {
    color: #005cc5 !important;
    background: none !important;
}

/* Quote Button */
.quote-button {
    display: none;
    position: absolute;
    z-index: 1000;
    padding: 5px 10px;
    background-color: #333;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.quote-button:hover {
    background-color: #555;
}

.quote-button:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

/* Comment Blockquotes */
#thecomments blockquote {
    margin: 10px 0 0 0;
    padding: 10px 10px;
    border-left: 3px solid #ccc;
    background-color: #ebebeb;
    color: #515050;
    font-style: italic;
    border-top: none;
    border-right: none;
    border-bottom: none;
    background-image: none;
    /* Remove the default quote icon if it clashes */
    line-height: 1.5 !important;
    /* Reduced line height */
}

#thecomments blockquote p {
    margin: 0 0 2px;
    /* Reduced paragraph spacing */
}

#thecomments blockquote p:last-child {
    margin: 0;
}

/* Visual Comment Editor */
.comment-editor {
    padding: 2px 1px;
    border: 1px solid #A6A6A6;
    font-size: 12px;
    font-family: Verdana, "BitStream vera Sans", Helvetica, Sans-serif;
    background: #FFF url(img/textfield.gif) repeat-x 50% 0;
    min-height: 150px;
    /* Approximate height of rows=8 */
    overflow-y: auto;
    white-space: pre-wrap;
    /* Preserve whitespace */
    display: block;
    width: 98%;
    /* Match typical textarea width */
}

.comment-editor blockquote {
    margin: 1px 0;
    padding: 10px 10px;
    border-left: 3px solid #ccc;
    background-color: #ebebeb;
    color: #515050;
    font-style: italic;
    border-top: none;
    border-right: none;
    border-bottom: none;
    background-image: none;
    line-height: 1.5 !important;
}

.comment-editor blockquote p {
    margin: 0 0 2px;
}

.comment-editor blockquote p:last-child {
    margin: 0;
}

/* Tag Cloud Spacing */
#tag_cloud h3 {
    margin-bottom: 5px;
}