/* vim: set et sw=4 ts=4 sts=4 fdm=marker ff=unix fenc=utf8 */
/**
 * Typecho 后台样式
 *
 * @author  i.feelinglucky@gmail.com
 * @since   2008-09-26
 * @link    http://www.typecho.net/
 * @version $Id: grid.source.css 470 2008-09-26 15:23:38Z i.feelinglucky $
 */

/**
 * Typecho 全局样式
 */
 
html {
    height: 100%;
}
 
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #F6F6F3;
    color: #444;
    font-size: 87.5%;
    line-height: 1.5;
}

a {
    color: #467B96;
    text-decoration: none;
}

a:hover {
    color: #6DA1BB;
    text-decoration: underline;
}

code, pre, .mono { 
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.p { margin: 1em 0; }

a.balloon-button {
    display: inline-block;
    padding: 0 6px;
    min-width: 12px;
    height: 18px;
    line-height: 18px;
    background: #D8E7EE;
    font-size: .85714em;
    text-align: center;
    text-decoration: none;
    
    /** 修正ie中文不对齐 */
    zoom:1;
    
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

a.button:hover, a.balloon-button:hover {
    background-color: #A5CADC;
    color: #FFF;
    text-decoration: none;
}

/*a.size-1 {
    background: #C4CD9C;
}

a.size-10 {
    background: #AFBA7C;
}

a.size-20 {
    background: #9AA859;
}

a.size-50 {
    background: #717B40;
}

a.size-100 {
    background: #545C30;
}

a.size-0 {
    background: #373D1F;
}*/

/*a.size-1:hover {
    background: #AFBA7C;
}

a.size-10:hover {
    background: #9AA859;
}

a.size-20:hover {
    background: #717B40;
}

a.size-50:hover {
    background: #545C30;
}

a.size-100:hover {
    background: #373D1F;
}

a.size-0:hover {
    background: #2C3018;
}

a.important {
    color: #fff;
}*/

/*
 * Forms
 */

input[type=text], input[type=password], input[type=email],
textarea {
    background: #FFF;
    border: 1px solid #D9D9D6;
    padding: 7px;

    border-radius: 2px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

textarea {
    resize: vertical;
    line-height: 1.5;
}

input[type="radio"], input[type="checkbox"] { margin-right: 3px; }

input.text-s { padding: 5px; }
input.text-l {
    padding: 10px;
    font-size: 1.14286em;
}

.w-10 { width: 10%; }
.w-20 { width: 20%; }
.w-30 { width: 30%; }
.w-40 { width: 40%;}
.w-50 { width: 50%;}
.w-60 { width: 60%;}
.w-70 { width: 70%;}
.w-80 { width: 80%;}
.w-90 { width: 90%;}
.w-100 { width: 100%;}

/** hack webkit border by 70 */
select {
    border: 1px solid #CCC;
    height: 28px;
}

button {
    display: inline-block;
    margin: 0;
    padding: 0 12px;
    height: 32px;
    color: #666;
    vertical-align: middle;
    cursor: pointer;
    zoom: 1;

    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#fcfcfc, #eeeeee);
    background-image: -moz-linear-gradient(#fcfcfc, #eeeeee);
    background-image: -o-linear-gradient(#fcfcfc, #eeeeee);
    background-image: linear-gradient(#fcfcfc, #eeeeee); 
}

.btn-s { height: 28px; }
.btn-l { height: 40px; font-size: 1.14286em; font-weight: bold; }

button.primary {
    border-color: #8ABAD7;
    border-bottom-color: #64a4ca;
    color: #467b96;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8f2f8), color-stop(100%, #d9eaf2));
    background-image: -webkit-linear-gradient(#e8f2f8, #d9eaf2);
    background-image: -moz-linear-gradient(#e8f2f8, #d9eaf2);
    background-image: -o-linear-gradient(#e8f2f8, #d9eaf2);
    background-image: linear-gradient(#e8f2f8, #d9eaf2);
}


button, .dropdown-menu {
    border: 1px solid #BBB;
    border-bottom-color: #AAA;
    -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0 1px 2px, inset white 0 1px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.12) 0 1px 2px, inset white 0 1px 0;
    box-shadow: rgba(0, 0, 0, 0.12) 0 1px 2px, inset white 0 1px 0;

    border-radius: 2px;
}

button:hover { 
    background: #F6F6F6;
    color: #777;
}

button:disabled, button:active, button.active {
    background: #DDD;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.12) 0 0 4px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.12) 0 0 4px;
    box-shadow: inset rgba(0, 0, 0, 0.12) 0 0 4px; }
}

button:disabled {
    color: #AAA;
    border-color: #CCC;
    cursor: default;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

button.primary:hover {
    background: #e0eef6;
    color: #5591b0;
}

button.primary:active, button.primary.active {
    background: #dcebf4;
}

.btn-group {
    display: inline-block; 
}

.btn-group > a, .btn-group > span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin-left: -1px;
}

.btn-group > a:first-child, .btn-group > span:first-child {
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px; 
}

.btn-group > a:last-child, .btn-group > a.dropdown-toggle, .btn-group > span:last-child, .btn-group > span.dropdown-toggle {
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.btn-drop {
    position: relative;
}

.dropdown-menu {
    list-style: none;
    position: absolute;
    z-index: 2;
    left: 0;
    margin: 0;
    padding: 0;
    background: #f9f9f7;
    text-align: left;
    min-width: 108px;
    display: none;
}

.dropdown-menu li {
    white-space: nowrap;
}

.dropdown-menu li p {
    padding: 5px 15px;
}

.dropdown-menu li a {
    display: block;
    padding: 3px 15px;
    color: #666;
}

.dropdown-menu li a:hover {
    background: #e9e9e9;
    text-decoration: none !important;
}


/**
 * logo 的样式
 */
/*.logo {
    display: block;
    height: 20px;
    width: 92px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../images/sprite.png) no-repeat scroll 0px -78px;
}*/

.loading {
    padding-left: 20px;
    background: transparent url(../images/ajax-loader.gif) no-repeat left center;
}


/**
 * 典型配置选项
 */
.typecho-option {
    list-style: none;
    margin: 1em 0;
    padding: 0;
}

.typecho-option li {
}

.typecho-option-submit li {
    border-bottom: none;
}

.typecho-option label.typecho-label {
    display: block;
    margin-bottom: .5em;
    font-weight: bold;
}
.typecho-option label.required:after {
    content: " *";
    color: #B94A48;
}
.typecho-option label.typecho-label+input {
}

.typecho-option .description {
    margin: .5em 0 0;
    color: #999;
    font-size: .92857em;
}

/** 增加配置面板内部的错误样式 by 70 */
.typecho-option .message {
    padding: 2px 4px;
    font-size: 13px;
    width: 325px;
    margin-top: 5px;
}

.typecho-mini-panel .typecho-option .message {
    width: 250px;
}


/**
 * 提示信息框
 */
.message {
    padding: 5px 10px;
    margin-bottom: 10px;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    
    /* hope IE support border radius, God save me! */
    border-radius: 3px;
}

.message a {
    font-weight: bold;
    text-decoration: underline;
}

.message blockquote {
    margin: 5px 10px;
    padding: 0 5px;
}

.error {
    border: 1px solid #fbc2c4;
    background: #fbe3e4;
    color: #8A1F11;
}

.error a {
    color: #8A1F11;
}

.notice {
    background: #fff6bf;
    border: 1px solid  #ffd324;
    color: #514721;
}

.notice a {
    color: #514721;
}

.success {
    background: #e6efc2;
    border: 1px solid #c6d880;
    color: #264409;
}

.success a {
    color: #264409;
}

/** 增加顶部消息样式 by 70 */
.popup {
    border-width: 0 0 1px 0;
    position: relative;
    z-index: 10;
    text-align: center;
    font-weight: bold;
    display: none;
    margin: 0;

    -moz-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-border-radius: 0;
    
    /* hope IE support border radius, God save me! */
    border-radius: 0;
    border-radius: 0;
}

.popup ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/** 
 * 安装样式
 * 
 * @author mingcheng
 * @date   2008-09-06
 */
/**
 * 安装向导
 */
.typecho-install-patch {
    margin-bottom: 2em;
    padding: 2em 0;
    background-color: #292D33;
    color: #FFF;
    text-align: center;
}

.typecho-install-patch ol {
    list-style: none;
    margin: 3em 0 1em;
    padding: 0;
    color: #999;
}
.typecho-install-patch li {
    display: inline-block;
    margin: 0 .8em;
}
.typecho-install-patch span {
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 2px solid #999;
    text-align: center;
    border-radius: 2em;
}
.typecho-install-patch li.current {
    color: #FFF;
    font-weight: bold;
}
.typecho-install-patch li.current span {
    border-color: #FFF;
}


/**
 * 安装主体内容
 */
.typecho-install {
}

.typecho-install .typecho-install-title, .typecho-install .typecho-install-body {
}

.typecho-install .typecho-install-title {
}

.typecho-install .typecho-install-body {

}

.typecho-install .typecho-install-body h2 {
}

.typecho-install .typecho-install-body input {
    width: 100%;
}

.typecho-install .session {
}

.typecho-install .session ul {
}

.typecho-install .session a:link, .typecho-install .session a:hover {
}

.typecho-install .typecho-option {
}

.typecho-install .typecho-option li {
}

.typecho-install .typecho-option .message {
}

.typecho-install .typecho-option .message,
.typecho-install .typecho-option input {
}

.typecho-install .typecho-option input.mini {
}

/*
.typecho-install .submit {
margin-top: 25px;
}
 */

/**
 * 欢迎界面
 */

#typecho-welcome {
    margin: 1em 0;
    padding: 1em 2em;
    background-color: #E9E9E6;
}

/**
 * 后台分页
 */

.typecho-pager {
    list-style: none;
    margin: 30px 0 0;
    padding: 0;
    font-size: 1.14286em;
    line-height: 1;
    text-align: center;
    zoom: 1;
}

.typecho-pager li {
    display: inline-block;
    margin: 0 3px;
    height: 32px;
    line-height: 32px;
}

.typecho-pager a {
    display: block;
    padding: 0 15px;
}

.typecho-pager a:hover {
    text-decoration: none;
    background: #E9E9E6;
}

.typecho-pager li.current a {
    background: #E9E9E6;
    color: #444;
}


/**
 * 登录框
 */
.typecho-login {
    margin: 150px auto 0;
    width: 280px;
    height: 100%;
    text-align: center;
}

.typecho-login .more-link {
    margin-top: 2em;
    color: #CCC;
}
.typecho-login .more-link a { margin: 0 3px; }



/**
 * 后台头部导航
 */
.typecho-head-nav {
    padding: 0 10px;
    background: #292D33;
}

.typecho-head-nav a {
    color: #BBB;
}
.typecho-head-nav a:hover {
    color: #FFF;
    text-decoration: none;
}

/*.typecho-head-nav .site-name {
    display: inline-block;
    float: left;
    padding: 0 20px 0 10px;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
}*/

#typecho-nav-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#typecho-nav-list ul:first-child {
    border-left: 1px solid #383D45;
}

#typecho-nav-list .root {
    position: relative;
    float: left;
}

#typecho-nav-list .parent a {
    display: block;
    float: left;
    padding: 0 20px;
    border-right: 1px solid #383D45;
    height: 36px;
    line-height: 36px;
    color: #BBB;
}

#typecho-nav-list .parent a:hover,
#typecho-nav-list .focus .parent a,
#typecho-nav-list .root:hover .parent a {
    background: #202328;
    color: #FFF;
    text-decoration: none;
}

#typecho-nav-list .focus .parent a {
    font-weight: bold;
}

#typecho-nav-list .child {
    display: none;
    position: absolute;
    top: 36px;
    margin: 0;
    min-width: 160px; 
    max-width: 240px;
    background: #202328;
    overflow: hidden;
    z-index: 250;
}

#typecho-nav-list .root:hover .child {
    display: block;
}

#typecho-nav-list .child li {
}

#typecho-nav-list .child li:first-child {
}

#typecho-nav-list .child li.last {
}

#typecho-nav-list .child li a {
    color: #BBB;
    display: block;
    padding: 0 20px;
    overflow: hidden;
    text-overflow : ellipsis;
    white-space: nowrap;
    height: 36px;
    line-height: 36px;
}

#typecho-nav-list .child li a:hover {
    background: #292D33;
    color: #FFF;
}
#typecho-nav-list .child li.focus a {
    color: #6DA1BB;
    font-weight: bold;
}

.typecho-head-nav .operate {
    float: right;
}
.typecho-head-nav .operate a {
    display: inline-block;
    margin-left: -1px;
    padding: 0 20px;
    border: 1px solid #383D45;
    border-width: 0 1px;
    line-height: 36px;
    color: #BBB;
}
.typecho-head-nav .operate a:hover {
    background-color: #202328;
    color: #FFF;
}


/**
 * 注脚
 */
.typecho-foot {
    padding: 4em 0;
    color: #999;
    line-height: 1.8;
    text-align: center;
}

.typecho-foot .resource {
    color: #CCC;
}

.typecho-foot .resource a {
    margin: 0 3px;
    color: #999;
}



.typecho-foot-v2 {
    text-align: left;
}

.typecho-foot-v2 h4 {
    float: left;
    margin-right: 10px;
}

.typecho-foot-v2 h4 a {
    margin: 0px;
}

.typecho-foot-v2 .resource ul {
    text-align: left;
}

/**
 * 标题
 */
.typecho-page-title {
    margin-top: 1em;
}
.typecho-page-title h2 {
    font-size: 1.28571em;
}
.typecho-page-title h2 a {
    margin-left: 10px;
    padding: 3px 8px;
    background: #E9E9E6;
    font-size: .8em;

    border-radius: 2px;
}
.typecho-page-title h2 a:hover {
    background: #E6E6E3;
    color: #666;
    text-decoration: none;
}

/**
 * 后台页面主体
 */
.typecho-page-main {
}

.typecho-page-main .typecho-option-tabs {
}

/**
 * 后台主页左侧导航列表
 */
.typecho-dashboard-nav h3 {
}

.typecho-dashboard-nav h3.intro {
}

.typecho-dashboard-nav .intro-link {
}

.typecho-dashboard-nav .intro-link ul {
}

.typecho-dashboard-nav .intro-link li {
}

.typecho-dashboard-nav .balloon,
.typecho-option-tabs .balloon {
}

.typecho-dashboard-nav .dashboard-status {
}

.typecho-dashboard-nav .status p {
}

.typecho-dashboard-nav .update-check {
}

.typecho-dashboard-nav .update-check p {

}

.typecho-dashboard-nav .update-check .current {
}

.typecho-dashboard-nav .update-check .current em {
}

.typecho-dashboard-nav .update-check .latest {
}

.typecho-dashboard-nav .update-check .latest a,
.typecho-dashboard-nav .update-check .latest em {
}

/**
 * 主页主体
 */
.typecho-dashboard-main {

}

.typecho-dashboard-main .section {
}

.typecho-dashboard-main .section h4 {
}

.typecho-dashboard-main .section ul {
}

.typecho-dashboard-main .section li {
}

.typecho-dashboard-main .section .tags {
}

.typecho-dashboard-main .section .title {

}

.typecho-dashboard-main .section .date {

}

.typecho-dashboard-main .section .category {

}


/**
 * 标签页
 */
.typecho-option-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
}

.typecho-option-tabs a {
    display: block;
    margin-right: -1px;
    border: 1px solid #D9D9D6;
    padding: 0 15px;
    height: 24px;
    line-height: 24px;
    color: #666;
}
.typecho-option-tabs a:hover {
    background-color: #E9E9E6;
    color: #666;
    text-decoration: none;
}

.typecho-option-tabs li {
    float: left;
}

.typecho-option-tabs li.right {
    float: right;
}

.typecho-option-tabs li.current a {
    background-color: #E9E9E6;
}

.typecho-option-tabs li:hover, .typecho-option-tabs li.current {
}

.typecho-option-tabs li a:link, .typecho-option-tabs li a:visited {
}

/**
 * 表格列表页
 */

/**
 * 列表页选项
 */
.typecho-list .typecho-pager {
}

.typecho-list-operate {
    margin: 1em 0;
}

.typecho-list-operate input,
.typecho-list-operate button,
.typecho-list-operate select {
    vertical-align: bottom;
}

.typecho-list-operate input[type="checkbox"] {
    vertical-align: text-top;
}

.typecho-list-operate .operate {
    float: left;
}

.typecho-list-operate .search {
    float: right;
}

.typecho-list-operate .search a.button {
}

.typecho-list-operate .operate a.button {
}

.typecho-list-operate span.operate-button {
}

.typecho-list-operate span.operate-delete, a.operate-delete,
.typecho-list-operate span.operate-button-delete, a.operate-button-delete {
    color: #B94A48;
}

a.operate-edit {
    color: #007700;
}

a.operate-reply {
    color: #545c30;
}

.typecho-list-operate a:hover {
    text-decoration: none;
}

/**
 * 列表表格
 */
/** 增加表格标题 by 70 */
.typecho-list-table-title {
    margin: 1em 0;
    color: #999;
}

.typecho-list-table {
    border: 30px solid #FFF;
    width: 100%;
    background: #FFF;
}

.typecho-list-table.deactivate {
    color: #999;
}

.typecho-list-table .right {
    text-align: right;
}

.typecho-list-table-border {
    border-collapse: separate;
}

.typecho-list-table-border td {
}

.typecho-list-table input {
}

.typecho-list-table thead {
}

.typecho-list-table th {
    padding: 0 10px 10px;
    border-bottom: 2px solid #F0F0EC;
    text-align: left;
}

.typecho-list-table td {
    padding: 10px;
    border-top: 1px solid #F0F0EC;
    word-break: break-all;
}

.typecho-list-table td .thumb-box {
}

.typecho-list-table td img.tiny {
}

.typecho-list-table td .thumb-box img {
}

.typecho-list-table tbody tr.even {
}

.typecho-list-table tbody tr:hover td {
    background-color: #F6F6F3;
}

.typecho-list-table tbody tr.checked td {
    background-color: #FFF9E8;
}

.typecho-list-table tbody tr.even.checked td {
}

.typecho-list-table h4 {
}

.typecho-list-table .important {
}

.typecho-list-table .description {
}

.typecho-list-table .warning {
    color: #B94A48;
}

.typecho-list-table img.inline {
}

.typecho-list-table tr td .hidden-by-mouse {
    visibility: hidden;
}

.typecho-list-table tr:hover td .hidden-by-mouse {
    visibility: visible;
}

.deactivate tbody, tr.deactivate td {
}

.deactivate tbody tr:hover {
}

.deactivate tbody a {
}

.deactivate tbody tr:hover a {
}

/**
 * 评论管理
 */

.comment-reply-content {
    position: relative;
    margin: 1em 0;
    padding: 0 1em;
    border: 1px solid transparent;
    background-color: #F0F0EC;
}
.comment-reply-content:after {
    position: absolute;
    right: 1em;
    border: 8px solid #F0F0EC;
    border-color: #F0F0EC #F0F0EC transparent transparent;
    content: " ";
}

.comment-meta span,
.comment-date {
    font-size: .92857em;
    color: #999;
}

.comment-action a, .comment-action span { margin-right: 4px; }

.comment-edit label {
    display: block;
}


/* 下拉操作按钮 */
/*.typecho-list-table tr:hover .drop-action { display: block; }

.drop-action {
    display: none;
    position: relative;
    list-style: none;
    position: absolute;
    margin: 0;
    padding: 0;
    border: 1px solid #F0F0EC;
    height: 24px;
    overflow: hidden;
    background-color: #FFF;

    border-radius: 2px;
}
.drop-action:hover {
    border-color: #E0E0DC;
    height: auto;
    z-index: 10;
}

.drop-action a, .drop-action span {
    display: block;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
}
.drop-action a:hover, .drop-action span:hover {
    background-color: #FFF9E8;
    text-decoration: none;
}*/

/*
ul.typecho-list-notable {
    margin: 10px 0 0 0;
    padding: 0;
    line-height: 20px;
    font-size: 13px;
}

ul.typecho-list-notable .big {
    font-size: 13px;
}

ul.typecho-list-notable .avatar img {
    background: #FFF;
    padding: 2px;
}

ul.typecho-list-notable img.inline {
    margin-bottom: -5px;
}

ul.typecho-list-notable p {
    padding: 5px 0;
    font-size: 13px;
}

ul.typecho-list-notable .line {
    height: 20px;
    line-height: 20px;
	padding-left: 5px;
}

ul.typecho-list-notable .content {
	padding-left: 5px;
}

ul.typecho-list-notable .big-line {
    height: 32px;
    line-height: 32px;
}

ul.typecho-list-notable .weak {
    color: #777;
}

ul.typecho-list-notable .left, .typecho-list-table .left {
    float: left;
}

ul.typecho-list-notable .right, .typecho-list-table .right {
    float: right;
}

ul.typecho-list-notable .center, .typecho-list-table .center {
    text-align: center;
}

ul.typecho-list-notable .center {
    text-align: center;
}

ul.typecho-list-notable li {
    margin: 0 0 5px 0;
    list-style: none;
    padding: 5px 0;
}

ul.typecho-list-notable li span.comment,
ul.typecho-list-notable li span.pingback,
ul.typecho-list-notable li span.trackback {
    background: url(../images/comment.gif) top no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin: 4px 3px -4px 0;
    _margin-right: 0;
}

ul.typecho-list-notable li span.pingback {
    background-position: center;
}

ul.typecho-list-notable li span.trackback {
    background-position: bottom;
}

ul.typecho-list-notable li .comment-body {
	overflow: visible;
}

ul.typecho-list-notable li .comment-avatar img {
	margin-top: 5px;
}

ul.typecho-list-notable li code, ul.typecho-list-notable li pre {
    display: block;
    background: #fff;
    margin: 10px;
    padding: 10px;
    font-family: 'andale mono','lucida console',monospace;
    overflow: auto;
    border: 1px solid #E8EDD6;
}

ul.typecho-list-notable li .comment-form, ul.typecho-list-notable li .reply-form {
	padding: 5px 0 10px 0;
}

ul.typecho-list-notable li .comment-form label, ul.typecho-list-notable li .reply-form label {
}

ul.typecho-list-notable li .comment-form input, ul.typecho-list-notable li .reply-form input {
	margin: 0 10px 0 0;
}

ul.typecho-list-notable li .comment-form textarea, ul.typecho-list-notable li .reply-form textarea {
	margin: 10px 0;
}

ul.typecho-list-notable li .comment-form p, ul.typecho-list-notable li .reply-form p {
	margin: 0;
	padding: 0;
}

ul.typecho-list-notable li .reply-message {
	margin: 10px;
	background: #FBFDF2;
	padding: 0 10px;
	
	border: 1px solid #DEE4C5;
	
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    
    border-radius: 4px;
}

ul.typecho-list-notable li .loading {
	background-position: center top;
}

*/

/**
 * 评论回复
 */
#typecho-respond {
    padding: 10px;
    display: none;
}

/*ul.typecho-list-notable li #typecho-respond {
    display: inline;
}

#typecho-respond textarea {
}*/

/**
 * 模板列表
 */
.typecho-theme-list {
}

.typecho-theme-list .theme-item {
}

.typecho-theme-list td {
}

.typecho-theme-list img {
    margin: 1em 0;
    max-width: 100%;
    max-height: 240px;
}

.typecho-theme-list cite {
    font-style: normal;
    color: #999;
}

.typecho-theme-list p {
}

.typecho-theme-list .theme-action {
}

.typecho-theme-list .activate, .typecho-theme-list .edit {
}

.typecho-theme-list h4 {
}

.typecho-theme-list tbody tr:hover td {
}

.typecho-theme-list tbody tr.current td {
    background-color: #FFF9E8;
}

.typecho-theme-list tbody tr td:hover .activate, .typecho-theme-list tbody tr td:hover .edit {
}

.typecho-theme-list tbody tr td:hover a.activate:hover, .typecho-theme-list tbody tr td:hover a.edit:hover {
}

/**
 * 后台配置项
 */
.typecho-page-main .typecho-option {
}

.typecho-page-main .typecho-option:first-child {
}

.typecho-page-main .typecho-option-clear {
}

.typecho-page-main .typecho-mini-panel {
}

.typecho-page-main .typecho-option label.typecho-label {
}

.typecho-page-main .typecho-mini-panel .typecho-option label.typecho-label {
    
}

.typecho-page-main .typecho-option li {
}

.typecho-page-main .typecho-mini-panel .typecho-option {
}

.typecho-page-main .typecho-mini-panel .typecho-option li {
}

.typecho-page-main .typecho-option input.text {
    width: 100%;
}

.typecho-page-main .typecho-option input.password {
}

.typecho-page-main .typecho-mini-panel .typecho-option input.text {
}

.typecho-page-main .typecho-mini-panel .typecho-option input.password {
}

.typecho-page-main .typecho-option input.mini {
    width: 100px;
}

.typecho-page-main .typecho-option input.num {
    width: 40px;
}

.typecho-page-main .typecho-option textarea {
    width: 100%;
    height: 100px;
}

.typecho-page-main .typecho-option span.multiline {
    display: block;
    margin: .3em 0;
}

.typecho-page-main .typecho-mini-panel .typecho-option textarea {
}

.typecho-page-main .typecho-option .description {
}

.typecho-page-main .typecho-option-submit {
}


.typecho-page-main .typecho-option li.typecho-option-title {
}

.typecho-page-main .typecho-option li.typecho-option-title h3 {
}

.typecho-page-main .typecho-option li.typecho-option-title p {
}

.typecho-page-main .typecho-content-panel .typecho-option label.typecho-label {
    
}

.typecho-page-main .typecho-content-panel ul.typecho-option {
}

.typecho-page-main .typecho-content-panel ul.typecho-option-focus li {
}

.typecho-page-main .typecho-content-panel .typecho-option li {
}

.typecho-page-main .typecho-content-panel .typecho-option-submit li {
}

.typecho-page-main .typecho-content-panel h3 {
}

.typecho-page-main .typecho-content-panel h4 cite {
}

.typecho-page-main .typecho-content-panel h4 img {
}

/**
 * 编辑模板
 */
.typecho-select-theme {
    height: 25px;
    line-height: 25px;
    margin: 15px 0px;
}

.typecho-select-theme h5 {
    color: #E47E00;
    font-weight: bold;
    float: left;
    font-size: 14px;
    width: 120px;
    margin-right: 10px;
}

.typecho-select-theme select {
    width: 150px;
}

/**
 * 编辑模板（编辑详情）
 */

.typecho-edit-theme ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.typecho-edit-theme li {
    padding: 3px 10px;
}

.typecho-edit-theme li a:link, .typecho-edit-theme li a:visited {
}

.typecho-edit-theme li a:hover {
}

.typecho-edit-theme .current {
    background-color: #E6E6E3;
}
.typecho-edit-theme .current a {
    color: #444;
}

.typecho-edit-theme .content {
}

.typecho-edit-theme .submit {
    text-align: center;
}

.typecho-edit-theme textarea {
    font-size: .92857em;
    line-height: 1.2;
    height: 500px;
}

/**
 * 编写页面
 */

.typecho-post-area .edit-draft-notice { color: #999; }
.typecho-post-area .edit-draft-notice a { color: #B94A48; }

.typecho-post-area .typecho-label {
    display: block;
    margin: 1em 0 -0.5em;
    font-weight: bold;
}

.typecho-post-area #auto-save-message {
    display: block;
    margin-top: 0.5em;
    color: #999;
    font-size: .92857em;
}

/*.typecho-post-area .typecho-preview-label {
    position: relative;
    display: none;
}

.typecho-post-area .typecho-preview-label span {
    position: absolute;
    right: 0;
    top: -25px;
    font-weight: bold;
    font-size: 13px;
}*/

.typecho-post-area .typecho-preview-label {
}

#typecho-preview-box {
    padding: 10px;
    border: 2px dashed #DEE4C5;
    background: #FFF;
    display: none;
    float: left;
    width: 686px;
    margin-top: 10px;
}

#typecho-preview-box h1 { font-size: 23px; }
#typecho-preview-box h2 { font-size: 21px; }
#typecho-preview-box h3 { font-size: 19px; }
#typecho-preview-box h4 { font-size: 17px; }
#typecho-preview-box h5 { font-size: 15px; }
#typecho-preview-box h6,
#typecho-preview-box p,
#typecho-preview-box ol,
#typecho-preview-box ul,
#typecho-preview-box dl,
#typecho-preview-box pre,
#typecho-preview-box blockquote {
    font-size: 13px;
}

#typecho-preview-box p,
#typecho-preview-box ol,
#typecho-preview-box ul,
#typecho-preview-box dl,
#typecho-preview-box pre,
#typecho-preview-box blockquote {
    margin-bottom: 20px;
}

#typecho-preview-box ul, 
#typecho-preview-box ol {
    list-style-type: disc;
    margin-left: 30px;
}
#typecho-preview-box ol {
    list-style-type: decimal;
}

#typecho-preview-box pre,
#typecho-preview-box blockquote {
    padding: 20px;
    background: #eee;
}

.typecho-post-area label.typecho-label cite {
}

.typecho-post-area .submit .right button {
    margin-left: 5px;
}

.typecho-post-area .right {
    float: right;
    padding-left: 24px;
}

.typecho-post-area .left {
    float: left;
}

.typecho-post-area input.text {
}

.typecho-post-area .out-date {
    border: 1px solid #D3DBB3;
    padding: 3px;
    background: #fff;
}

.typecho-post-area p.title {
}

.typecho-post-area input#year,
.typecho-post-area select#month,
.typecho-post-area input#day,
.typecho-post-area input#hour,
.typecho-post-area input#min {
}

.typecho-post-area input#day,
.typecho-post-area input#hour,
.typecho-post-area input#min {
}

.typecho-post-area select#month {
}

.typecho-post-area input.time {
}

.typecho-post-area input.mini {
}

.typecho-post-area input.title {
    font-size: 1.17em;
    font-weight: bold;
}
.typecho-post-area .url-slug {
    margin-top: -0.5em;
    color: #AAA;
    font-size: .92857em;
}
.typecho-post-area #slug {
    padding: 2px;
    border: none;
    background: #FFFBCC;
    color: #666;
}

.typecho-post-area textarea#text {
}

.typecho-post-area button#btn-submit {
}

.typecho-post-area button#btn-save {
}

.typecho-post-area span.size-btn {
}

.typecho-post-area textarea#trackback {
}

.typecho-post-area #advance-panel-btn {
    color: #999;
}

.typecho-post-area #advance-panel {
    display: none;
}

.typecho-post-area .is-draft {
	background: #FFF1A8;
}

.typecho-post-option .description {
    margin-top: -0.5em;
    color: #999;
    font-size: .92857em;
}

.category-option ul {
    list-style: none;
    border: 1px solid #D9D9D6;
    padding: 6px 12px;
    background-color: #FFF;
    border-radius: 2px;
}
.category-option li {
    margin: 3px 0;
}

.visibility-option ul,
.allow-option ul {
    list-style: none;
    padding: 0;
}

/*.typecho-post-area .advance, .typecho-post-area .attach, .typecho-post-area .media {
    font-weight: bold;
    color: #333;
    cursor: pointer;
    padding: 0 0 0 16px;
    height: 16px;
    line-height: 16px;
    text-decoration: underline;
    background-image: url(../images/arrow.gif);
    background-repeat: no-repeat;
    *background-position: 0 -2px;
}

.typecho-post-area .attach {
    background-image: url(../images/attach.gif);
    margin-left: 10px;
    padding-left: 20px;
}

.typecho-list-operate #swfu {
    position: absolute;
    left: 0;
}

.typecho-post-area .close {
    background-position: 0 -16px;
    *background-position: 0 -18px;
}*/

/**
 * 标签列表
 */
.typecho-page-main ul.tag-list {
    list-style: none;
    margin: 0;
    padding: 20px;
    background-color: #FFF;
}

.typecho-page-main ul.tag-list li {
    display: inline-block;
    margin: 0 0 5px 0;
    padding: 5px 10px;
    cursor: pointer;
}
.typecho-page-main ul.tag-list li:hover {
    background-color: #E9E9E6;
}

.typecho-page-main ul.tag-list li input {
    display: none;
}


.typecho-page-main ul.tag-list li.checked {
    background-color: #FFFBCC;
}

.typecho-page-main ul.tag-list li.size-5 { font-size: 1em; }
.typecho-page-main ul.tag-list li.size-10 { font-size: 1.2em; }
.typecho-page-main ul.tag-list li.size-20 { font-size: 1.4em; }
.typecho-page-main ul.tag-list li.size-30 { font-size: 1.6em; }
.typecho-page-main ul.tag-list li.size-0 { font-size: 1.8em; }

.typecho-page-main .tag-edit-link { visibility: hidden; }
.typecho-page-main li:hover .tag-edit-link { visibility: visible; }
/*
.typecho-attachment-photo-box .description {
}

.typecho-attachment-photo-box .description ul li {
}

.typecho-attachment-photo-box .description strong {
}

.typecho-attachment-photo-box .description input {
    background-color: #eee;
	background-image: url(../images/progress.gif);
	background-repeat: repeat-y;
	background-position: -1000px 0;
}

.typecho-attachment-photo-box .description button {
	font-weight: bold;
	margin-left: 5px;
}

.typecho-attachment-photo-box .description ul li #swfu {
	display: block;
	_display: inline;
	position: relative;
}
*/
.typecho-attachment-photo {
    border: 1px solid #E6E6E3;
    max-width: 100%;
}

.typecho-mime {
    background-image: url(../images/mime.gif);
    background-repeat: no-repeat;
    padding-left: 24px;
    height: 16px;
    line-height: 16px;
}

.typecho-mime-office {
    background-position: 0 0;
}

.typecho-mime-text {
    background-position: 0 -16px;
}

.typecho-mime-image {
    background-position: 0 -32px;
}

.typecho-mime-html {
    background-position: 0 -48px;
}

.typecho-mime-archive {
    background-position: 0 -64px;
}

.typecho-mime-application {
    background-position: 0 -80px;
}

.typecho-mime-audio {
    background-position: 0 -96px;
}

.typecho-mime-script {
    background-position: 0 -112px;
}

.typecho-mime-video {
    background-position: 0 -128px;
}

.typecho-mime-unknow {
    background-position: 0 -144px;
}

/*.typecho-attachment-photo-box .typecho-mime {
    bottom: -6px;
    margin-right: 3px;
    float: left;
}*/

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Editor
 */
.editor {
    margin-bottom: -0.5em;
    font-size: .92857em;
}
.editor span {
    display: inline-block;
    padding: 0 12px;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
}
.editor span:hover { background-color: #E9E9E6; }
.editor span:active { background-color: #467B96; color: #FFF; }
.btnBold { font-weight: bold; }
.btnItalic { font-style: italic; }
.btnLink { text-decoration: underline; }
.btnDel { text-decoration: line-through; }


/*
 * Upload
 */
#upload-panel {
    padding: 15px;
    border: 1px dashed #D9D9D6;
    background-color: #FFF;
    color: #999;
    font-size: .92857em;
}

#upload-panel.drag, .tDnD_whileDrag {
    background-color: #FFFBCC;
}
.tDnD_whileDrag {
    -ms-transform-origin: 20% 0;
    -moz-transform-origin: 20% 0;
    -webkit-transform-origin: 20% 0;
    transform-origin: 20% 0;

    -ms-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    webkit-transform: rotate(2deg);
}

#file-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
#file-list li { margin-top: 5px; }
#file-list .delete { margin-left: 5px; color: #B94A48; }


/*
 * Jquery Timepicker
 */
#ui-datepicker-div {
    display: none;
    margin-top: -1px;
    padding: 10px;
    border: 1px solid #D9D9D6;
    background: #FFF;
}
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; }
.ui-timepicker-div dl dd { margin: 0 0 10px 40%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

#ui-datepicker-div .ui-datepicker-header {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EEE;
}
#ui-datepicker-div .ui-datepicker-prev { float: left; cursor: pointer; }
#ui-datepicker-div .ui-datepicker-next { float: right; cursor: pointer; }
#ui-datepicker-div .ui-datepicker-title {
    font-weight: bold;
    text-align: center;
}
#ui-datepicker-div .ui-datepicker-calendar th { line-height: 24px; }
#ui-datepicker-div .ui-datepicker-calendar a {
    display: block;
    width: 30px;
    background-color: #F3F3F0;
    line-height: 24px;
    text-align: center;
}
#ui-datepicker-div .ui-datepicker-calendar a:hover {
    background-color: #E9E9E6;
    text-decoration: none;
}
#ui-datepicker-div .ui-datepicker-today a {
    background-color: #E9E9E6;
    color: #444;
}
#ui-datepicker-div .ui-datepicker-current-day a {
    background-color: #467B96 !important;
    color: #FFF;
}
#ui-datepicker-div .ui-timepicker-div {
    margin-top: 20px;
    border-top: 1px solid #EEE;
}
#ui-datepicker-div .ui-slider {
    position: relative;
    margin-top: 18px;
    border: 1px solid #E9E9E6;
    background-color: #F6F6F3;
    height: 4px;
}
#ui-datepicker-div .ui-slider .ui-slider-handle {
    position: absolute;
    top: -7px;
    margin-left: -5px;
    z-index: 2;
    width: 10px;
    height: 16px;
    background-color: #467B96;
}

#ui-datepicker-div .ui-datepicker-buttonpane {
    padding-top: 10px;
    border-top: 1px solid #EEE;
}
#ui-datepicker-div button { height: 28px; }
#ui-datepicker-div .ui-datepicker-current {
    float: left;
}
#ui-datepicker-div .ui-datepicker-close { float: right; }

.ui-effects-transfer { border: 2px dotted #ccc; }


/* 
 * Jquery Tokeninput
 */
ul.token-input-list {
    list-style: none;
    margin: 0;
    padding: 0 4px;
    min-height: 32px;
    border: 1px solid #D9D9D6;
    cursor: text;
    z-index: 999;
    background-color: #FFF;
    clear: left;

    border-radius: 2px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul.token-input-list li {
    margin: 4px 0;
}

ul.token-input-list li input {
    padding: 0;
    border: 0;
    width: 100%;
    -webkit-appearance: caret;
}

li.token-input-token {
    padding: 0 6px;
    height: 27px;
    line-height: 27px; 
    background-color: #F3F3F0;
    cursor: default;
    font-size: .92857em;
    white-space: nowrap;
}

li.token-input-token p {
    display: inline;
    margin: 0;
}

li.token-input-token span {
    float: right;
    color: #BBB;
    font-weight: bold;
    cursor: pointer;
}

li.token-input-selected-token {
    background-color: #E9E9E6;
}

li.token-input-input-token {
    padding: 0 4px;
}

div.token-input-dropdown {
    position: absolute;
    background-color: #FFF;
    overflow: hidden;
    border: 1px solid #D9D9D6;
    border-top-width: 0;
    cursor: default;
    z-index: 1;
    font-size: .92857em;
}

div.token-input-dropdown p {
    margin: 0;
    padding: 5px 10px;
    color: #777;
    font-weight: bold;
}

div.token-input-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.token-input-dropdown ul li {
    padding: 4px 10px;
    background-color: #FFF;
}

div.token-input-dropdown ul li.token-input-dropdown-item {
    background-color: #FFF;
}

div.token-input-dropdown ul li em {
    font-style: normal;
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
    background-color: #467B96;
    color: #FFF;
}