@charset "utf-8";
/*update:dingzhijun(2010-03-17 10:20)*/
/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-l-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');
input, select, textarea { color: #eee; background-color: #3F3F3F; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
input[type="submit"], input[type="button"], button { background: url("images/btn-bg.jpg") repeat-x left top; color:#ddd; font-weight: normal; position: relative; height: 22px; overflow: hidden; border: 1px solid #101010; padding: 3px 10px; font-size: 12px; line-height: 0.75em; text-transform: uppercase; cursor: pointer; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px }
input[type="submit"]:hover, input[type="button"]:hover, button:hover { background-position: 0 -22px; color: #ddd }
input[type="submit"]:active, input[type="button"]:active, button:active { background-position: 0 -44px; padding-top: 4px; padding-bottom: 0 }
abbr { border-bottom: 1px dotted #555 }
pre { background-color: #191919; border: 1px solid #333; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; padding: 5px; margin: 10px 0; white-space: pre; overflow: auto }
pre, code { font-size: 12px; }
body { background: #000 url("images/body-background.jpg") center top; color: #AFAFAF; font-family: "微软雅黑", "黑体"; font-size: 90%; font-style: normal; line-height: 2em }
#wrapper { background: transparent url("images/light-source-trans0.png") no-repeat center top; height: auto; min-height: 300px }
a { color: white; text-decoration: none }
a:hover { color: #ddd }
h1, h2, h3 { color: white }
h2 { font-size: 1.5em; margin-bottom: 0.7em }
#content ol, #content ul { margin-bottom: 1em }
.single #content li { line-height: 1.4em }
.single #content ul { border-top: 1px solid #101010; border-bottom: 1px solid #282828; }
.single #content li { padding: 10px 0 10px 24px; list-style: none; position: relative; border-top: 1px solid #282828; border-bottom: 1px solid #101010 }
.twitter { background: url("images/icons/twitter.png") no-repeat left center }
.delicious { background: url("images/icons/delicious.png") no-repeat left center }
.designer { background: url("images/icons/person.png") no-repeat left center }
.site-link { background: url("images/icons/globe.png") no-repeat left center }
#header { margin: 0 auto; padding: 0px 0  15px;}
#branding, #access { margin: 0 auto; overflow: visible; width: 980px; }
#branding { padding: 10px 0; height:40px; overflow:hidden; }
#blog-title { text-align: left; display: inline; float: left; }
#blog-title a { display: block; width: 190px; height: 35px;padding-top:8px; margin-bottom: 10px; font-family:"微软雅黑", "黑体"; font-size:30px; color:#03d6d5; font-weight:normal;}
.msie #blog-title a { position: relative; margin-bottom: -10px }
#blog-description {font-weight:normal; float:left; padding-top:27px; font-size:12px;height:12px;line-height:12px; color:#d9d9d9;}
#access { width: 980px; height: 45px; clear: both; background: url("images/menu-bg-trans.png") no-repeat top left; }
#access #category-menu ul { padding: auto }
#access #category-menu li { float: left; height: 45px }
#access #category-menu li.current-cat a{color:#03d6d5;}
#access #category-menu li a, li.blog-description span { display: block; font-size:14px; font-weight:400; height:20px; line-height:20px; margin-top:12px;  margin-right: 12px ;  color: white; text-decoration: none }
#access #category-menu li.home a { display: block; text-indent: -9000px; overflow: hidden; text-align: left; width: 24px; background: url("images/ico-home-trans.png") no-repeat; background-position: center -1px; padding-bottom: 0 }
#access #category-menu li.current_page_item { }
#access #category-menu li.current_page_item a { color: #ddd; }
#access #category-menu li:first-child { margin-left: 10px; _margin_left:0px;}
#access #category-menu li a:hover { color: #ddd }
#access #category-menu li.blog-description { position:absolute; left:160px; top:-40px; float:left; }
#access #category-menu li.blog-description span { color: #eee; font-weight: normal }
#page-menu { position: absolute; bottom: 45px; right: 0px; margin: 0; width: 300px; font-size: 12px; color: #888; z-index: 100 }
#page-menu #page-nav { text-align: right }
#page-menu #page-nav li { float: right; margin: 10px 0 0 4px }
#page-menu #page-nav li a { padding: 8px 12px; color: #999;font-size:12px;height:12px;line-height:12px;}
#page-menu #page-nav li.rss a { padding-left: 20px; background: url("images/ico-rss-trans.png") no-repeat left center }
#page-menu #page-nav li.blog a { padding-left: 20px; background: url("images/ico-blog.png") no-repeat left center }
#page-menu #page-nav li a:hover { color: white }
.skip-link { display: none; }
#main { margin: 0 auto 30px auto }
#primary, #secondary { display: none }
.page #primary { display: block }
.aside { width: 270px }
#content { width: 980px; margin: 0; float: none; padding-top: 0 }
.msie #content, .single #content, .home #content, .page #content { padding-top: 20px }
.page #content { margin-left: 320px; width: 620px }
.page #content li { list-style: disc; margin-left: 20px }
.single #container { position: relative }
.single .entry-content { float: left; margin: 0px 0 0 20px; width: 380px }
.single .artwork-container { float: left; width:572px;overflow:hidden; }
.single .entry-artwork {}
.single .entry-artwork img{ background-color: #191919;  display:block; padding:4px;}
.single .navigation { margin-top: 10px; padding-top: 0; }
.single .entry-content h1, h1.page-title { font-size: 20px; margin-bottom: .5em }
h1.page-title { margin-bottom: 10px; }
.single .entry-content p { line-height: 1.3em }
.home .entry-content, .tag .entry-content, .category .entry-content, .archive .entry-content { float: left; width: 140px; margin: 10px 0 10px 0; }
.home .entry-content a, .tag .entry-content a, .category .entry-content a, .archive .entry-content a { border: 3px solid #191919; display: block; height: 125px; width: 125px; overflow: hidden; position: relative; background-color: #191919 }
.home .entry-content a img, .tag .entry-content a img, .category .entry-content a img, .archive .entry-content a img { position: absolute; z-index: 5 }
.home .entry-content a span.slide-title, .tag .entry-content a span.slide-title, .category .entry-content a span.slide-title, .archive .entry-content a span.slide-title { position: absolute; top: 108px; left: 3px; width: 300px; line-height: 1em; color: white !important; font-size: .8em; text-transform: uppercase; z-index: 0 }
.home .entry-content, .tag .entry-content, .category .entry-content, .archive .entry-content { position: relative }
.home .entry-content .new, .tag .entry-content .new, .category .entry-content .new, .archive .entry-content .new { display: block; position: absolute; top: -6px; right: 10px; width: 42px; height: 22px; background: url("images/ico-new-trans.png") no-repeat top left; z-index: 200 }
span.cover-up { background: url("images/side-fade-trans.png") no-repeat right top; position: absolute; right: 0; top: 0; height: 125px; width: 20px; z-index: 4 }
.main-aside h3 { font-weight: bold; color: #fff; padding: 5px 0 5px 10px }
.main-aside .xoxo li { margin: 0 0 10px 0; padding: 15px; background-color: #191919; border: 1px solid #333; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
.main-aside .xoxo li div { padding: 0 0 0 10px; font-size: .8em; line-height: 2em }
.main-aside .xoxo li ul li { margin: 0; padding: 0 0 0 10px; background: transparent; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 }
.main-aside p { margin-bottom: 1em }
form { margin: 0 0 2em 0 }
legend { font-size: 1.2em; font-weight: 700; color: white }
.form-label, .wpcf7-form label { display: block; margin: 5px 0 0 0 }
input[type="text"], input[type="password"], textarea, select { font-family: Arial, Helvetica, sans-serif; border: 1px solid #303030; background: #191919; color: #999999; padding: 10px; }
.navigation {margin-bottom: 20px; overflow: hidden; text-transform: uppercase; width: 100%; }
#nav-above { display: none; }
#nav-below { clear: both; padding-top: 10px; height: auto; overflow: auto; padding-bottom: 10px }
.nav-next { float: right; text-align: right; width: 47%; font-size:12px;color:#666  }
.nav-next a{ color:#03D6D5;font-size:14px}
.home .nav-next, .tag .nav-next, .category .nav-next, .archive .nav-next { margin-right: 5px }
.nav-previous { float: left; width: 47%;font-size:12px; color:#666 }
.nav-previous a{color:#03D6D5;font-size:14px}
.home #nav-above, .tag #nav-above, .category #nav-above { display: none; }
.hentry { width: auto }
.entry-title { color: white; font-size: 2.6em; font-weight: bold; letter-spacing: -1px; margin-bottom: 1em; padding-bottom: 1px; }
.entry-title a { color: white }
.post .entry-meta, .post .entry-utility { color: #afafa1; font-size: 0.825em; margin-bottom: 24px; padding-bottom: 5px; }
.post p, .entry-content p { margin-bottom: 1em; }
.post pre, #content .page pre { font-size: 1.6em; }
.post dt { margin-bottom: 5px; padding-bottom: 5px; }
.post dd { color: #eee; margin-bottom: 1em; }
.post dl { margin-bottom: 1.3em; padding-left: 20px; }
.post a.more-link { background: #be194f; color: #fff; font-size: 0.75em; font-weight: bold; padding: 5px 10px; text-decoration: none; text-transform: uppercase; }
.post a.more-link:hover { background: #d93c6f; }
a.more-link .meta-nav { display: none; }
.post h3, .post h4, .post h5, .post h6 { margin: 5px 0; padding: 5px 0; }
.post h4 { font-size: 1.4em; }
.post h5 { font-size: 1.2em; text-transform: uppercase; }
.post h6 { font-size: 1.1em; text-transform: uppercase; }
.post blockquote { font: italic 2em Georgia, "Times New Roman", Times, serif; color: white; margin: 10px 0px; padding: 10px 20px 1px 10px; }
.post blockquote p { font-stayle: italic; }
.post .page-link { font-size: 0.825em; margin-bottom: 20px; text-transform: uppercase; }
.page-link a { background: #f0f0f0; border-bottom: 1px solid #ddd; border-left: 1px solid #eee; border-right: 1px solid #ddd; border-top: 1px solid #eee; padding: 5px 10px; text-decoration: none; }
.post .entry-utility { border-top: 1px solid #232323; margin-bottom: 0; padding: 5px 0 0 0; }
.btc-powered { font-size: 0.825em }
#comments { margin-top: 20px; padding: 20px 0 0 0; clear: both; overflow: auto }
#comments, #comments input[type="text"], #comments textarea { font-size: 12px; }
#comments h3 { font-size:16px; text-transform: uppercase; letter-spacing: 0.2em; padding: 7px 12px 7px 42px; font-weight: bold; background: #171717 url("images/ico-comment.png") no-repeat 16px center }
#comments #respond h3 { background-image: url("images/ico-person.png"); font-size:16px; }
#comments #comments-list #respond h3 { background-image: url("images/ico-reply.png") }
.formcontainer { border-top: 1px solid #282828; }
#comments-list { border-top: 1px solid #141414; float: left; margin-right: 30px; padding: 0 0 18px; width: 570px; }
#comments-list ol, #comments-list ul { list-style: none; margin: 0; }
#comments-list ol { margin: 0 0 18px 0; }
#comments-list li { padding: 18px 1.5em 18px 1.5em; position: relative; border-top: 1px solid #282828; border-bottom: 1px solid #101010 }
#comments-list ol { border-bottom: 1px solid #282828 }
.single #content #comments-list li, .page #content #comments-list li { padding: 20px 0; position: relative; z-index: 0 }
#comments-list li .avatar { height: 60px; width: 60px; padding: 4px; border: 1px solid #282828; background: #171717; float: left; position: relative; margin-left: -95px }
#comments-list .comment-author, #comments-list .comment-meta, #comments-list .comment-content, #comments-list .unapproved { display: block; margin-left: 100px }
#comments-list .unapproved { background-color: #191919; margin-bottom: 15px; padding: 10px; color: white }
#comments-list .comment-author { font-weight: bold;  font-size: 1.3em  padding: 5px 0 0 0;
}
#comments-list .comment-meta { color: #666; font-size: 11px; padding: 10px 0 9px 0; }
#comments-list .comment-meta a { color: #eee; font-style: italic; text-decoration: none; }
#comments-list .comment-meta a:active, #comments-list .comment-meta a:hover { color: #FF4B33; }
#comments-list .comment-content { padding-right: 10px }
#commentform { padding: 15px; width: 360px }
.comment-reply-link { font-size: 11px; padding: 0 0 18px 0; text-align: right; }
.hover-url { color: #666; margin-left: 10px; font-weight: normal; font-style: italic; font-family: Georgia, "Georgia MS", Times, serif }
.comment-reply-link a { color: #eee; font-style: italic; text-decoration: none; }
.comment-navigation { font-weight: bold; margin-right: 0.5em; padding: 0; }
.comment-navigation a { border: 1px solid #ccc; color: #eee; font-weight: normal; padding: 0.5em 0.75em; text-decoration: none; }
.comment-navigation a:active, .comment-navigation a:hover { color: #FF4B33; }
.comment-navigation a, .comment-navigation span { margin-right: 0.5em; }
#trackbacks-list .comment-content { left: -9000px; position: absolute; }
#respond { border-top: 1px solid #141414; margin-bottom: 22px; overflow: hidden; padding: 0; width: 570px; position: relative; z-index: 4 }
#comments-list #respond { margin: 0; padding: 0; float: none; width: 520px }
#comments-list #commentform { width: auto }
#comments-list ul #respond { margin: 0; }
#cancel-comment-reply { font-size: 11px; position: absolute; right: 1.5em; top: 7px; }
#respond .required { color: #FF4B33; font-weight: bold; }
.form-section { padding: 0 0 10px 0; clear: both; overflow: auto }
.form-section label { font-size: 11px; }
.form-section .form-label { width: 15%; float: left; clear: both; }
.form-section .form-input { width: 85%; float: right; text-align: right }
.form-section .form-input input { width: 80% }
.form-section .form-textarea { width: 100%; text-align: right }
.form-section .form-textarea textarea { width: 94% }
#respond #comment-notes { line-height: 1.2em; margin: 5px 0 20px 0; font-size: 12px; }
#comments-list ul.children { margin-left: 20px; }
.single #content #comments-list ul.children li { padding-left: 25px; background: url("images/ico-reply.png") no-repeat 5px 20px }
#form-section-comment .form-label { display: none }
#form-allowed-tags p { color: #ccc; font-size: 10px; line-height: normal; margin: 0; }
#form-allowed-tags span { font-style: italic; }
.form-submit { padding: 18px 0 0 0 }
.subscribe-to-comments { color: #eee; float: left; font-size: 11px; margin: 0; padding: 18px 0 0 0; }
.solo-subscribe-to-comments { color: #eee; font-size: 11px; padding: 18px 0 0 0; }
.comment_license { clear: both; color: #eee; font-size: 11px; margin: 0; padding: 18px 0 0 0; }
#footer { z-index: 0; border-top: 1px solid #666; color: #666; width:980px; margin: 20px auto 0; }
#footer a { color: #666 }
#footer a:hover { color: #666 }
#footer #subsidiary .aside { width: 980px }
#footer .widgetcontainer { float: left; width: 270px; padding: 10px; margin: 10px 10px 20px 10px; background: #121212; border: 1px solid #282828; }
#footer .widgetcontainer h3 { margin-bottom: 10px }
#footer .widgetcontainer a:hover { color: #999 }
#footer .reset { clear: both }
#siteinfo { text-align: center; font-size: .8em }
#siteinfo a { text-decoration: none; border-bottom: 1px dotted #333 }
#siteinfo a:hover { border-bottom-color: #555555 }
#author-info { border: 1px dotted #ccc; padding: 5px; overflow: hidden; font-size: 1.2em; margin-bottom: 20px; }
#author-info h2 { border-bottom: 3px double #ddd; padding: 5px 0; font-size: 1.8em; margin-bottom: 10px; }
#author-info .avatar { float: left; border: 3px double #ddd; margin: 0 10px 10px 0; }
/* IE6 fixes */

.ie6 .single .entry-content { height: 450px }
.ie6 .entry-content { height:130px; }
.ie6, .ie6 #container { width: 100%; overflow: hidden }
.ie6 #blog-title a { overflow: auto }
.ie6 #category-menu, .ie6 #category-nav { width: 980px }
.ie6 #category-menu { margin: 10px 0 0 10px }
.ie6 #category-nav li { float: left; display: inline; padding: 0; margin: 0; height: auto }
.ie6 #category-nav li.blog-description { float: right }
.ie6 #category-nav li.blog-description span { float: right }
.ie6 #category-nav a { float: left }
.ie6 .single #content { height: auto }
/* Styles for Contact Form 7 plugin */

div.wpcf7-response-output { display: none }
/* Styles for WP Post Ratings plugin */

.post-ratings { margin-bottom: 10px; float: right; width: 100px !important; margin-top: 5px; overflow: hidden; height: 20px }
.post-ratings small { font-size: .7em; }
.post-ratings-text { display:none !important }
/* Styles for BuySellAds widget */

.BuySellAds_widget { width: 935px; margin: 0; padding: 3px 0; height: auto; overflow: auto; }
.BuySellAds_widget a { background-color:#191919; border:3px solid #191919; display:block; height:125px; overflow:hidden; position:relative; width:125px; float: left; margin:0 3px 0 0; }
.BuySellAds_widget a:hover { border-color: #191919 }
.BuySellAds_widget img { border: 0; clear: right; }
.BuySellAds_widget a.adhere { background: #191919; border:3px solid #191919; color: #666; font-size: 11px; font-weight: bold; text-align: center; width: 125px; height: 125px; margin:0 3px 0 0; }
.BuySellAds_widget a.adhere:hover { background: #191919; border: 3px solid #191919; color: #777; }