/*  


Theme Name: shtion


Version: 0.1


Theme URI: http://www.shtion.com


Description: Just Another A Wordpress Theme, released under Creative Commons 3.0 BY.


Author: shtion


Author URI: http://www.shtion.com





Copyright (c) shtion.











*/








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


RESET, GENERIC & LAYOUTS


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





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





body{background:#FFF;color:#4F5569;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 */ 





.clear{ 


	clear:both;


}





.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;}


.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;}


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





/*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:53px;position:fixed;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:330px;height:40px;display:block;text-indent:-5555em;overflow:hidden;}


  #headbar .logo a:hover{background:url(images/hbg.png) no-repeat -270px -330px;}





  #headbar ul{float:right;}


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


  #headbar ul li a{display:block;width:65px;height:40px;}


  #headbar ul li.about a:hover{background:url(images/hbg.png) no-repeat -970px -330px;}


  #headbar ul li.ads a:hover{background:url(images/hbg.png) no-repeat -1035px -330px;}


  #headbar ul li.submit a:hover{background:url(images/hbg.png) no-repeat -1100px -330px;}


  #headbar ul li.rss a:hover{background:url(images/hbg.png) no-repeat -1165px -330px;}





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


WALLBAR


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


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


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


	


  #pavatar a{position:relative;background:url(images/logo.gif) no-repeat center 0px;text-indent:-5555em;overflow:hidden;display:block;width:120px;height:180px;}





	


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


  #gridbox a, #gridbox span{width:32px;height:32px;display:block;margin:0 5px 5px 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 -3px;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:7px;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;}





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


TOOLBAR


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


#toolbar{position:relative;background:#F7F7F7 url(images/fbg.png) repeat-x left top;height:24px;padding:13px 0 7px 0;width:100%;left:0;z-index:100;}


   * html #toolbar{background:none;padding:0 0 15px 0;}																									


   .btn { display:inline-block; background:none;margin:0;padding:3px 0;border-width:0;overflow:visible;text-decoration:none;color:#333;font-size:13px;}


   html button.btn {padding-bottom:1px;}


   /*html:not([lang*=""]) button.btn {margin:0 -3px;}*/


   .btn span {background:#DDD url(images/bg-button.gif) repeat-x 0 0;margin:0;padding:3px 0;border-left:1px solid #BBB;border-right:1px solid #AAA;}


   * html .btn span {padding-top:0;}


   .btn span span ,.btn span a{position:relative;padding:3px 8px;border-width:0;border-top:1px solid #BBB;border-bottom:1px solid #AAA;color:#000;}


   /* 


   button.pill-l span {border-right-width:0;}


   button.pill-l span span {border-right:1px solid #BBB;}


   button.pill-c span {border-right-style:none;border-left-color:#FFF;}


   button.pill-c span span {border-right:1px solid #BBB;}


   button.pill-r span {border-left-color:#FFF;}


   */


   .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span a {cursor:pointer;border-color:#9CF;color:#000;}


   .btn:active span {background-position:0 -400px;outline:none;}


   .btn:focus, .btn:active {outline:none;}


   .primary {font-weight:bold;color:#000;}


   .ltn{margin:0 -1px 0 0;}


   .ctn{margin:0 -1px;}


   .ctn span {border-left:1px solid #FFF;border-right:1px solid #FFF;}


   .ctn span a{border-left:1px solid #BBB;border-right:1px solid #BBB;}


   .rtn span {border-left:1px solid #FFF;border-right:1px solid #BBB;}


   .rtn span a{border-left:1px solid #BBB;}


   .rtn{margin:0 0 0 -1px;}


   .ctn span:hover ,.ctn span:focus,.ctn span:active{border-left:1px solid #FFF;border-right:1px solid #FFF;}


   .ctn span a:hover,.ctn span a:focus,.ctn span a:active{border:1px solid #9CF;}


   .ltn span a:hover,.ltn span a:focus,.ltn span a:active{border-top:1px solid #9CF;border-bottom:1px solid #9CF;}


   .rtn span:hover ,.rtn span:focus,.rtn span:active{border-left:1px solid #FFF;}


   .rtn span a:hover,.rtn span a:focus,.rtn span a:active{border-top:1px solid #9CF;border-bottom:1px solid #9CF;}





   #catnavi{width:511px;margin:2px 1px 5px;}			


   #catnavi li.btn{float:left;position:relative;z-index:500;}


   #catnavi li a{background:url(images/arrow_hold.gif) no-repeat 68px center;padding-right:22px;}


   #catnavi li a:hover{text-decoration:none;}


   #catnavi ul.sub{display:none;}


   #catnavi li:hover ul.sub{width:130px;height:240px;position:absolute;padding:0;top:23px;display:block;left:-4px;top:21px\9;}


   * html #catnavi li:hover ul.sub{top:23px;}


   #catnavi li.ltn:hover ul.sub{right:0;left:-4px;}


   #catnavi li.rtn:hover ul.sub{right:-5px;left:auto;}


   #catnavi li.ftn:hover ul.sub{right:-4px;left:auto;}


   #catnavi ul.sub li{position:absolute;top:0;border:0;background:transparent url(images/bg-sub.gif) no-repeat center bottom;width:120px;padding:5px 5px 15px 5px;padding-top:0\9;}


   * html #catnavi ul.sub li{background:transparent url(images/bg-sub.gif) no-repeat center bottom;}


   #catnavi ul.sub li a{background:none;border:0;padding:4px 5px 3px 10px;margin:0;position:static;display:block;}


   #catnavi ul.sub li a:hover{background:#3399FE;color:#FFF;}





   #nhpnavi{background:url(images/nhpnavi.gif) no-repeat left bottom;height:24px;text-align:center;position:relative;bottom:-1px;bottom:-2px\9;}


   * html #nhpnavi{bottom:0;}


   #nhpnavi a, #nhpnavi span{text-indent:-5555em;overflow:hidden;float:left;width:48px;height:24px;display:block;} 


   #nhpnavi a.home{width:24px;height:24px;;}


   #nhpnavi span.noprev,#nhpnavi span.single-prev{background:url(images/nhpnavi.gif) no-repeat left -48px;}


   #nhpnavi span.nonext,#nhpnavi span.next-prev{background:url(images/nhpnavi.gif) no-repeat right -48px;}


   #nhpnavi span.single-prev a{background:url(images/nhpnavi.gif) no-repeat left bottom;}


   #nhpnavi span.single-next a{background:url(images/nhpnavi.gif) no-repeat right bottom;}


   #nhpnavi .prev:hover,#nhpnavi span.single-prev a:hover{background:url(images/nhpnavi.gif) no-repeat left -24px;}


   #nhpnavi .next:hover,#nhpnavi span.single-next a:hover{background:url(images/nhpnavi.gif) no-repeat right -24px;}


   #nhpnavi .home:hover{background:url(images/nhpnavi.gif) no-repeat center -24px;}


   


   #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;}





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


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;}





  #subscriber li{float:left;width:65px;}


  #subscriber li a{height:16px;line-height:16px;padding:0 0 0 20px;display:block;}


  #subscriber li.rss a{background:url(images/sub.png) no-repeat left top;}


  #subscriber li.email a{background:url(images/sub.png) no-repeat -70px top;}


  #subscriber li.mobile a{background:url(images/sub.png) no-repeat -140px top;}


  #subscriber li.twitter a{background:url(images/sub.png) no-repeat -210px top;}	





  #subscriber li.rss a:hover{background:url(images/sub.png) no-repeat left -16px;}


  #subscriber li.email a:hover{background:url(images/sub.png) no-repeat -70px -16px;}	


  #subscriber li.mobile a:hover{background:url(images/sub.png) no-repeat -140px -16px;}	


  #subscriber li.twitter a:hover{background:url(images/sub.png) no-repeat -210px -16px;}	








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


CONTENT


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





.post{padding:0 0 30px 0;color:#7E7E7E;width:665px;float:left;}


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


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


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


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


  .post-content p, .post-content22 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{float:left;width:120px;color:#9E9E9E;text-align:center;height:50px;padding-top:25px;text-align:right;}


  #single-post-meta{padding-top:35px;display:none;}


  .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;}








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


SIDEBAR


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


.widget{margin-bottom:20px;width:260px;overflow:hidden;}


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


  .widget li{float:left;width:250px;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;width:250px;overflow:hidden;height:20px}


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





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


FOOTBAR


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





#footbar{height:78px;padding-top:30px;}		


* html #footer{height:44px;}													


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


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


  





  


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


WIDEBAR


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


#widebar{text-align:center;background:#F5F7F7 url(images/bottom_stripe.gif);}


#widebar .inner{width:950px;margin:0 auto;height:90px;overflow:hidden;}


#widebar .inner img{float:left;}





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


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.current_page_item a{color:#000;}








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


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


.entry {color:#4F5569;width:510px;overflow:hidden;}	
.entry22 {color:#4F5569;width:660px;overflow:hidden;}	


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





/* Typograpy */


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


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


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


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


.entry strong, .entry22 strong{font-weight:bold;}


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


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


.entry a:hover, .entry22 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, .entry22 ul{margin:10px 0 20px 0;}


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


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


.entry li, .entry22 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-----------------*/


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


.entry pre, .entry22 pre{margin:16px 0; border:1px solid #EEE;overflow:auto;background:#F5F7F7;padding:0 10px 10px 10px;white-space:   pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;


}


.entry pre code, .entry22 pre code{display:block;background:#F5F7F7;}


.entry pre>code, .entry22 pre>code{padding-top:15px;background:#F5F7F7 url(images/pxl_code.gif) 0 0 no-repeat;}


.entry pre>code.html, .entry22 pre>code.html{background:url(images/pxl_html.gif) 0 0 no-repeat;}


.entry pre>code.javascript, .entry22 pre>code.javascript{background:url(images/pxl_javascript.gif) 0 0 no-repeat;}


.entry pre>code.ruby, .entry22 pre>code.ruby{background:url(images/pxl_ruby.gif) 0 0 no-repeat;}


.entry pre>code.php,.entry22 pre>code.php{background:url(images/pxl_php.gif) 0 0 no-repeat;}


.entry code,.entry22 code{font-family:"Courier New", Courier, sans-serif;font-size:13px;color:#000;background:#F5F7F7;display:block;}


.entry code span.global,.entry22 code span.global{ color:#3388DD;}


.entry code span.brackets,.entry22 code span.brackets{color:#777777;}


.entry code span.string,.entry22 code span.string {color:blue;}


.entry code span.symbol, code span.selectors{color:#1199EE;}


.entry code span.properties{color:#BB4411;}


.entry code span.keywords{ color:#44BB22;}


.entry code span.comment{color:#999;}


.entry code span.shell{background:#f1f1f1;}


.entry code.html span.tag, code.xaml span.tag{color:#BB4411;}


.entry code.html span.attribute, code.xaml span.attribute{color:#44BB22;}


.entry code.html span.string, code.xaml span.string{color:blue;}


.entry code.html span.comment, code.xaml span.comment{color:#999999;}


.entry code.html span.doctype{color:#D7FF80;}.left{float:left;}.right{float:right}.clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";}.clearfloat {display:inline-block}.clearfloat {display:block}





.entry22 code span.symbol, code span.selectors{color:#1199EE;}


.entry22 code span.properties{color:#BB4411;}


.entry22 code span.keywords{ color:#44BB22;}


.entry22 code span.comment{color:#999;}


.entry22 code span.shell{background:#f1f1f1;}


.entry22 code.html span.tag, code.xaml span.tag{color:#BB4411;}


.entry22 code.html span.attribute, code.xaml span.attribute{color:#44BB22;}


.entry22 code.html span.string, code.xaml span.string{color:blue;}


.entry22 code.html span.comment, code.xaml span.comment{color:#999999;}


.entry22 code.html span.doctype{color:#D7FF80;}.left{float:left;}.right{float:right}.clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";}.clearfloat {display:inline-block}.clearfloat {display:block}


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


.copy p, .copy22 p, .copy33 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;}
.copy22 pre{width:630px;font-size:1em;background:#DBECFD url(images/libg222.png) no-repeat -660px 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;}
.copy33 pre{width:230px;font-size:1em;background:#DBECFD url(images/libg333.png) no-repeat -260px 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;}
.copy22 pre code{background:#FFF;width:620px;font-size:1.087em;padding:5px;margin:0;line-height:150%;color:#7E7E7E;display:block;}
.copy33 pre code{background:#FFF;width:220px;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;}





.commentlist{width:510px;padding:0 3px 0 0;}


.commentlist li{margin: 10px 0 20px 0;padding-top:5px;position:relative;line-height:150%;word-wrap: break-word;}


.commentlist li p{padding:5px 15px 15px 15px;min-height:30px; height:auto !important; height:30px;overflow:visible;}


.commentlist li span.comcount,.pinglist span.pingicon{background:url(images/cli.gif) no-repeat left top;width:16px;height:16px;display:block;font-size:0.75em;text-align:center;line-height:16px;color:#555;font-weight:bold;position:absolute;left:-29px;top:5px;z-index:20;color:#000;}	


.commentlist li.even span.comcount{background:none;color:#000;}


.commentlist li span.comauthor{padding:0 4px 0 15px;font-weight:bold;}


.commentlist li span.comdate{padding:0 0 0 4px;font-weight:bold;}


.commentlist li.even{background:#F5F7F7 url(images/libg.png) no-repeat left top;}


.commentlist li.even p{background:#F5F7F7 url(images/libg.png) no-repeat -510px bottom;}


.commentlist li.bypostauthor{background:#DBECFD url(images/libg2.png) no-repeat left top;}


.commentlist li.bypostauthor p{background:#DBECFD url(images/libg2.png) no-repeat -510px bottom;color:#000;}


.commentlist li a.reply{position:absolute;top:6px;right:10px;;height:16px;padding-right:20px;display:block;text-indent:-5555em;overflow:hidden;background:url(images/reply.png) no-repeat right top;cursor:pointer;}


.commentlist li a.reply:hover{background:url(images/reply.png) no-repeat right -17px;text-indent:0;}


* html .commentlist li a.reply{background:url(images/reply.gif) no-repeat right top;}


* html.commentlist li a.reply:hover{background:url(images/reply.gif) no-repeat right -17px;}





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 15px;}


.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;}





#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;}











/*.recommend_title{ height:38px;background:url(images/cd.gif) no-repeat;}*/


/*


#tagbox {height: 180px; width: 260px;overflow:hidden;}


#tagbox .recommend_title {width:260px; float:left; overflow:hidden;line-height:20px;}


#tagbox .recommend_title a {text-align: left; margin-right:0px; padding-left:2px; color:#2299BB;}


#tagbox .recommend_title a:hover { color:#0077AA;}


*/





/* Page Navigation */


#pagenavi{ margin:0 auto;padding-left:153px;padding-top:10px; height:36px;  line-height:36px;  overflow:hidden;}


#pagenavi span{font-weight:bold;padding-right:20px;color:#000;}


#pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited{ padding:3px 8px !important; margin:2px; text-decoration:none !important; color:#454545 !important; border:1px solid #CCC !important; }


#pagenavi a:hover{ color:#EEE !important; border:1px solid #ffffff !important; background-color:#5ac8f2 !important; font-weight:bold !important;}


#pagenavi a:active{	padding:3px 3px; margin:2px; text-decoration: none; border:1px solid #CCC !important;}


#pagenavi a.extend{ padding:3px 8px !important; margin:2px; color:#454545 !important; border:1px solid #CCC !important;}


#pagenavi a.current{ padding:3px 8px !important; margin:2px; color:#EEE !important; background-color:#5ac8f2 !important; border:1px solid #ffffff !important;}


.pageleft, .pageright{ width:200px; overflow:hidden;}


.pageleft{ float:left; padding-left:15px; text-align:left;}


.pageright{float:right; padding-right:15px; text-align:right;}


.pro_next{ margin:0px ; background:transparent url(images/icon.gif) no-repeat 0px 0px; }
.pro_next22{ margin:0px ; background:transparent url(images/icon22.gif) no-repeat 0px 0px; }


.pro_next .pageleft, .pro_next .pageright{ width:200px; overflow:hidden;}


.page_navi{ float:left; width:510px;  padding:0px;  height:36px;  line-height:36px;  text-align:center;  overflow:hidden; }
.page_navi22{ float:left; width:660px;  padding:0px;  height:36px;  line-height:36px;  text-align:center;  overflow:hidden; }








#featured {OVERFLOW: hidden; WIDTH: 480px; POSITION: relative; HEIGHT: 160px;}


#featured .word {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; Z-INDEX: 10; BACKGROUND: url(images/bg_transparent.gif) no-repeat; LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 470px; COLOR: #fff; BOTTOM: 0px; PADDING-TOP: 0px; POSITION: absolute; HEIGHT: 32px;}


#featured .word H3 {FONT-SIZE: 13px;}


#featured .ui-els-hide {	DISPLAY: none;}


#thumbs {WIDTH: 480px; LIST-STYLE-TYPE: none; HEIGHT: 20px;}


* HTML #thumbs {	HEIGHT: 100%;}


#thumbs LI {DISPLAY: inline; FLOAT: left; WIDTH: 52px; MARGIN-RIGHT: 4px; HEIGHT: 24px;}


#thumbs UL {MARGIN-TOP: 3px;}


#thumbs LI.last_img {	MARGIN-RIGHT: 4px;}


#thumbs LI.first {MARGIN: 5px 10px 0pt 15px; WIDTH: 20px; CURSOR: pointer; HEIGHT: 13px;}


#thumbs LI.last {	MARGIN: 5px 12px 0pt 8px; WIDTH: 20px; CURSOR: pointer; HEIGHT: 13px;}


#thumbs LI A {BORDER-RIGHT: #9c9c9c 2px solid; BORDER-TOP: #9c9c9c 2px solid; DISPLAY: block; FONT-SIZE: 0px; BORDER-LEFT: #9c9c9c 2px solid; WIDTH: 48px; BORDER-BOTTOM: #9c9c9c 2px solid;}


#thumbs LI A:hover {BORDER-RIGHT: #99cc33 2px solid; BORDER-TOP: #99cc33 2px solid; BORDER-LEFT: #99cc33 2px solid; BORDER-BOTTOM: #99cc33 2px solid;}


#thumbs LI A.current {BORDER: #5FC243 2px solid;}


#thumbs LI.first IMG {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px;}


#thumbs LI.last IMG {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px;}


#topstory {MARGIN-TOP: 0px; MARGIN-left: 5px; FLOAT: left; WIDTH: 490px; HEIGHT: 120px;}


#highlight {	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 470px; PADDING-TOP: 0px;} 


  





#wrapper {


	width:960px;


	margin:10px auto; 


	padding-left:10px;


}





#header {


	padding-top:55px;


	padding-bottom:10px;


	/*border-bottom:1px dotted #ccc;*/


	background:url(images/head_foot.gif) bottom repeat-x;


	margin-bottom:10px;


}


#logo {


	float:left;


	padding-bottom:10px;


}


#logo h1 a {


	color:#ff2b06;


	font-size:30px;


	font-weight:600px;


	letter-spacing:-2px;


	line-height:30px;


}


#logo h2 {


	font-size:16px;


	font-weight:bold;


	line-height:25px;


	letter-spacing:-1px;


	margin:7px 0 0 5px;


}


#head_nav {


	float:right;


	width:360px;


}


#serve{ 


	line-height:30px; 


	height:30px; 


	padding-right:10px; 


	text-align:right;


}


#serve a{ 


	color:#666;


	padding-left:15px;


}





/*#serve #dx{ margin-right:10px;}*/


#searchform_top_text{ 


	color:#999; 


	width:250px; 


	border:1px solid #e2e2f0!important; 


	padding-left:5px; 


	padding-top: 8px;


	background:url(images/search_btn2.gif) 240px  no-repeat;


	line-height:12px;


	height:20px;


}





/*#nav ul {


	float:right;


}


#nav li {


	text-align:center;


	float:left;


	display:inline;


	width:auto;


	margin-left:2px;


	width:83px;


	height:56px;


	line-height:56px;


}*/


.select,.current-cat,.current_page_item{


	/*background:url(images/select.gif) 0 5px no-repeat;


	width:83px;


	height:56px;


	color:#FFF;*/


}


.current-cat a,.current_page_item a{ 


	color:#FFF;


}





#head_nav li a {


	font-size:12px;


	display:block;


	font-weight:bold;


}


#head_nav li a:hover {


	background:url(images/select.gif) 0 5px no-repeat;


	color:#FFF;


}


#ckhead { 


	background:url(images/soqibg.gif) repeat-x; 


	height:45px;


	position:fixed!important;*position:absolute; 


	width:100%; 


	z-index:999;


}


#cklogin{ 


	margin-left:10px;


}


#cklogin a{ 


	color:#FFCC00!important;


}


#ckhead ul{ 


	float:right; 


	margin-right:20px;


}


#ckhead li {


	text-align:center;


	float:left;


	display:inline;


	width:auto;


	margin-left:5px;


	line-height:40px;


}


#ckhead #cklogo{ 


	float: left;


}


#ckhead li a{ 


	color:#AAA; 


	padding:5px; 


	overflow:hidden; 


	background:#343434;


}


#ckhead li a:hover{ 


	background:#F00; 


	color:#FFF;


}


#ckhead .dxwt a{ 


	color:#0072A8;


}





.hot a{ 


	color: #FF9900!important;


}


#recommend,#commend_h,#commend_f{ 


	background:#343434;


}


#commend_h,#commend_f{ 


	height:9px; 


	overflow:hidden;


}


.recommend_l_h{ 


	float:left;


	background:url(images/lh.gif) no-repeat; 


	width:9px; 


	height:9px;


}


.recommend_r_h{ 


	float:right;


	background:url(images/rh.gif) no-repeat;


	width:9px; 


	height:9px;


}


.recommend_l_f{float:left;


	background:url(images/lf.gif) no-repeat;


	width:9px; 


	height:9px;


}


.recommend_r_f{


	float:right; 


	background:url(images/rf.gif) no-repeat;


	width:9px; 


	height:9px;


}


#recommend{ 


	padding:5px;


}


/*#recommend #hotbox{ 


	width:265px; 


	float:left; 


	margin-left:10px;


}


#recommend #combox{ 


	width:330px; 


	float:left;


}


#recommend #hotbox h1{


	background:url(images/htt.gif) no-repeat; 


} 


#recommend #combox h1,.recommend_title{


	background:url(images/cd.gif) no-repeat;


}


#recommend #combox h1,#recommend #hotbox h1{


	height:38px; 


}*/





/*.recommend_title{ height:38px;background:url(images/cd.gif) no-repeat;}*/


#tagbox .recommend_title { 


	width:240px; 


	background:url(images/cd.gif) no-repeat; 


	margin-right:10px; 


	float:left; 


	height:60px; 


	padding-top:40px;


	overflow:hidden;


}


#tagbox .recommend_title a { 


	float:left; 


	width:60px;  


	margin-right:10px; 	


	padding-left:5px;





	line-height:20px; 


	height:20px; 


	overflow:hidden;


	color:#e3e3e3;


}


#tagbox .recommend_title a:hover { 


	color:#FFCC00;


}


#recommend #combox ul li{ 


	float:left;


}


.archive_combox{ 


	width:660px; 


	float:left; 


	margin-left:5px;


}


#f_combox{ 


	width:660px; 


	float:left; 


	margin-left:5px;


	display:block;


}


.featured  {


	width: 660px; 


	background:url(images/htt.gif) no-repeat; 


	float: left; 


	height:60px; 


	margin-left: 15px;


	padding-top:40px;


	overflow: hidden;


}


.featured  ul {


	width: 650px; 


}


.featured ul li{


	width: 200px;  


	float: left; 


	padding-left:2px;


	padding-right:12px;


	height:20px; 


	line-height: 20px; 


	height: 20px; 


	overflow: hidden;


	color: #e3e3e3;


}


.featured ul li a{


	width: 200px;  


	float: left; 


	height:20px; 


	line-height: 20px; 


	height: 20px; 


	overflow: hidden;


	color: #e3e3e3;


}


.featured  ul li a:hover { 


	color: #FFCC00;


}





#tagbox .link_more{ 


	width:240px;


}


#tagbox .link_more li{ 


	float:left; 


	margin-right:10px;  


	margin-bottom:5px;


}


#tagbox .link_more li a{ 


	color:#888; 


	background:#000;


	display:block;


	padding:5px;


}


#tagbox .link_more li a:hover{ 


	background:#FF0000; 


	color:#FFF;


}


#hotbox ul li{ line-height:20px; 


	height:20px; 


	overflow:hidden;


}


#hotbox ul li a{ 


	color:#AAA;


}


#hotbox ul li a:hover{ 


	color:#FF9900;


}








.blogroll  {


	width: 500px; 


	float: left; 


	margin-left: 0px;


	padding-top:0px;


	overflow: hidden;


}


.blogroll  ul {


	width: 500px; 


}


.blogroll ul li{


	width: 100px;  


	float: left; 


	padding-left:0px;


	padding-right:12px;


	height:20px; 


	line-height: 20px; 


	height: 20px; 


	overflow: hidden;


	color: #2299BB;


}


.blogroll ul li a{


	width: 100px;  


	float: left; 


	height:20px; 


	line-height: 20px; 


	height: 20px; 


	overflow: hidden;


	color: #2299BB;


	background:transparent url(images/new.gif) left center no-repeat; 


	padding-left:20px;


	white-space:nowrap;	


}


.blogroll ul li a:hover { 


	background:transparent url(images/new1.gif) left center no-repeat;	


	color: #0072A8;


}


#link_combox{ 


	width:500px; 


	float:left; 


	display:block;


}

.feedimg {position: fixed; bottom: 0px; right: 0px; opacity: 0.5;_position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.feedimg:hover{opacity: 1;}