@charset "utf-8";
/*
Theme Name: Qing Hua
Theme URI: 
Description: ddcat.
Author: ddcat
Author URI: http://www.ddcat.net
Tags: blue, two columns, widget ready
Version: 0.1
License: 
*/
body { margin:0; padding:0; background: #036 url(images/body_bg.gif); color: #000; }
#box { min-width:980px; background:url(images/box_bg.png) repeat-x; font: 75%/2 "宋体", serif; }

form, p, h1, h2, h3, h4, h5, h6, ul, ol, li, small, blockquote, pre { margin:0; padding:0; }
fieldset {border:none;}
ul, ol, li { list-style:none inside;}
h2 { font-size: 1.2em; color: #036; }
h3 { font-size: 1.1em; }
h4, h5, h6, table, td, input { font-size:1em; }
small { font-size: smaller ;}
a { color: #039; text-decoration:none; }
a:visited { color:#666; }
a:hover { color: #c00; }
a img { border: none; }
blockquote { margin:30px; padding:5px 10px; border:1px #69F solid; background:#fff; color:#666; }

#header { width: 980px; margin:0 auto; overflow: hidden; height: 150px; background: url(images/header_bg.jpg) no-repeat top right; }
#logo { float:left; }
#logo h1 { width:355px; height:150px; overflow:hidden;}
#logo h1 a { display:block; height:150px; outline:none; background:url(images/logo_201007.png) no-repeat; color: #fff; text-indent:-9999px; text-decoration: none;}
.description { display:none; }

.search, #topNav .otherNav, #topNav li a, .post h2,.post a[href^="http:"],.post .postMetaData li,#sidebar1 .widget li a,#bottomNav .otherNav, #bottomNav li a {background:url(images/icon.png) no-repeat;}

.search { float:right; margin-top:10px; width:190px;text-align:left; height:40px; padding-right:4px; overflow:hidden; background-position:0 -357px; white-space:nowrap; }
.search .searchText { width:135px; height:12px; padding:6px 0; border:none; background:none; line-height:12px;}
.search .searchSubmit { margin:0; padding:0 10px; border:none; background:none; color:#cef; text-align:center; font-weight:bold; cursor:pointer;}

#topNav { float:right; clear:right; width:292px; height:24px; margin-top:48px; overflow:hidden; white-space:nowrap; }
#topNav .subNav { float:left; }
#topNav .otherNav { float:right;padding-left:15px;background-position:0 -415px; }
#topNav ul li { float:left; }
#topNav li a { display:block; width:34px; height:1em; margin:0 5px; padding:0.5em 0; background-position:0 100px; color:#cef; line-height:1em; text-align:center; }
#topNav li a:hover { padding-top:40px; }
#topNav .navBlog a:hover { background-position:0 0; }
#topNav .page_item a:hover { background-position:-150px 0; }
#topNav .navRss a:hover { background-position:-300px 0; }
#topNav .navColor a:hover { background-position:0 -70px;}
#topNav .navBbs a:hover { background-position:-150px -70px;}
#topNav .navCss a:hover { background-position:-300px -70px;}

#wrapper { position:relative; width:964px; margin:0 auto; padding:0 0 20px; background:url(images/wrapper_bg_201007.png) no-repeat; }
#content { float:left; width:706px; margin-top:30px; background:#def url(images/content_bg.gif) repeat-y; }
.post h2 { height:32px; padding:2px 0 0 48px; background-position:-500px 2px; line-height:1.1em; }
.post h2 a {display:block;border:none;}
.post .postDate { margin:-1.2em 0 1.2em 48px; line-height: 1.2em; text-indent:0; }
.post p { clear:both; line-height:2em; font-size:1.1em; text-indent:2em; }
.post blockquote p { padding:0; }
.post a { border-bottom: 1px dotted; }
.post a[href^="http:"] { padding-right:8px; background-position:100% -290px;}
.post a[href^="http:"]:visited { background-position:100% -370px; }
.post a[href^="http:"]:hover { background-position:100% -330px; }
.post a[href^="http://www.ddcat.net/"] { background:none; padding:0; }
.post ul, .post ol { font-size:1.1em; margin:10px 30px 10px 50px; line-height:2; text-indent:-1em;}
.post ul ol, .post ul ul, .post ol ul, .post ol ol { font-size:1em; }
.post ul li, .post ol ul li { list-style-type:square; }
.post ol li, .post ul ol li { list-style-type:decimal; }
.post ol ol > li {list-style-type:lower-roman;}
.post ul ul > li {list-style-type:disc;}
.post img { padding:2px; border: 1px solid #999; background:#fff; max-width:600px;}
#content .post .wp-caption { background:#f0f0f0; border:1px solid #666; margin:10px auto; max-width:600px; overflow:auto; padding:5px;}
#content .post .wp-caption a {border:none;}
#content .post .wp-caption img { max-width:none; }
#content .post .wp-caption-text { font-size:1em; line-height:2; text-indent:0; padding:0; }
#content .post .wp-caption-text:after, #content .post .wp-caption-text:before { content:" -- "; }
.post .aligncenter { text-align:center; }
.post .more-link { font-weight:bolder; display:block; text-align:center; clear:both; border:none; }
.contentBtm { position:relative; bottom:-17px; padding-bottom:15px; background: url(images/contentBtm_bg.gif) no-repeat left bottom; text-align:center; }
.contentBtm li { display:inline; padding:0 10px; }

.post {clear:both; min-height:150px; }
.post ins { font-weight:bolder; color:#f00; }
.post del { font-weight:bolder; color:#036; }
.post h4 { padding:10px 0; }
.post .postMetaData { clear:both; padding:20px 0 34px 0; height:100%; background:url(images/line_1.gif) no-repeat center bottom;}
.post .postMetaData ul { float:right; margin:0; padding:0; text-align:right; font-size:1em; text-indent:0; }
.post .postMetaData li { float:right; list-style:none; margin-left:20px; padding-left:24px; background-position:0 100px; white-space:nowrap; }
.post .postMetaData strong { display:none; }
.post .postMetaData .postTag { background-position: -500px -80px; }
.post .postMetaData .postCat { background-position:-500px -130px; }
.post .postMetaData .postComm { clear:right; background-position: -500px -180px; }
.post .syntax {clear:both;padding:4px;border:1px dotted #CCCCCC;background:#F0F8FF;}
.post .syntax > dt {border-top:1px dotted #CCCCCC;background:#FFFFFF;}
.content-table {width:99%;margin:auto;border:1px solid #036; border-collapse:collapse;background:#FFFFFF;}
.content-table th {background:#F0F8FF;font-weight:bolder;}
.content-table td, .content-table th {padding:2px;border-right:1px dotted #CCCCCC;border-bottom:1px dotted #CCCCCC;}
.content-table tbody th {background:#FFFFFF;}

.contentList .post { margin:0 20px 20px; background: url(images/contentList_post_bg.gif) no-repeat 100% 75%; }
.contentList .post p { padding-right:100px; }
.contentList .post .postMetaData { padding-right:90px;}
.contentList .post:first-child { background:url(images/line_2.gif) no-repeat bottom right; }
.contentList .post:first-child .postMetaData { background:none; padding-bottom:15px; }

#content .archivesList { line-height:2em; background:none; }
.contentList .archivesList div { padding-bottom:35px; background: url(images/line_1.gif) no-repeat center bottom; margin-bottom:20px; clear:both; }
.contentList .archivesList h3 { background:#9cf; text-align:center; }
#content .archivesList li { list-style:none; }
.contentList .archivesList .byMonth ul { overflow:hidden; width:90%; margin:0 auto; text-indent:0; }
.contentList .archivesList .byMonth li { float:left; width:24.5%; }
.contentList .archivesList .cat-item { overflow:hidden; margin:2px; }
.contentList .archivesList .cat-item a { display:block; background:#c8e3ff;padding-left:2em;border:0 none;}
.contentList .archivesList .children { margin-left:2em; overflow:hidden; }
.contentList .archivesList .children li { float:left;}
.contentList .archivesList .children li a { background:none; }

.contentShow .post { clear:both; margin:20px 40px; }
.contentShow .post .postCat { clear:both; }

.searchList .post { background:url(images/line_1.gif) no-repeat center bottom; padding-bottom:35px; }
.searchList .post p { padding:0 20px;}
.searchList .post .more { text-align:center; text-indent:0; }

.comments { margin-top:10px; clear:both; }
#content .comments ul { padding-bottom:10px; margin:0; text-indent:0; }
#content .comments li { clear:both; padding:10px; background:#c8e3ff; overflow:hidden; list-style:none; }
#content .comments li h4, #content .comments li p { margin-left:70px; clear:none; text-indent:0; font-size:1em; padding:0; border:none; }
#content .comments li h4 strong { margin-right:.5em; }
#content .comments li p q { color: #09C; border-bottom: 1px dotted;}
.comments li img { float:left; clear:left; }
#content .comments li.alt { background:none; }
.comments h3 { background:#9cf; line-height:2em; text-align:center; clear:both;}
#content .comments .commentTime { color: #69C; font-size:0.9em; }
#content .comments ins { background:#acd6ff; color:#06C; display:block; font-weight:normal; margin-left:1em; padding:0 1em; text-decoration:none; }
.comments .count { border-top:1px dotted #9CF; font-size:0.9em; text-align:right; }

#sidebar { width:246px; line-height:2em; float:right;}
#sidebar a:visited { color:#36C; }
#sidebar a:hover { color:#c00; }
#sidebar1, #sidebar2 { background:url(images/sidebar1_widget_bg_btm.gif) no-repeat center bottom; height:1%; padding-bottom:13px; margin-bottom:10px; }
#sidebar .widget { background:url(images/sidebar1_widget_bg_top.gif) no-repeat; padding-top:3px; overflow:hidden; clear:both;}
#sidebar .widget h2 { font-size:1em; height:2em; text-align:center;  margin:0 9px;}
#sidebar .widget ul { background:#9cf url(images/sidebar1_widget_bg.gif) repeat-y; padding:0 9px;}
#sidebar1 .widget .children { border-top:1px solid #06c; margin-top:1px; background:none; padding:0; }
#sidebar1 .widget .children li { border:none; }
#sidebar1 .widget li { border-top: 1px #06c solid; padding:1px 0; list-style-position:outside;}
#sidebar1 .widget li a { padding-left:28px; display:block; line-height:1.8; color:#fff; background-color:#06c;background-position:100% 100%; }
#sidebar1 .widget li a:visited { color:#fff;}
#sidebar1 .widget li a:hover { font-weight:bolder; }
#sidebar1 .widget .children a { border:none; padding-left:50px; color:#000; background-position:0 100px; background-color:#9cf;}
#sidebar1 .widget .children a:visited { color:#000; }
#sidebar1 .widget .children a:hover { color:#039; background-position:-490px -241px; background-color:#6fb7ff; border:none; font-weight:normal; }
#sidebar1 .widget .recentcomments a { background:none; }

#sidebar2 .widget h2 { border-bottom: 3px double #39f;}
#sidebar2 .widget .recentcomments { border-bottom:1px dotted #39f; padding:0 10px;}
#sidebar2 .widget .recentcomments:hover { background:#6fb7ff; }

#sidebar3 { background:url(images/sidebar1_widget_bg_top.gif) no-repeat; padding-top:22px;}
#sidebar3 .wrap { background:url(images/sidebar1_widget_bg_btm.gif) no-repeat 0 100%; padding-bottom:13px; }
#sidebar3 .widget { background:#9CF url(images/sidebar1_widget_bg.gif) repeat-y; overflow:hidden; margin:0; padding:0; clear:both; width:246px; }
#sidebar3 .widget ul { background:none;}
#sidebar3 .widget h2 { background:#39f; border-bottom:3px double #9cf;}
#sidebar3 .widget .blogroll li { min-width:49.5%; float:left; white-space:nowrap; }
#sidebar3 .widget .blogroll a:hover { background:#def;}
#sidebar3 .widget .blogroll a { display:block; }

#footer { clear:both; background: url(images/footer_bg.jpg) no-repeat; height:130px; width:964px; margin:0 auto; }
#bottomNav { float:right; padding-right:5px; margin-top:48px; height:32px; line-height:32px; overflow:hidden; width:412px; }
#bottomNav .subNav { float:left; }
#bottomNav .otherNav { float:right;padding-left:15px;background-position:0 -411px; }
#bottomNav ul li { float:left; }
#bottomNav li a { color:#cef; display:block; width:54px; text-align:center; margin:0 5px; background-position:0 100px; }
#bottomNav li a:hover { padding-top:40px; }
#bottomNav .navBlog a:hover { background-position:0 -150px; }
#bottomNav .page_item a:hover { background-position:-150px -150px; }
#bottomNav .navRss a:hover { background-position:-300px -150px; }
#bottomNav .navColor a:hover { background-position:0 -260px;}
#bottomNav .navBbs a:hover { background-position:-150px -260px;}
#bottomNav .navCss a:hover { background-position:-300px -260px;}
#footer .copyright { clear:both; color:#9CF; text-align:center; line-height:3em; padding-top:10px; }

#wrapper:after, .post:after, .postMetaData:after, .blogroll:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.ubbquote, #content .post  .note, #content .post  .tips { line-height:2em; border:1px solid #9cf; color:#555; background: #f0f8ff; margin:10px; padding:0 10px; overflow:auto; text-indent:0; }

.ccode, .code, .code_html, .code_css, .code_js { background:#F0F8FF; color:#093; border:1px solid #069; line-height:1.6em; }
.code pre { background:#ffffff; border: 1px dotted #999; display:block; margin:5px; font-size:1.1em; overflow:auto; padding:5px; }
.html { color:#093; }
.css, .ccodeCss, .code_css { color:#C60; }
.js, .code_js { color:#06C; }
.warning { color:#f00; }

.prop_def { background:#fff; border:1px solid #999999; clear:both; margin:10px; padding:5px; }
.prop_def dd { margin:0; }
.prop_def .prop_name { font-weight:bolder; }
.prop_def .prop_spec dt { border-top:1px dotted #666; float:left; margin:0; text-align:right; width:6em; }
.prop_def .prop_spec dd { border-top:1px dotted #666; margin-left:6em; }
.prop_def .value_spec dt { border:none; white-space:nowrap; width:7em; }
.prop_def .value_spec dd { border:none; margin-left:7em; }

/* For ie 7- */
* html body { font-size: large; }
* html #box { background-image:url(images/box_bg.gif); }
* html #logo h1 a { background-image:url(images/logo_201007_ie6.png);}
* html .post { height:100px; }
* html .contentList .post img { width:80%; }
* html .post .postMetaData { height:36px; }
* html .post .postMetaData ul { width:100%; }
* html .ccode { width:90%; }
*+html #sidebar3 .widget h2 { border-color:#39f;}
* html #sidebar3 .widget .blogroll li { width:49.5%; }
*+html .code pre { overflow:visible; word-break: break-all;word-wrap:break-word;}
* html .code pre { overflow:visible; word-break: break-all;word-wrap:break-word;}