/*---------- CSS写的比较乱,大家凑合着看吧.www.kuhum.com ----------*/

body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img {border:none;}
abbr, acronym { border:none;font-variant:normal;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
blockquote,pre{background-color:#FFFFFF;padding:10px 20px;margin:10px 20px 0 20px;border:1px dotted #CDCDCD;}
blockquote p,pre p{margin-top:0;margin-left:5px;margin-right:5px;}
q:before, q:after {content: '';}
body {line-height:1.5;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
:link, :visited {text-decoration: none;}
a:hover {text-decoration:underline;}
:focus {outline:0;}/* remember to define focus styles! */
input, button, textarea, select {*font-size: 100%;}
.clearfix{clear:both;}
.clear:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clear {display:inline-table;}
/* Hides from IE-mac \*/ 
*html .clear {height:1%;}
.clear {display:block;}
/* End hide from IE-mac */

/*---------- global ----------*/
body {background-color:#F7F7F7;color:#666666; font-size:12px;font-family:Geneva,Arial,Helvetica,sans-serif;}
a{color:#0B477D;}
#header {background-color:#7D0B28;}
#wrapper{width:980px;margin:20px auto 10px;}
#content {width:630px;}
#sidebar {width:300px;padding:15px 19px 10px;border:1px solid #E7E6E2;background-color:#FFFFFF;color:#000000;}
#footer{padding:15px 0;background-color:#282F36;color:#000000;font-weight:bold font-size:18px;}
.left {float:left;}
.right {float:right;}

/*---------- header ----------*/
#header-top{width:980px;margin:0 auto;height:150px;color:#000;font-weight:bold font-size:18px;}
#header-top #logo {width:250px;height:100px;padding-top:25px;}
#menu {height:39px;background-color:#282F36;}
#nav {width:980px;height:39px;margin:0 auto;}
#menu #nav li{float:left;padding:0 25px 0 0;height:39px;line-height:39px;}
#menu #nav li a{font-size:13px;color:#CDCDCD;font-weight:bold;}
#switch-sidebar {cursor:pointer;}


/*---------- up-down ----------*/
#up-down {bottom:20px;height:96px;position:fixed;right:0;width:32px;}
#go-up,#go-down,#go-comt{background:url(images/up-down.png) no-repeat;position:relative;cursor:pointer;height:32px;width:32px;margin:0;}
#go-up{background-position:0px 0px;}
#go-down{background-position:0px -64px;}
#go-comt{background-position:0px -32px;}


/*---------- sidebar ----------*/
.widget {padding:0 0 10px;color:#282F36;}
.widget h2 {color:#494949;font-size:16px;margin-bottom:10px;}
.widget a {color:#0B477D;}

.widget ul li {border-bottom:1px dotted #DDDDDD;margin-bottom:5px;padding:0 0 8px;line-height:20px;}
.widget ul li a {line-height:16px;padding:0 0 0 19px;}

#widget_recent_posts ul li a,#widget_meta ul li a {background:transparent url(images/arrow-blue.png) no-repeat scroll 0 3px;}
#widget_recent_comments ul li a{background:transparent url(images/arrow-red.png) no-repeat scroll 0 3px;}
#widget_category ul li a,#widget_archive ul li a {font-size:12px;font-weight:normal;background:transparent url(images/arrow-green.png) no-repeat scroll 0 3px;}
#widget_links ul li a {background:transparent url(images/arrow-pink.png) no-repeat scroll 0 3px;}
#widget_category ul li,#widget_archive ul li,#widget_links ul li {float:left;width:48%;}
#widget_recent_comments ul li .comment-show{background:transparent url() no-repeat scroll 0 0;padding:0;color:#494949;}

/*---------- post ----------*/
.crumbs_patch{margin-bottom:5px;border:1px dotted #ECECEC;padding:5px 0 5px 10px}
.post h2.post-title a{font-size:18px;color:#7D0B28;}
.post-meta {height:28px;line-height:28px;margin-top:5px;}
.cat-links {background:#282F36 none repeat scroll 0 0;color:#FFFFFF;padding:5px;}
.post-date {background:#E1E1E1 none repeat scroll 0 0;padding:5px;}
.cat-links a {color:#FFFFFF;}
.post-date a {color:#666666;}
.post .post-content {margin:10px 0 10px;border-bottom:1px dotted #CDCDCD;padding-bottom:10px;}
.post .post-content p{line-height:18px;margin:10px 0;}
.post .post-content .more{text-align:right;}
.post .post-content .more a {color:#282F36;}
.post .post-content p a img {border:5px solid #999999;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.post .post-content p a:hover img {border:5px solid #CCCCCC;}
/*---------- footer ----------*/
.copyright{width:980px;margin:0 auto;text-align:center;color:#666666;}
.copyright a{color:#CDCDCD;}

/*---------- page-navi ----------*/
.pages{margin:5px 0;min-height:24px;}
.pages li{float:left;margin:0 3px 0 0;display:inline;display:block;line-height:1.2em;}
.pages li a{padding:4px 7px;border:1px solid #CCC;float:left;color:#888;background-color:#FFF;background-image:none;text-decoration:none;line-height:1.2em;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pages li a:hover{border:1px solid #7D0B28;color:#7D0B28;background:#FFF;}
.pages li.nolink{border:1px solid #EEE;padding:4px 7px;color:#CCC;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pages li.current a{border:1px solid #7D0B28;padding:4px 7px;background:#7D0B28;color:#FFF;font-weight:bold;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pages li.skip{border:0px;padding:1px;color:#666;}

/*---------- comments ----------*/
#comments {margin-top: 20px;}
#comments h4 {font-size: 16px;font-weight: bold; color:#7D0B28;}
ol#comment_list ol {padding-top: 10px;}
ol#comment_list li {padding: 10px 15px;margin-top: 10px;border: 1px solid #eee;background: #FAFAFA;overflow: hidden;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
ol#comment_list ol li {background: #fff;}
ol#comment_list li.odd {background: #FAFAFA;}
ol#comment_list li .comment_reply {text-align: right;}
ol#comment_list li .comment_reply a {font-size: 11px;border: none;color: #aaa;}
ol#comment_list li .comment_reply a:hover {color: #444;}
.comment_data {padding-bottom: 8px;color: #999;font-size: 11px;/*border-bottom: 1px dashed #eee;*/}
.comment_data .author {display: block;font-size: 15px;color: #444;}
.comment_data .count {margin-left: 5px;font-weight: bold;}
.comment_data .author a {}
.comment_body {overflow: hidden;}
img.avatar {float: left;margin: 6px 10px 0 0;/*display: none;*/}
#respond {margin-top: 20px;}
ol#comment_list li #respond {border-top: 1px solid #ddd;padding-top: 10px;}
#comment_form {padding-right:8px;}
#comment_form p{margin-top:10px;}
#respond .cancle_comment_reply {float: right;font-size: 11px;display: none}
#respond .cancle_comment_reply a {border: none;color: #aaa;}
#respond .cancle_comment_reply a:hover {color: #444;}
ol#comment_list li #respond .cancle_comment_reply {display: inline;}
#comment_form label {font-size:12px;color:#555;}
#comment_form .required {color:red;padding-left:5px;font-size:14px;}
#comment_form textarea {width: 90%;height: 180px;border:1px solid #BAE0F3;}
ol#comment_list li #respond .comment_input {_width: 200px;}
ol#comment_list li #respond .textarea {_width: 400px;}
#comment_form .comment_input {width: 200px;}
#comments .comment_input{border:1px solid #BAE0F3;color:#333333;height:20px;line-height:20px;width:200px;}
#submit {background:transparent none repeat scroll 0 0;border:1px solid #BAE0F3;color:#333333;cursor:pointer;padding:5px;width:90px;}
#submit:hover{background-color:#379BCD;color:#FFF;border-color:#379BCD;}
#submit:focus{background:none;color:#333;border-color:#F90;}
#comments .comment_input:focus,#comments .textarea:focus{border:1px solid #F90;}

/*---------- tooltip ----------*/
#tooltip {position:absolute;z-index:1000;width:auto;max-width:400px;word-wrap:break-word;background:#000000;padding:5px;min-height:1em;border:2px double #cdcdcd;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#tooltip p {color:#FFFFFF;font:12px verdana, arial, sans-serif;margin:0;padding:0;}
#tooltip p em {display:block;margin-top:3px;color:#00CCFF;font-style:normal;font-weight:700;}
#tooltip .linkto {color:#FFFFFF;}

pre {white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;}
* html pre{word-wrap: break-word;white-space : normal ;}