/*
THEME NAME: Dark Spring
THEME URI: http://www.zhcexo.com/
DESCRIPTION: Colorful wordpress theme designed by ZH CEXO.
VERSION: 1.0
AUTHOR: <a href="http://www.zhcexo.com/">ZH CEXO</a>
TAGS: sandbox, microformats, widgets, two coloum
*/

/*Main reset-----------------------------------*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
/*xhtml elements-------------------------------*/
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:400; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:400; line-height:1em; }
q:before, q:after { content:''; }
fieldset, img, abbr, acronym { border:0; }
blockquote { margin-left:20px; border:1px dotted #999; border-left:5px solid #9ABFCF; padding-left:20px; padding-right:10px; }
a { text-decoration:none; color:#CC3300; }
a:hover { text-decoration:underline; color:#F00; }
p { line-height:200%; margin-bottom:1em; }
img { max-width:610px; }
label { cursor:pointer; }
input { border:none; }
textarea { overflow:auto; }
/*Firefox webkit opera hacks------------------*/
@media all and (min-width: 0px) {
#main, #footer {
margin-left:1px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#main, #footer {
margin-left:0;
}
}
html>/**/body #footer, #main, x:-moz-any-link, x:default {
margin-left:0;
}
/*Layouts-------------------------------------*/
body { background:#101318 url(images/header.jpg) center top no-repeat; display:table; font-family:Georgia, "宋体", "Times New Roman", Times, serif; font-size:16px; width:100%; }
pre{background:#F7F7F7;	font-family:"Courier New",Monospace;font-size:12px;margin:0 0 1em;overflow:auto;width:99%;}
#wrapper { margin:0 auto; width:960px; font-size:0.875em; }
#main { background:url(images/bg-repeat.jpg) center top repeat-y; width:960px; }
#container { float:left; width:650px; padding-left:20px; }
#content { width:650px; min-height:1200px; }
.sidebar { float:left; width:250px; margin-left:20px; margin-top:-59px; }
#footer { display:block; height:420px; width:960px; background:url(images/footer.png) center top no-repeat; }
/*header--------------------------------------*/
#header a { display:block; height:127px; width:350px; text-indent:-9999px; }
#blog-description { display:none; }
li#search { width:200px; height:25px; list-style:none; position:relative; left:732px; top:-60px; }
#find { width:20px; height:20px; background:none; border:none; cursor:pointer; }
#search h3 { display:none; }
#s { width:175px; height:24px; background:none; border:none; font-family:Georgia, "Times New Roman", Times, serif; color:#666; }
/*navigation----------------------------------*/
#primary-nav { clear:both; display:block; float:left; height:49px; width:960px; margin-bottom:100px; margin-top:-25px; }
#primary-nav ul.prim-nav li.active { float:left; }
#primary-nav ul.prim-nav li.active a { background:url(images/tabs.png); display:block; height:49px; width:145px; margin-left:40px; text-indent:-9999px; }
#primary-nav ul.prim-nav li.about a:hover { background-position:-145px 0; }
#primary-nav ul.prim-nav li.message a { background-position:0 -49px; }
#primary-nav ul.prim-nav li.message a:hover { background-position:-145px -49px; }
#primary-nav ul.prim-nav li.sitemap a { background-position:0 -98px; }
#primary-nav ul.prim-nav li.sitemap a:hover { background-position:-145px -98px; }
#primary-nav ul.prim-nav li.contact a { background-position:0 -147px; }
#primary-nav ul.prim-nav li.contact a:hover { background-position:-145px -147px; }
#primary-nav ul.prim-nav li.rssfeed a { background-position:0 -196px; }
#primary-nav ul.prim-nav li.rssfeed a:hover { background-position:-145px -196px; }
.iclear { clear:both; }
/*breadcrumb navigation-----------------------*/
.newtitle { color:#FFF; font-size:24px; margin-top:-50px; margin-left:80px; margin-bottom:35px; }
#postpath { position:relative; top:-36px; left:60px; font-size:1.14em; color:#FFF; }
#postpath a { color:#FFF; }
#postpath a:hover { color:#F00; text-decoration:none; }
/*content&posts-------------------------------*/
.post { width:610px; }
.post h3 { font-weight:bold; line-height:200%; margin-bottom:1em; }
.post h2, .entry-title { margin-bottom:15px; line-height:200%; }
.post h2 a, .entry-title { font-size:20px; text-decoration:none; color:#CC3300; }
.post h2 a:hover { color:#F00; text-decoration:underline; }
.newestpost { padding-left:20px; background:url(images/newbottom.jpg) center bottom no-repeat; padding-bottom:55px; }
.newestpost .postinfo { margin-top:6px; }
.newestpost .postinfo .newcata { background:url(images/newlabel.png) left top no-repeat; padding-left:20px; }
.newestpost .postinfo .newcomment { background:url(images/newlabel.png) left bottom no-repeat; padding-left:20px; margin-left:20px; }
.recentposts { font-size:24px; margin-left:20px; border-bottom:1px dotted #666; width:610px; }
.oldposts, .related_post { margin-top:20px; margin-left:20px; border-bottom:1px dotted #666; width:610px; }
.incontent { border-bottom:none; margin-top:-10px; }
.incontent .postinfo { float:left; }
.postinfo { float:right; }
.postinfo a { color:#597CC2; }
.postinfo a:hover { color:#003AF7; }
.entry-meta { margin-top:20px; margin-left:20px; width:594px; padding:8px; background:#FFFFCC; }
.entry-meta span { color:#003AF7; }
.entry-meta a { color:#000; }
.entry-meta a:hover { color:#F00; }
.relatedposts h3 { display:none; }
.related_post { border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:20px 0 20px 0; min-height:140px; background:url(images/related.png) center right no-repeat; }
.related_post a { color:#000; }
.relatedposts a:hover { color:#F00; }
.related_post li { margin-bottom:auto; background:url(images/list.png) center left no-repeat; padding-left:20px; line-height:200%; }
/*pagination----------------------------------*/
.wp-pagenavi, .wp-commentnavi { background:#f2ebe3 url(images/navibg.png) center center repeat-x; padding:0px 20px; padding-left:20px; height:30px; line-height:30px; margin-top:20px; margin-right:20px; font-size:.875em; font-weight:bold; border-top:1px solid #d4cac0; border-bottom:1px solid #d4cac0; clear:both; }
.wp-pagenavi span.pages, .wp-commentnavi span.pages { padding-right:20px; display:block; float:left; height:30px; border-right:1px solid #d4cac0; }
.wp-pagenavi span.current, .wp-commentnavi span.current { display:block; float:left; padding:0px 10px; height:30px; background-repeat:repeat-x; background-position:0 -840px; border-right:1px solid #d4cac0; color:#a1a1a1; }
.wp-pagenavi span.extend, .wp-commentnavi span.extend { display:block; float:left; padding:0px 10px; color:#a1a1a1; height:30px; border-right:1px solid #d4cac0; }
.wp-pagenavi a, .wp-commentnavi a { display:block; float:left; padding:0px 10px; color:#9c8069; height:30px; border-right:1px solid #d4cac0; }
.wp-pagenavi a:hover, .wp-commentnavi a:hover { background-repeat:repeat-x; background-position:0 -780px; color:#694a31; }
div.wp-pagenavi:after, div.wp-commentnavi:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
/*comments------------------------------------*/
#comments { width:610px; margin-left:20px; margin-top:10px; }
#comments-list h3, #respond h3, #trackbacks-list h3 { background:url(images/Chat.png) center left no-repeat; padding-left:70px; line-height:40px; font-size:1.285em; height:40px; color:#CC3300; }
#comments-list ol, #trackbacks-list ol { margin-top:10px; }
#comments-list ol li, #trackbacks-list ol li { border-bottom:1px solid #CCC; margin-bottom:20px; padding:20px; padding-bottom:6px; }
.comment-author img { background:#FFF; margin-bottom:10px; padding:3px; border:1px solid #999; float:left; }
.fn { font-weight:bold; }
.fn a { color:#326A9A; }
.fn a:hover { color:#F00; }
.fn, .comment-meta { font-family:Verdana, Geneva, sans-serif; clear:right; float:right; }
.emotions { margin-top:10px; }
#commentform .required { color:#F00; }
#commentform input, #commentform textarea { padding:3px; }
.form-input input { width:200px; height:17px; border:1px solid #CCC; padding-top:4px; }
#commentform .form-input .required, #commentform .form-textarea .required { color:#000; }
#commentform input, #commentform textarea { font-family:Georgia, "Times New Roman", Times, serif; }
.form-label, .form-input, .form-textarea, .form-submit { margin-top:10px; }
#hide { margin-left:70px; }
textarea#comment { border:1px solid #CCC; width:400px; }
input#submit { padding:5px; font-size:1em; border:1px solid #CCC; background:#FFF; cursor:pointer; }
input#submit:hover { background:#334454; color:#FFF; border:1px solid #334454; }
/*sidebar-------------------------------------*/
.sidebar .xoxo { width:210px; margin-left:20px; }
.widget { margin-bottom:20px; }
.widget h3, .widget h2 { background:url(images/sidebar.png) center top no-repeat; display:block; width:210px; height:42px; text-indent:-9999px; }
#sidebarhot h3 { background-position:0 -42px; }
#sidebarblogroll h2 { background-position:0 -84px; text-indent:-9999px; }
.sidebar a, .hotest a, .mtool a { color:#000; }
.sidebar a:hover, .hotest a:hover, .mtool a:hover { color:#F00; }
.widget ul { margin-top:10px; }
.widget ul li, .hotest ul li, .mtool li ul li { line-height:200%; padding-left:20px; background:url(images/list.png) 1px 10px no-repeat; }
#sidebarblogroll ul li { padding-left:0; background:none; }
#sidebarblogroll .linkcat .blogroll { margin-left:0; }
#sidebarblogroll .linkcat .blogroll li { padding-left:20px; background:url(images/list.png) 1px 10px no-repeat; }
.wp-pagenavi { margin-top:20px; margin-left:20px; }
/*footer--------------------------------------*/
.hotest { float:left; display:block; width:300px; margin-left:60px; }
.hotest h2 { text-indent:-9999px; }
.hotest ul { margin-top:120px; }
.hotest ul li { line-height:200%; }
.interests { float:left; display:block; margin-left:20px; text-indent:-9999px; }
.interests a { display:block; width:240px; height:78px; }
.grshare { margin-top:130px; }
.mtool { float:left; display:block; width:250px; }
.mtool li ul { margin-top:130px; margin-left:70px; }
.mtool li ul li { line-height:200%; }
#copyright { clear:both; display:block; width:920px; margin-left:20px; color:#FFF; }
.copyl { float:left; margin-top:50px; }
.copyr { float:right; margin-top:50px; }
/*notfound------------------------------------*/
.notfound { width:610px; margin-left:20px; }
.notfound img { float:left; margin-right:20px; }
/*sitemap-------------------------------------*/
.leftcolumn { float:left; width:150px; margin-right:20px; }
.leftcolumn li, .rightcolumn li { background:url(images/list.png) 1px 10px no-repeat; padding-left:16px; line-height:200%; }
.leftcolumn ul { margin-bottom:20px; }
.rightcolumn { float:left; width:440px; }
.leftcolumn h3, .rightcolumn h3 { font-size:1.143em; color:#F00; margin-bottom:10px; }
.leftcolumn a, .rightcolumn a { color:#000; }
.leftcolumn a:hover, .rightcolumn a:hover { color:#F00; }
/*my theme only--------------------------------*/
.thepic { float:left; border:1px solid #CCC; padding:3px; margin-right:20px; }
.backtop { display:block; background:#101318; border:1px solid #FFF; position:fixed; right:20px; bottom:20px; padding:5px; }
.backtop a { color:#FFF; text-decoration:none; }
a.download { display:block; height:60px; width:610px; background:url(images/download.png) center top no-repeat; color:#FFF; font-weight:bold; text-decoration:none; font-size:20px; text-align:center; line-height:60px; }
a.download:hover { background:url(images/download.png) center bottom no-repeat; text-decoration:none; color:#FFF; }