/*  
Theme Name: Chaor
Version: 1.0
Theme URI: http://www.chaor.net/
Description: The WordPress theme based on the Wordpress.
Author: windcui
Author URI: http://www.chaor.net/

Copyright (c) CHAOR.
*/
/* CSS Reset Start */
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend { padding: 0; margin: 0;}
ul,ul li{list-style-type:none;}
button,label,input{cursor:pointer;}
a{color:#000;text-decoration:none;}
a:hover{color:red;text-decoration:underline;}

/* ------------------------------------------------------------------------------
LAYOUTS
--------------------------------------------------------------------------------*/
html,body{background:#F9F9F9;font-family:Verdana, Simsun, Arial Unicode MS, Mingliu, Arial, Helvetica;}
body{line-height: 162%; font-size:63%; color:#454545;}
input,textarea{font-size:63%;font-family:Verdana, Microsoft YaHei, Simsun, Arial Unicode MS, Mingliu, Asrial, Helvetica;}

.inner{width:960px;margin:0 auto;}
#container{padding:10px 0 10px 0;background:#FFF;border-top:1px solid #C5C5C5;border-bottom:1px solid #C5C5C5; }
#container .inner{min-height:200px;height:auto !important;height:200px;}
.clearfloat:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfloat {display: inline-block;}
.clearfloat {display: block;}
.font-red{color:#C50500;}
.center{text-align:center!important;}
.ie6-png{font-size:0;line-height:0;width:0;height:0;}
#footer{color:#999;border-top:1px solid #dCCC;padding:20px 0 30px 0;font-family:Arial;font-size:12px;}
#footer a{color:#D51300;}

/* ------------------------------------------------------------------------------
HEADER
--------------------------------------------------------------------------------*/
#header .inner{position:relative;height:58px;padding:12px 0 5px 0;}
#header h1{float:left;}
#header h1 a{background:url(images/logo_vi.png);width:218px;height:58px;text-indent:-5555em;overflow:hidden;display:block;}

#header ul{position:absolute;bottom:15px;right:0;background: url(images/logo.png) no-repeat right bottom;width:546px;height:14px;text-indent:-5555em;}
#header ul li{float:left;text-align:center;}
#header ul li a{color:#5F5F5F;display:block;width:75px;height:14px;background:url(images/logo.png) no-repeat right bottom;}
#header ul li a:hover{color:#D51300;text-decoration:none;background:url(images/logo.png) no-repeat right top;}

#header ul li#p1 a{background-position:-406px bottom;width:21px;}
#header ul li#p2 a{background-position:-427px  bottom;}
#header ul li#p3 a{background-position:-502px  bottom;}
#header ul li#p4 a{background-position:-577px  bottom;}
#header ul li#p5 a{background-position:-652px  bottom;}
#header ul li#p6 a{background-position:-727px  bottom;}
#header ul li#p7 a{background-position:-802px  bottom;}
#header ul li#p8 a{background-position:-877px  bottom;}

#header ul li#p1 a:hover,#header ul li#p1 a.current{background-position:-406px top;width:21px;}
#header ul li#p2 a:hover,#header ul li#p2 a.current{background-position:-427px  top;}
#header ul li#p3 a:hover,#header ul li#p3 a.current{background-position:-502px  top;}
#header ul li#p4 a:hover,#header ul li#p4 a.current{background-position:-577px  top;}
#header ul li#p5 a:hover,#header ul li#p5 a.current{background-position:-652px  top;}
#header ul li#p6 a:hover,#header ul li#p6 a.current{background-position:-727px  top;}
#header ul li#p7 a:hover,#header ul li#p7 a.current{background-position:-802px  top;}
#header ul li#p8 a:hover,#header ul li#p8 a.current{background-position:-877px  top;}

#header dl{position:absolute;top:0;right:0;cursor:pointer;}
#header dl dt, #header dl dd{float:right;}
#header dl dt{background: url(images/logo.png) no-repeat -175px top;width:108px;height:24px;text-indent:-5555em;}
#header dl dd{display:none;padding:5px 20px 0 0;font-family:Arial;font-size:12px;}
#header dl dd a{color:#D51300;}
#header dl:hover dd{display:block;}

/*----HOME----*/
.home #container{}
.home #container .inner{background:url() no-repeat right top;}
.home #container dl{margin-top:25px;}
.home #container dt{margin-bottom:5px;}
.home #container dd{padding-left:20px;}

/*----tencent----*/
#Wrapper{width:983px;overflow:hidden;position:relative;z-index:999;padding-top:18px;margin:0 auto 10px;}
.content{float:right;width:734px;overflow:hidden;}

.wp-pagenav,.blog-nav{font-size:1.2em;height:15px;line-height:15px;margin:5px 0 13px;}
.wp-pagenavi{font-size:1.2em;float:right;}
.wp-pagenavi .pages,.wp-pagenavi .extend,.wp-pagenavi .current,.wp-pagenavi a{border:1px #CCC solid;color:#333;display:block;float:left;margin-right:5px;text-decoration:none;padding:3px 6px;}
.wp-pagenavi .extend{border:0 none!important;}
.wp-pagenavi .current,.wp-pagenavi a:hover{background:#CD0B00;border:1px #B31F1F solid;color:#FFF;text-decoration:none;}

.blog-title{width:701px;height:47px;background:url(images/bg_img.png) left -360px no-repeat;overflow:hidden;margin-bottom:38px;padding:10px 0 0 33px;}
.blog-title h1,.blog-title h2{color:#000;text-decoration:none;font-size:1.4em;}
.blog-title p{padding-top:4px;font-size:1.2em;color:#454545;}
.blog-title p span{color:#D51300;}

.blog-content{width:682px;margin-bottom:27px;padding:0 19px 0 33px;}
.blog-content p{font-size:1.4em;line-height:160%;margin-bottom:30px;}
.blog-content h3,.blog-content h4{font-size:1.4em; margin-bottom:20px;}
.blog-content a,.blog-content a:hover{color:#CD0B00;text-decoration:underline;}
.blog-content p a.more-link,.blog-content .readmore a{color:#D51300;text-decoration:underline;font-size:14px;display:block;margin:50px 0 0 -15px;}

.blog-content ul,.blog-content ol{margin-bottom:30px;}
.blog-content ul li,.blog-content ol li{color:#3C3C3C;font-size:1.4em;line-height:160%;margin:0 0 4px 50px;}
.blog-content ul li{list-style-type:disc;}

.blog-content ol li{list-style-type:decimal;}
.blog-content ul li ul,.blog-content ul li ol,.blog-content ol li ul,.blog-content ol li ol{padding:8px 0 0;}
.blog-content ul li li{font-size:1em;list-style-type:lower-alpha;margin:0 0 8px 20px;}
.blog-content ol li li{font-size:1em;list-style-type:lower-roman;margin:0 0 8px 20px;}

.blog-content p.blog-info{width:653px;height:22px;line-height:22px;background:#F7F7F7;border:1px #EDEDED solid;font-size:1.2em;margin:-10px 0 0;padding:0 11px;}
.blog-content p.blog-info a{color:#D51300;text-decoration:underline;}
.blog-content p.blog-info a.post-comment{background:url(images/icon.png) left 2px no-repeat;padding-left:24px;color:#000;text-decoration:underline;}

.blog-content ol li .dp-highlighter li,.blog-content ul li .dp-highlighter li{font-size:11px!important;}
.blog-content p a.more-link:hover,.blog-content .readmore a:hover,.blog-content p.blog-info a:hover,.blog-content p.blog-info a.post-comment:hover{text-decoration:none;}

.post-comment{padding-bottom:20px;overflow:hidden;width:100%;clear:both;margin:10px 0;}
.post-comment-content{float:left;padding-left:180px;position:relative;}
.post-comment p{font-size:14px;margin:10px 0 0;}
.post-comment p label{display:block;margin-bottom:3px;color:#000;}
.post-comment p label span{color:#CCC;font-size:.8em;}
.post-comment p input,.post-comment p textarea{border:1px #CCC solid;background:#FFF;font-size:12px;}
.post-comment p input{width:85%;padding:3px;}
.post-comment p textarea{width:90%;height:128px;overflow:auto;padding:3px;}
.post-comment p input.input-submit{width:78px;height:21px;text-align:center;background:url(images/bg_img.png) -426px -207px no-repeat;border:0;padding:0;}

.sidebar{float:left;width:228px;}
.sidebar a{color:#454545;}
.sidebar h2 a{display:block;width:229px;height:152px;background:url(images/gg.gif) left top no-repeat;font-size:0;overflow:hidden;line-height:320px;margin-bottom:15px;}
.sidebar fieldset{background:url(images/bg_img.png) -754px -207px no-repeat;width:228px;height:40px;padding-top:17px;text-align:center;overflow:hidden;}
.sidebar fieldset input{font-size:1.2em;vertical-align:middle;}
.sidebar fieldset .input-style{width:128px;height:16px;padding-top:2px;border:1px #E1E1E1 solid;background:#FFF;}
.sidebar fieldset .submit-style{width:66px;height:21px;background:url(images/bg_img.png) -359px -207px no-repeat;text-align:center;font-weight:700;border:none;padding:0 0 0 5px;}

.sidebar h3{font-size:1.4em;color:#C60700;padding-bottom:5px;border-bottom:1px #979797 dotted;margin-top:25px;}
.sidebar ul li{background:url(images/icon.png) left -43px no-repeat;margin-bottom:7px;font-size:1.2em;width:162px;height:16px;line-height:140%;overflow:hidden;padding:0 0 0 8px;}
.sidebar p.rss a{display:block;width:211px;height:48px;background:url(images/bg_img.png) -230px -311px no-repeat;overflow:hidden;font-size:0;line-height:180px;}
.sidebar li.linkcat{height:auto;background:none;font-size:1em;padding:0;}
.sidebar li.linkcat ul{margin:0 0 15px;}
.sidebar ul,.sidebar p.rss{margin-top:15px;}

.dp-highlighter .comment,.dp-highlighter .comments{color:#008200;background-color:inherit;}
.dp-highlighter .string{color:blue;background-color:inherit;}
.dp-highlighter .keyword{color:#069;font-weight:700;background-color:inherit;}
.dp-highlighter .preprocessor{color:gray;background-color:inherit;}

div,p,.clearfix{display:block;}
fieldset,img,button,.dp-highlighter.nogutter ol li,.dp-highlighter.nogutter .columns div{border:0;}
fieldset legend,table caption,.post-comment legend,.sidebar li.linkcat h2,.dp-highlighter.collapsed ol li{display:none;}
.hide,.dp-highlighter.printing .tools{display:none!important;}
.comment-content,.sidebar li.linkcat ul li{font-size:1.2em;}

.blog-previous{position:absolute;width:320px;overflow:hidden;line-height:130%;height:15px;}
.blog-next{position:absolute;width:320px;overflow:hidden;line-height:130%;height:15px;text-align:right;}
.blog-nav{position:relative;}
.blog-nav .blog-previous{left:0;top:0;}
.blog-nav .blog-next{right:0;top:0;}
.blog-nav-bottom{position:relative;border-top:1px #CCC dotted;height:30px;font-size:1.2em;}
.blog-nav-bottom .blog-previous{left:0;top:5px;}
.blog-nav-bottom .blog-next{right:0;top:5px;}

.comment-title{font-size:14px;color:#C50500;border-bottom:1px #979797 dotted;padding:13px 0 8px;}
.comment-list{margin-top:12px;list-style-type:none;}
.comment-list li{margin-bottom:50px;position:relative;padding-left:90px;}
.comment-list .reply a{font-size:1.2em;}
.commenter-info{position:absolute;left:2px;top:0;overflow:hidden;width:75px;}
.commenter-info p{font-size:1.2em;display:block;text-align:center;color:#575757;margin-bottom:3px;}
.commenter-info p img{width:60px;height:60px;border:1px #999 solid;padding:2px;}
.comment-content p{margin-bottom:10px;line-height:160%;}
.comment-content a{font-size:1.2em;}
.comment-content p.comment-info{font-size:.8em;padding-bottom:12px;border-bottom:1px #EDEDED solid;margin-bottom:18px;color:#A6A6A6;}
.smilies-panel{position:absolute;left:35px;top:10px;width:125px;overflow:hidden;}




