/***********************************************************************************************************

RESET, GENERIC & LAYOUTS

************************************************************************************************************/



*{margin:0;padding:0;border:0;}



body{background:#FFF;color:#000;font:12px Arial, Helvetica, Verdana, sans-serif;}

table {border-collapse: collapse;border-spacing: 0;}

address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal;}

ol,ul {list-style: none;}

h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;}

a{text-decoration:none;color:#2299BB;}

a:hover{color:#0077AA;}

:focus{outline:none;}

a:focus,input:focus{-moz-outline-style: none;outline:none; } /* FF */ 



.inner{width:960px;margin:0 auto;}

.clearfloat:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfloat {display: inline-block;}

.clearfloat {display: block;}

* html .clearfix {height:1%;}



.left-column{width:120px;float:left;margin-right:34px;}
.notice{padding-top:27px; color:#adadad; width:85%;}


.center-column{width:513px;float:left;margin-right:33px;}

.right-column{width:260px;float:right;}

.left-wide-column{width:667px;float:left;}

.right-wide-column{width:806px;float:right;}



div#wrapper{margin:0 auto;}

div#content{float:left;width:667px;min-height:700px; height:auto !important; height:700px;overflow:visible;}

div#sidebar{float:right;width:260px;overflow:hidden;}







/***********************************************************************************************************

HEADBAR

************************************************************************************************************/

div#headbar{height:63px;position:absolute;top:0;left:0;background:#F7F7F7 url(images/hbg.png) repeat-x center top;width:100%;z-index:300;}

  #headbar .logo,#headbar .logo a{float:left;width:400px;height:63px;display:block;text-indent:-5555em;overflow:hidden;}

  #headbar ul{float:right;}

  #headbar ul li{float:left;display:block;text-indent:-5555em;overflow:hidden;}

  #headbar ul li a{display:block;margin-left:25px;width:45px;height:50px;}

/***********************************************************************************************************

WALLBAR

************************************************************************************************************/

div#wallbar{background:url(images/hbg.png) repeat-x center top;height:195px;padding-top:63px;margin-bottom:15px;overflow:hidden;}

* html div#wallbar{padding-top:0;background:url(images/hbg.png) repeat-x center -63px;}

	

  #pavatar a{text-indent:-5555em;overflow:hidden;display:block;width:120px;height:170px;}

	

  #gridbox{padding-left:154px;text-align:center;height:180px;width:513px;}

  #gridbox a, #gridbox span{width:32px;height:32px;display:block;margin:0 5px 4px 0;float:left;text-align:center;background:#00A4EE url(images/rcorner.png) no-repeat left top;font-size:2em;line-height:32px;color:#EDF2F8;}

  * html #gridbox a, * html #gridbox span{background:#00A4EE url(images/rcorner.gif) no-repeat left top;}

  #gridbox a img{width:26px;height:26px;padding-top:3px;}

  #gridbox a:hover img{width:32px !important;height:32px !important;background:#FFF;padding:0;}

  #gridbox a.ci{background:url(images/gbg.png) no-repeat -3px -38px;text-indent:-5555em;overflow:hidden;}

  #gridbox span.nd{color:#00A4EE;text-indent:-5555em;}



  #gridbox a#wordpress{background-position: -3px -38px;}

  #gridbox a#air{background-position: -39px -38px;}

  #gridbox a#apple{background-position: -75px -38px;}

  #gridbox a#google{background-position: -111px -38px;}

  #gridbox a#ps{background-position: -146px -38px;}

  #gridbox a#jquery{background-position: -183px -38px;}

  #gridbox a#toolbox{background-position: -219px -38px;}

  #gridbox a#twitter{background-position: -254px -38px;}

  #gridbox a#ubuntu{background-position: -291px -38px;}

  #gridbox a#chrome{background-position: -327px -38px;}

  #gridbox a#dollar{background-position: -363px -38px;}

  #gridbox a#firefox{background-position: -399px -38px;}

  #gridbox a#seo{background-position: -434px -38px;}

  #gridbox a#blackberry{background-position: -471px -38px;}



  #gridbox a#wordpress:hover{background-position: -2px -2px;}

  #gridbox a#air:hover{background-position: -38px -2px;}

  #gridbox a#apple:hover{background-position: -74px -2px;}

  #gridbox a#google:hover{background-position: -110px -2px;}

  #gridbox a#ps:hover{background-position: -146px -2px;}

  #gridbox a#jquery:hover{background-position: -182px -2px;}

  #gridbox a#toolbox:hover{background-position: -218px -2px;}

  #gridbox a#twitter:hover{background-position: -254px -2px;}

  #gridbox a#ubuntu:hover{background-position: -290px -2px;}

  #gridbox a#chrome:hover{background-position: -326px -2px;}

  #gridbox a#dollar:hover{background-position: -362px -2px;}

  #gridbox a#firefox:hover{background-position: -398px -2px;}

  #gridbox a#seo:hover{background-position: -433px -2px;}

  #gridbox a#blackberry:hover{background-position: -470px -2px;}

  

  #gridbox .nb{font-size:1em;text-align:center;background-color:#DBECFD;color:#9E9E9E;}

  #gridbox .nb:hover{color:#000;}

  

  #network li{margin-bottom:6px;line-height:150%;padding-left:25px;color:#7E7E7E;text-align:justify;background:url(images/network.gif) no-repeat left top;}

  #network li.na5{background-position:left top;}

  #network li.na7{background-position:left -80px;}

  #network li.na9{background-position:left -160px;}

  #network li.na5:hover{background-position:-300px top;}

  #network li.na7:hover{background-position:-300px -80px;}

  #network li.na9:hover{background-position:-300px -160px;}

  #network li a{font-weight:bold;display:block;margin-bottom:2px;}

/***********************************************************************************************************

NAVIBAR

************************************************************************************************************/

div#navibar{margin-bottom:15px;}	



  #bookmarker{text-align:right;position:relative;z-index:200;}

  #bookmarker a{background:url(images/bookmark.gif) no-repeat -1px top;padding-left:20px;}

  #bookmarker ul{display:none;}

  #bookmarker:hover ul{display:block;position:absolute;top:-10px;left:-5px;background:url(images/bg-sub-2.png) no-repeat center top;height:198px;width:105px;padding:40px 15px 10px 10px;}

  #bookmarker:hover ul li{margin:0 0 9px 0;}

  #bookmarker ul li a{background:url(images/bookmark.png) no-repeat left top;height:16px;line-height:16px;padding:2px 0 0 24px;}

  #bookmarker ul li.bskx a{background-position:left top;}

  #bookmarker ul li.bstw a{background-position:left -20px;}

  #bookmarker ul li.bsdb a{background-position:left -40px;}

  #bookmarker ul li.bsfb a{background-position:left -60px;}

  #bookmarker ul li.bsff a{background-position:left -80px;}

  #bookmarker ul li.bsgr a{background-position:left -100px;}

  #bookmarker ul li.bsds a{background-position:left -120px;}

	

  #breadcrumb li{float:left;background:url(images/arrow_crumb.gif) no-repeat 10px center;padding-left:20px;}

  #breadcrumb li.home{background:none;padding-left:0;}



  #search{height:20px;padding-top:2px;}

  #search form{background:url(images/gsearch.gif) no-repeat 0 0!important;height:16px;width:244px;padding:2px 8px;}

  #search #s{float:left;border:none !important;width:224px;height:16px;overflow:hidden !important;margin:0 !important;padding:0 !important;}

  #search label{display:none;}

  #search #searchsubmit{float:left;border:none;background:url(images/btn-gsearch.gif) no-repeat center center !important;text-indent:-5555em;width:20px;height:16px;cursor:pointer;color:#FFF;}

  

/***********************************************************************************************************

CONTENT

************************************************************************************************************/



.post{padding:0 0 30px 0;width:665px;}

  .post-content{float:right;width:513px;}

  .post-content h2.title {margin-bottom:7px;}

  .post-content h2.title a{font-size:15px;font-weight:normal;font-weight:bold;}

  .post-content h2.title a:hover{text-decoration:none;}

  .post-content p{line-height:150%;margin-bottom:10px;font-size:1em;text-align:justify;}

  span.more{display:block;background:url(images/arrow_more.gif) no-repeat left center;padding-left:10px;}



  .post-meta{position:absolute;float:left;width:120px;color:#9E9E9E;text-align:right;height:50px;padding-top:25px;text-align:right;}

  .post-meta span{line-height:150%;}

  .post-meta span abbr{cursor:help;}

  .post-meta span.pd{display:block;text-align:right;color:#000;letter-spacing:0.05em;color:#4F5569;}

  .post-meta span.pv{background:url(images/vbg.gif) no-repeat left center;padding-left:20px;}

  .post-meta span.pc{background:url(images/cbg.gif) no-repeat 15px center;padding-left:30px;padding-right:2px;}



/* Pagenavi */

#pagenavi{border-bottom:1px solid #BEBEBE;border-left:2px solid #F7F7F7;border-right:2px solid #CDCDCD;padding:0 10px;border-top:1px solid #F7F7F7;height:30px;background:#FEFEFE;}

* html #pagenavi{overflow:hidden;}

#pagenavi span{float:left;width:120px;height:30px;display:block;line-height:30px;color:#999;}

#pagenavi span strong{color:#000;}

#pagenavi a{width:28px;height:30px;display:block;float:left;color:#999;font-size:14px;font-weight:bold;text-align:center;line-height:30px;margin:0 3px;overflow:hidden;}

#pagenavi a.extend{width:58px;font-size:12px;}

#pagenavi a:hover{color:#000;}

#pagenavi a.current{background:url(images/pagenavi_active.png) no-repeat left top;color:#000;padding-top:16px;padding-bottom:3px;position:relative;top:-16px;}



/***********************************************************************************************************

SIDEBAR

************************************************************************************************************/

.widget{margin-bottom:20px;}

  .widget h3{font-size:14px;color:#000;font-weight:bold;margin-bottom:7px;}

  .widget li{padding:3px 0 3px 0;color:#9E9E9E;line-height:150%;background:url(images/disc.png) no-repeat left 8px;padding-left:18px;}

  .widget li:hover{background:url(images/disc2.png) no-repeat left 8px;}

  .widget li a{display:block;}

  .widget li span.wd{padding-right:10px;}



#widget-rc{}

#widget-rc li a{display:inline;}

#widget-rc li span, #widget-rc li span a{color:#4F5569;font-weight:bold;}

#widget-rc li cite{display:block;word-wrap: break-word;overflow:hidden;}

/***********************************************************************************************************

FOOTBAR

************************************************************************************************************/



#footbar{height:78px;margin-top:40px;padding-top:20px;border-top:1px solid #CDCDCD;}		

* html #footer{height:44px;}													

  #ee{position:relative;left:-2px;}

  #ee ul li{float:left;padding:0 10px 0 0;}



/***********************************************************************************************************

PAGE

************************************************************************************************************/

#page-post-meta{padding-top:0;}

#page-post-meta ul li{text-align:left;padding:4px 5px;border-top:1px solid #EEE;}

#page-post-meta ul li a{background:url(images/arrow_crumb.gif) no-repeat left 5px;padding-left:10px;}

#page-post-meta ul li a:hover{color:#DC4E22;}

#page-post-meta ul li ul{padding-top:4px;}





h1.title{font-size:1.5em;margin-bottom:13px;}

h1.title a{color:#8C7E70;font-weight:bold;}	

.entry {color:#222;width:510px;overflow:hidden;}	

br{margin:5px 0 5px 0;}	



/* Typograpy */

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{margin:10px 0 10px 0;font-weight:bold;color:#222;}

.entry h2,.entry h1{font-size:1.25em;}

.entry h3,.entry h4{font-size:1.167em;}

.entry h5,.entry h6{font-size:1.083em;}

.entry strong{font-weight:bold;}

.entry hr{clear:both;border:none;height:1px;display:inline-block;display:block;padding:15px 0;}

.entry p{margin:0 0 20px 0;line-height:150%;text-align:left;}

.entry a:hover{color:#0077AA;}





/* Images */

p img {padding: 0;max-width: 100%;}

img.centered ,img.aligncenter{display: block;margin-left: auto;margin-right: auto;}

img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}

img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}

.alignright {float: right;}

.alignleft {float: left}





/* Lists */

.entry ul{margin:10px 0 20px 0;}

.entry ul li {background:url(images/disc3.png) no-repeat left 4px;padding-left:15px;}

.entry ol{margin:10px 0 20px 0;padding:0;list-style-type:decimal;}

.entry li{margin:7px 0 7px 35px;}





/* Various Tags & Classes */

acronym, abbr, span.caps {cursor: help;}

blockquote {margin: 15px 30px 20px 10px;padding:10px 20px 2px 20px;border-left: 5px solid #DBECFD;background:#F7F7F7;}

blockquote cite {margin: 5px 0 0;display: block;}

.center {text-align: center;}

.hidden {display: none;}

hr {display: none;}





/* Captions */

.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}

.wp-caption {text-align:center;background:#F5F7F7;padding-top: 4px;margin: 10px;}

.wp-caption img {margin: 0;padding: 0;border: 0 none;border:1px solid #DBECFD;}

.wp-caption p.wp-caption-text {text-align:center;color:#000;font-size: 1em;line-height: 17px;padding: 0 4px 5px;margin: 0;}



/*-------------code-----------------*/

.entry pre{clear:both; margin:16px 0; border:1px solid #BBB;overflow:auto;background:#000;padding:0 10px 10px 10px; white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.entry pre:hover{margin:16px 0; border:1px solid #fc6;overflow:auto;background:#000;padding:0 10px 10px 10px; white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.entry pre code{display:block;background:#000;}
.entry pre>code{padding-top:25px;background:#000 url(images/code.gif) 0 0 no-repeat;}
.entry code{font-family:Simsun Regular, NSimsun Regular, Helvetica, Arial, sans-serif;font-size:13px;color:#949494;}

.copy{background:#DBECFD url(images/libg2.png) no-repeat left top;width:510px;overflow:hidden;padding-top:5px;}

.copy p{display:block;margin-bottom:0;padding:0 15px 5px 15px;}

.copy pre{width:480px;font-size:1em;background:#DBECFD url(images/libg2.png) no-repeat -510px bottom;padding:0 15px 10px 15px;overflow:auto; white-space: pre-wrap;white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}

.copy pre code{background:#FFF;width:470px;font-size:1.087em;padding:5px;margin:0;line-height:150%;color:#7E7E7E;display:block;}



/***********************************************************************************************************

MESSBAR

************************************************************************************************************/



#messbar{padding-top:20px;}

h3#insocial,h3#comments,#respond h3{font-size:1.167em;color:#000;font-weight:bold;margin-bottom:7px;}



#comment-list .box { padding: 10px 10px 1px; }
#comment-list h2 .to-respond { float: right; }
#comment-list .pagination { height: 39px; padding-bottom: 0; margin-left: 59px; margin-top: -9px; }
/* 评论开始，你可以去网上找一套配色方案替换掉下面的CSS */
.no-comment { padding-bottom: 10px; }
.comment { clear: both; position: relative; margin: 0 0 10px; }
.comment-body { position: relative; padding: 0 5px 5px; margin: 0 0 10px; margin-left: 65px; min-height: 50px; background: #eee; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.comment-author img { position: absolute; left: -65px; width: 48px; height: 48px; padding: 4px 18px 10px 4px; background: url(css/bg1.png) no-repeat; }
.comment-body .fn { font-weight: bold; color: #555; }
.comment-body .fn,
.comment-body .says,
.comment-meta { float: left; margin-right: 5px; line-height: 25px; }
.comment-meta { float: right; font-size: 10px; }
.comment-meta a { color: #666; }
.comment-body p { clear: both; overflow: hidden; padding: 5px; background: #f5f5f5; line-height: 1.4em; border: 1px solid #e5e5e5; border-right-color: #fff; border-bottom-color: #fff; word-wrap: break-word; }
.reply { clear: both; margin-top: 5px; }
.reply a.comment-reply-link { display: block; width: 50px; height: 20px; line-height: 20px; background: url(css/bg3.png) no-repeat; color: #333; text-align: center; text-decoration: none; }
.children .comment { margin: 0 0 0 65px; }
.children .comment-body { margin-left: 42px; background: #eee; }
.children .comment-author img { left: -42px; width: 32px; height: 32px; padding: 2px 5px 2px 2px; background: url(css/bg2.png) no-repeat; }
.children .comment-body p { line-height: 1.2em; }
.children .children .comment { margin: 0 0 0 42px; }
.comment #respond { margin: 0 0 10px 65px; }
.comment .comment #respond { margin-left: 42px; }
.comment #respond-form textarea { width: 99%; max-width: 99%; min-width: 99%; }
.comment #respond-form .cancel { display: inline-block; }



h4#pingback{font-size:1em;margin: 10px 0 20px 0;font-weight:bold;}

h4#pingback span{font-weight:normal;color:#7E7E7E;padding-left:10px;}

.pinglist{position:relative;padding:0 15px 15px 0px;}

.pinglist ul li{margin:10px 0 10px 0;}





#commentform .input{background:url(images/inputbg.png) no-repeat left top;margin:10px 0 10px 0;width:216px;height:13px;overflow:hidden;padding:4px 5px 5px;}

#commentform .input:hover,#commentform .input:focus, #commentform .input:active{background:url(images/inputbg.png) no-repeat left -22px;color:#FFF;}

#commentform input{border:none;background:none;float:left;height:15px;padding:1px 3px 0 3px;width:165px;}

#commentform label{float:left;vertical-align:middle;padding:0 7px 0 4px;height:17px;}

						

#commentform .textarea{background:url(images/textareabg.png) no-repeat left top;width:506px;height:128px;overflow:hidden;border:none;padding:2px 2px 4px 2px;margin:10px 0 10px 0;}

#commentform .textarea:hover{background:url(images/textareabg.png) no-repeat left -136px;}



#commentform textarea{width:496px;height:118px;border:none;overflow:auto;background:none;padding:5px;font-size:1.333em;}

#commentform input#submit{background:url(images/submitbg.png) no-repeat left top;text-indent:-5555em;height:21px;cursor:pointer;}

#commentform input#submit:hover{background:url(images/submitbg.png) no-repeat left -21px;}

#commentform p.tips{line-height:150%;}





.wp_smilies{float:right;width:270px;}

.wp_smilies p,.wp_smilies_admin p{line-height:150%;margin-bottom:10px;color:#7E7E7E;}

.wp_smilies p strong{color:#000;}

.wp_smilies div a img{float:left;padding:0 3px 3px 0;width:16px;height:16px;display:block;}

.post-top-ad{background:url(css/bg_ad_2.gif) no-repeat left bottom;padding-left:115px;margin-left:15px;}
.post-top-ad .gg{width:336px;height:280px;border:5px solid #000;}
.post-top-ad .gg:hover{border:5px solid #C00909;}