/* =============================================================
 * style for baidu ux blog
 *
================================================================ */

/* =============================================================
 * File: reset.css
 *     Resets default browser CSS styles
 *
================================================================ */
html,body,p,dl,dd,blockquote,h1,h2,h3,h4,h5,h6,pre,table,td,th,ul,ol,li,hr,legend,fieldset,input,textarea,img,form{margin:0;padding:0;}
img,iframe{border:none;}
blockquote,q{quotes:none;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000; font-size:1em;}
p, div, td, th, dd{word-wrap:break-word;}
/* ==============================================================
 * File: type.css
 *      set typegraphy and color on page
================================================================== */

body {font:14px/1.5 arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;color:#222;margin:0;}

h1,h2,h3,h4,h5{color:#111;font-family: Georgia, serif;font-weight:700; margin-top:0.5em;}
h1{font-size:1.6em;line-height:1;margin-bottom:1em;}
h2{font-size:1.2em;margin-bottom:0.5em; color:#AF183F;}
h3{font-size:1.1em;line-height:1;margin-bottom:0.5em; color:#49138D;}
h4{font-size:1em;line-height:1.25;margin-bottom:0.5em; color:#13538D;}
h5{font-size:1em;font-weight:700;margin-bottom:0.5em; color:#638D13;}
h6{font-size:1em;font-weight:700;}

ul, ol {
    list-style-position: inside;    
}

ul ul, ol ol, ul ol, ol ul {
    margin-left:2em;
}

big {
    font-size:1.3em;
}

small {
    font-size:.85em;
}

em {
    font-weight:bold;
    font-style:normal
}

code, pre, samp{
    font-family:Consolas, Monaco, "Courier New", Courier, monospace;
    overflow:auto;
    word-wrap:break-word;
}

code {
    padding-left:5px;
    padding-right:5px;
    color:#000;
    background:#EEF0EB
}

acronym, abbr{
    border-bottom:1px dotted #000;
    cursor:help;
}

acronym {
    letter-spacing:.1em;
    text-transform:uppercase;
}


table, input{
    font-size:1em;
}

html{
    background: #fff;
    color: #000;
    border: none;
}

.hide {position:absolute;left:0;top:-41.66667em;width:.08333em;height:.08333em;overflow:hidden;}

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

span.amp {font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;font-style:italic;font-size:1.1em;}

del {border:.08333em solid #c99;text-decoration:line-through;background:#fdcccc;}

ins {border:.08333em solid #9c9;background:#CFC;}

p.hr {margin:10px auto; border-top:1px solid #C0CBD6; clear:both;}

a {text-decoration:none;}

:link{color:#2877CB;}
:visited{color:#996699;}
:link:hover,:visited:hover{color:#FF9900;}

ul, ol {
    margin: 0 0 1em 0;
}
p {
    margin-bottom: 1em;
}
/* =============================================================
 * File: layout.css
 *     layout
 *
================================================================ */

html {
    background: #F3F7FA;
}

#header {
    height: 106px;
    background: url('css/arce.png') 0 0 repeat-x;
}

#login {
    float:right;
    font-size:12px;
    line-height:30px;
    margin-right:40px;
}

#logo {
    height: 75px;
    background: url('css/arce.png') 0 -223px no-repeat;
}

#logo h1 {
    width:356px;
    height:60px;
    overflow:hidden;
    margin:0;
    padding-top:10px;
}

#logo h1 a{
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    text-indent:-9999px;
    font-size:0;
}

#nav {
    height: 31px;
}

#search {
    float: right;
    padding-top: 3px;
}

#search input {
    float: left;
}

#search .input {
    height: 23px;
    line-height: 23px;
    width: 150px;
    border: 1px solid #1E6FBC;
    margin-right: 10px;
}

#search .submit {
    height: 25px;
    width: 85px;
    border: none;
    padding: 0;
    margin: 0;
    background: url('css/arce.png') 0 -342px no-repeat;
    cursor: pointer;
}

#nav_corner_left, #nav_content, #nav_corner_right {
    float: left;
    height: 31px;
}

#nav_corner_left, #nav_corner_right {
    width: 30px;
    background: url('css/arce.png') 0 -180px no-repeat;
}

#nav_content {
    width: 890px;
    background: url('css/arce.png') 0 -127px repeat-x;
}

#nav_category {
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav_category li {
    float: left;
    height: 31px;
    line-height: 31px;
    margin: 0 2px;
    font-weight:bold;
}

#nav_category li a {
    color: #fff;
    display: block;
    padding: 0 18px;
}

#nav_category li a:hover, #nav_category li.current-cat {
    background: #075BAC;
}

#nav_corner_right {
    background-position: -30px -180px;
}

#header_inner, #banner, #footer {
    width: 950px;
    margin: 0 auto;
}

#banner {
    height:160px;
    background: url(css/home_banner.jpg) 0 0 no-repeat;
}

/* about page */
.category-about #banner {
    background: url(css/about_banner.jpg) 0 0 no-repeat;
}

#container {
    width: 948px;
    margin: 10px auto 0 auto;
}

#aside {
    float: right;
    width: 268px;
    overflow: hidden;
}

#content {
    float: left;
    width: 100%;
    margin-right: -268px;
    overflow: hidden;
}

#content_inner{
    margin-right: 268px;
}

#content_inner blockquote{
     display:inline-block;
     background:#E3F1FF;
     line-height:22px;
     padding:0  4px 0 24px;
     *padding:0 4px;
}
 #content_inner blockquote:before,#content_inner blockquote:after{
   font-size:50px;
   color:#A3D1FF;
   font-family:arial;
   font-weight:bold;
   line-height:0;
   vertical-align:text-bottom;
   display:inline-block;
   height:0;
}
#content_inner blockquote:before{
   text-indent:-24px;
}
#container {
    background: #fff;
    border: 1px solid #C3CDD7;
    padding-top: 10px;
}

#container:after,.about_other:after,.page_hd:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#container {display:block; zoom:1}

#aside_inner, #content_inner {
    padding: 0 20px;
}

#content_inner {
    border-right: 1px solid #C3CDD7;
}
#content_inner div.post{
    margin-bottom:3em;
}

#content_inner h2, #content_inner h3, #content_inner h4, #content_inner h5, #content_inner h6 {color: #4e5f72; padding: 3px}
#content_inner h2 {background: #84a1c1; color: #fff; text-shadow: 0 1px 0 #444;}
#content_inner h3 {background: #cddae8; color: #2d3742; text-shadow: 1px 1px 0 #fff;}

#content_inner h2.title{
    color: #2977CB;
    font-weight:bold;
    padding:0 0 0 24px;
    margin:0;
    border-bottom:none 0;
    background:url("css/arce.png") no-repeat 0 -396px;
}
#aside_inner h2 {
    color: #2977CB;
    border-bottom: 1px dotted #BFBFBF;
    padding-bottom:8px;
}
.page_hd{
    border-bottom: 1px dotted #BFBFBF;
    color:#2977CB;
    padding:0 0 8px 0;
    margin-bottom:0.75em;
    zoom:1;
    margin-top:1em;
}
.page_hd h2{
    float:left;
}
.page_hd span.time{
    float:right;
    color:#666666;
    font-size:12px;
    margin-top:6px;
}
li.category {
    list-style: none;
}

/*
#category .current-cat a{
    color: #222;
    cursor: default;
}
*/
#footer {
    text-align: center;
    color: #788FA7;
    padding-top: 20px;
}

/* =============================================================
 * File: widget.css
 *     some widgets for layout
 *
================================================================ */

table.clear_table {
    border-left: 1px solid #8CACBB;
    border-top: 1px solid #8CACBB;
    width: 95%;
    color: #222;
    line-height:2em;
    margin: 0 0 1.5em;
}


table.clear_table  thead th, table.clear_table tfoot th{
    border: 1px solid #8CACBB;
    border-left:none;
    color:#000;
    font-weight:bold;
    line-height:3em;
}

table.clear_table tfoot th {
    background-position:left bottom;
    border:none;
    line-height:2.5em;
}

table.clear_table tbody th, table.clear_table tbody td, table.clear_table tfoot th {
    border-bottom: 1px solid #8CACBB;
    border-right: 1px solid #8CACBB;
    vertical-align:top;
    padding-left: 0.5em;
    word-break: break-all;
}

table.clear_table tbody th{
    color:#1867AF;
    background: #DEE7EC;
}

table.clear_table tr-alt {
    background:#ECF5FD;
}

table.clear_table tbody tr:hover td{
    background:#F3FAFA;
}
/* =============================================================
 * File: code.css
 *     code highlight
 *
================================================================ */
pre {
    color: #070606;
    background-color: #eef0eb;
    margin: 2em 0;
    padding: 1em 0;
    border: 1px dotted #b7c4d3;
    line-height: 150%;
    zoom: 1;
}

.code  { background: #ffffff; }
.code .c { color: #888888 } /* Comment */
.code .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.code .k { color: #008800; font-weight: bold } /* Keyword */
.code .cm { color: #888888 } /* Comment.Multiline */
.code .cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
.code .c1 { color: #888888 } /* Comment.Single */
.code .cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */
.code .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.code .ge { font-style: italic } /* Generic.Emph */
.code .gr { color: #aa0000 } /* Generic.Error */
.code .gh { color: #303030 } /* Generic.Heading */
.code .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.code .go { color: #888888 } /* Generic.Output */
.code .gp { color: #555555 } /* Generic.Prompt */
.code .gs { font-weight: bold } /* Generic.Strong */
.code .gu { color: #606060 } /* Generic.Subheading */
.code .gt { color: #aa0000 } /* Generic.Traceback */
.code .kc { color: #008800; font-weight: bold } /* Keyword.Constant */
.code .kd { color: #008800; font-weight: bold } /* Keyword.Declaration */
.code .kn { color: #008800; font-weight: bold } /* Keyword.Namespace */
.code .kp { color: #008800 } /* Keyword.Pseudo */
.code .kr { color: #008800; font-weight: bold } /* Keyword.Reserved */
.code .kt { color: #888888; font-weight: bold } /* Keyword.Type */
.code .m { color: #0000DD; font-weight: bold } /* Literal.Number */
.code .s { color: #dd2200; } /* Literal.String */
.code .na { color: #336699 } /* Name.Attribute */
.code .nb { color: #003388 } /* Name.Builtin */
.code .nc { color: #bb0066; font-weight: bold } /* Name.Class */
.code .no { color: #003366; font-weight: bold } /* Name.Constant */
.code .nd { color: #555555 } /* Name.Decorator */
.code .ne { color: #bb0066; font-weight: bold } /* Name.Exception */
.code .nf { color: #0066bb; font-weight: bold } /* Name.Function */
.code .nl { color: #336699; font-style: italic } /* Name.Label */
.code .nn { color: #bb0066; font-weight: bold } /* Name.Namespace */
.code .py { color: #336699; font-weight: bold } /* Name.Property */
.code .nt { color: #bb0066; font-weight: bold } /* Name.Tag */
.code .nv { color: #336699 } /* Name.Variable */
.code .ow { color: #008800 } /* Operator.Word */
.code .w { color: #bbbbbb } /* Text.Whitespace */
.code .mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
.code .mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
.code .mi { color: #0000DD; font-weight: bold } /* Literal.Number.Integer */
.code .mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
.code .sb { color: #dd2200; } /* Literal.String.Backtick */
.code .sc { color: #dd2200; } /* Literal.String.Char */
.code .sd { color: #dd2200; } /* Literal.String.Doc */
.code .s2 { color: #dd2200; } /* Literal.String.Double */
.code .se { color: #0044dd; } /* Literal.String.Escape */
.code .sh { color: #dd2200; } /* Literal.String.Heredoc */
.code .si { color: #3333bb; } /* Literal.String.Interpol */
.code .sx { color: #22bb22; } /* Literal.String.Other */
.code .sr { color: #008800; } /* Literal.String.Regex */
.code .s1 { color: #dd2200; } /* Literal.String.Single */
.code .ss { color: #aa6600; } /* Literal.String.Symbol */
.code .bp { color: #003388 } /* Name.Builtin.Pseudo */
.code .vc { color: #336699 } /* Name.Variable.Class */
.code .vg { color: #dd7700 } /* Name.Variable.Global */
.code .vi { color: #3333bb } /* Name.Variable.Instance */
.code .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */.wp-pagenavi {
    margin: 20px auto;
}

.wp-pagenavi a, .wp-pagenavi span {
    padding: 2px 6px 2px 6px;
    margin: 1px;
    border: 1px solid #C3CDD7;
}
.wp-pagenavi span.current {
    color: #fff;
    border: 1px solid #006CB4;
    background: #036CB4;
}

.wp-pagenavi span.extend {
}
.info {
    margin-bottom: 10px;
}

.info img {
    float: left;
    margin-right:8px;
}

.info .author, .info .date {
    display: block;
    /*margin-left: 40px;*/
    line-height: 16px;
    font-size:12px;
    color:#666;
}
.info .author a, .info .date a{
    color:#666;
}
.info .author a, .info .date a,a.more-link{
    text-decoration:underline;
}
a.more-link{
    font-weight:bold;
}
#content_inner p{
    width:100%;
    overflow:hidden;
}#category .cat-item {
    font-weight: bold;
}
#category .cat-item,.new_list li{
    line-height:26px;
}
#category ul.children {
    margin: 0;
    list-style-type: none;
}
.new_list li{
    height:26px;
    overflow:hidden;
}
#category ul.children .cat-item {
    font-weight: normal;
    background: none;
    padding-left: 1em;
}
#aside a{
    text-decoration:underline;
}
.about_other{
    margin-top:8px;
    *zoom:1;
}
a.facebook,a.twitter,a.linkedin,a.rss{
    display:block;
    width:32px;
    height:32px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(css/arce.png) no-repeat 0 -487px;
    float:left;
    margin-right:5px;
}
a.twitter{
    background-position: -37px -487px;
}
a.linkedin{
    background-position: -74px -487px;
}
a.rss{
    width:28px;
    height:28px;
    background-position: -109px -487px;
}
#recruitment{
    width:228px;
    height:165px;
    overflow:hidden;
    margin-bottom:10px;
    zoom:1;
}
#recruitment a{
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    background:url(css/search.jpg) no-repeat;
    text-indent:-9999px;
    font-size:0;
}
.abuout_recruitment{
    margin-top:1em;
}
h3#comments {
    margin:0 0 1em;
    font-size:16px;
}

ol.commentlist {
    list-style-type: none;
    margin: 0;
}

div.comment-body {
    border: 1px solid #F0F0F0;
    border-top: 2px solid #E5E5E5;
    padding: 10px;
    padding-left: 50px;
    margin-bottom: 10px;
    background-color: #F8F8F8;
    font-size:12px;
}

div.comment-body .avatar {
    float: left;
    margin-left: -40px;
}

form#commentform label {
    display: block;
}

form#commentform label small {
    color: #999999;
    font-size: 100%;
}

form#commentform input, form#commentform textarea {
    border: 1px solid #CCCCCC;
    padding:2px;
}
form#commentform input#submit{
    width:76px;
    height:19px;
    text-align:center;
    border: 1px solid #BFBFBF;
    font-size:12px;
    background:url("css/arce.png") repeat-x 0 -459px;
}
cite.fn,span.says{
    font-weight:bold;
    font-style:normal;
}
.commentmetadata a{
    color:#666;
}
#respond{
        +padding-bottom:10px;
}
#respond h3{
    font-size:16px;
    margin:3em 0 0;
}
/*Table*/

table.ADoc_table {
    border-left: 1px solid #8CACBB;
    border-top: 1px solid #8CACBB;
    width: 95%;
    color: #222;
    line-height:2em;
    margin: 0 auto 1.5em;
}


table.ADoc_table  thead th, table.ADoc_table tfoot th{
    border: 1px solid #8CACBB;
    border-left:none;
    color:#000;
    font-weight:bold;
    line-height:3em;
}

table.ADoc_table tfoot th {
    background-position:left bottom;
    border:none;
    line-height:2.5em;
}

table.ADoc_table tbody th, table.ADoc_table tbody td, table.ADoc_table tfoot th {
    border-bottom: 1px solid #8CACBB;
    border-right: 1px solid #8CACBB;
    vertical-align:top;
    padding-left: 0.5em;
    word-break: break-all;
}

table.ADoc_table tbody th{
    color:#1867AF;
    background: #DEE7EC;
}

table.ADoc_table tr-alt {
    background:#ECF5FD;
}

table.ADoc_table tbody tr:hover td{
    background:#F3FAFA;
}