/*  
Theme Name: Techtrack
Version: 2.1
Theme URI: http://techtrack.com.cn/
Description: Just Another A Wordpress Theme, released under Creative Commons 3.0 BY.
Author: Steve
Author URI: http://techtrack.com.cn/

Copyright (c) TECHTRACK.



*/


/***********************************************************************************************************
RESET, GENERIC & LAYOUTS
************************************************************************************************************/

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

body{background:#F2F8F8;color:#4F5569;font:12px Arial, Helvetica, Verdana, sans-serif;	background:#F2F8F8 url(images/background.png) repeat-x;}
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;
}


#wrapper {
	width:960px;
	margin:0 auto; 
	padding-left:0px;
}

#header {
	height:100px;
	position:relative;
	z-index:99;
    top:55px;
	
}
#logo {
	float:left;
	padding-bottom:10px;
}
#logo h1 a {
	color:#ff2b06;
	font-size:30px;
	font-weight:60px;
	letter-spacing:2px;
	line-height:30px;
	padding-left:5px;
}
#logo h2 {
	font-size:16px;
	font-weight:bold;
	line-height:25px;
	letter-spacing:-1px;
	margin:7px 0 0 5px;
}
#tthead { 
	background:url(images/ttheadbg.gif) repeat-x; 
	height:40px;
	position:fixed!important;*position:absolute; 
	width:100%; 
	z-index:999;
}
#ttlogin{ 
	margin-left:10px;
}
#ttlogin li a{ 
	color:#fff!important;
}

#ttlogin li a:hover{ 
	color:#9E9E9E;
}
#tthead ul{ 
	float:right; 
	margin-right:20px;
}
#tthead li {
	text-align:center;
	float:left;
	display:inline;
	width:auto;
	margin-left:5px;
	line-height:40px;
}
#tthead #ttlogo{ 
	float: left;
	height:40px;
	padding-left:20px;
}
#tthead li a{ 
	color:#fff; 
	padding:5px; 
	overflow:hidden; 
}
#tthead li a:hover{ 
	color:#9E9E9E;
}
#tthead .dxwt a{ 
	color:#9E9E9E;
}

/* menu::base */
div#menu {
    height:41px;
	float:left;
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {
    padding-left: 5px;
}

div#menu li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0 5px 0 0;
    display: block;
    float: left;
}
div#menu li:hover>ul {
    left: -2px;
}

div#menu a {
    position: relative;
    z-index: 10;
    height: 41px;
    display: block;
    float: left;
    line-height: 41px;
    text-decoration: none;
    font: normal 12px Trebuchet MS;
}
div#menu a:hover, div#menu a:hover span { color: #bbb; }
div#menu li.current a {}

div#menu span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
}
div#menu ul ul a.parent span {
    background-position:95% 8px;
    background-image: url(images/item-pointer.gif);
}
div#menu ul ul a.parent:hover span {
    background-image: url(images/item-pointer-mover.gif);
}

/* menu::level1 */
div#menu a {
    padding: 0 10px 0 10px;
    line-height: 30px;
    color: #fff;
}
div#menu span {
    margin-top: 5px;
}/**@replace#1*/
div#menu li { background: url(images/nav-backgr-hover.png) 98% 4px no-repeat; }
div#menu li.last { background: none; }

/* menu::level2 */
div#menu ul ul li { background: none; }
div#menu ul ul {
    position: absolute;
    top: 38px;
    left: -999em;
    width: 100px;
    padding: 5px 0 5px 0;
    background: url(images/submenubg.gif) no-repeat bottom;
    margin-top:1px;

}
div#menu ul ul a {
    padding: 0 0 0 15px;
    height: auto;
    float: none;
    display: block;
    line-height: 24px;
    color: #fff;
    
}
div#menu ul ul span {
    margin-top: 0;
    padding-right: 15px;
    _padding-right: 20px;
    color: #fff;
}
div#menu ul ul a:hover span {
    color: #2e2e2e;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul ul {
    padding: 0;
    margin: -38px 0 0 163px !important;
    margin-left:172px;
}

/* colors */
div#menu ul ul ul { background: rgb(41,41,41); }
div#menu ul ul ul ul { background: rgb(38,38,38); }
div#menu ul ul ul ul { background: rgb(35,35,35); }

/* lava lamp */
div#menu li.back {
    background: url(images/lava.png) no-repeat left !important;
    background-image: url(images/lava.gif);
    width: 13px;
    height: 44px;
    z-index: 8;
    position: absolute;
    margin: -4px 0 0 2px;
}
div#menu li.back .left {
    background: url(images/lava.png) no-repeat top left !important;
    background-image: url(images/lava.gif);
    height: 44px;
    margin-right: 8px;
}

.inner{width:960px;margin:0 auto;padding-top:10px;}
.clearfloat:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfloat {display: inline-block;}
.clearfloat {display: block;}
* html .clearfix {height:1%;}

.left-column-nav{width:120px;float:left;text-align:right;margin-right:34px;}

.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; padding-top:0px;height:auto overflow:hidden;}
div#content-index{float:left;width:667px; padding-top:0px;height:auto overflow:hidden;border-right:1px solid #ddd;}
div#sidebar{float:right;width:260px;overflow:hidden;}


  #subscriber li{float:left;width:62px;padding-top:8px;}
  #subscriber li a{height:24px;line-height:24px;padding:0 0 0 25px;display:block;color:#fff;}
  #subscriber li.rss a{background:url(images/feed/rss.gif) no-repeat left top;}
  #subscriber li.email a{background:url(images/feed/email.gif) no-repeat left top;}
  #subscriber li.mobile a{background:url(images/feed/mo.gif) no-repeat left top;}
  #subscriber li.twitter a{background:url(images/feed/tw.gif) no-repeat left top;}
  
  #subscriber li.rss a:hover{background:url(images/feed/rs.gif) no-repeat left top;}
  #subscriber li.email a:hover{background:url(images/feed/e-mail.gif) no-repeat left top;}
  #subscriber li.mobile a:hover{background:url(images/feed/mob.gif) no-repeat left top;}	
  #subscriber li.twitter a:hover{background:url(images/feed/twr.gif) no-repeat left top;}	


/***********************************************************************************************************
CONTENT
************************************************************************************************************/

.post{padding:10px 0 30px 0;color:#7E7E7E;width:665px;float:left;}
  .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{float:left;width:120px;color:#9E9E9E;text-align:center;height:50px;padding-top:5px;text-align:right;}
  .post-digg{float:center;width:120px;}
  #single-post-meta{padding-top:35px;}
  .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:#fff;font-weight:bold;margin-bottom:7px;background:url(images/widget_header.gif) no-repeat left;line-height:30px;padding-left:20px;}
  .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;}
.widget-ad{margin-bottom:20px;width:260px;overflow:hidden;padding-left:10px;}
/***********************************************************************************************************
FOOTBAR
************************************************************************************************************/

#footbar{padding-left:20px;height:34px;background:url(images/footbar.gif) no-repeat center bottom;color:#FFF;}		
#footbar a{color:#FFF;}
* 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;}	
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-----------------*/
/*-------------code-----------------*/
.entry 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{display:block;background:#F5F7F7;}
.entry pre>code{padding-top:15px;background:#F5F7F7 url(images/pxl_code.gif) 0 0 no-repeat;}
.entry pre>code.html{background:url(images/pxl_html.gif) 0 0 no-repeat;}
.entry pre>code.javascript{background:url(images/pxl_javascript.gif) 0 0 no-repeat;}
.entry pre>code.ruby{background:url(images/pxl_ruby.gif) 0 0 no-repeat;}
.entry pre>code.php{background:url(images/pxl_php.gif) 0 0 no-repeat;}
.entry code{font-family:"Courier New", Courier, sans-serif;font-size:13px;color:#000;background:#F5F7F7;display:block;}
.entry code span.global{ color:#3388DD;}
.entry code span.brackets{color:#777777;}
.entry 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}

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

.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:#ABABAB !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:#ABABAB !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_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; }


.hot a{ 
	color: #FF9900!important;
}
#recommend,#commend_h,#commend_f{ 
	background:#343434;
	margin-left:5px;
}
#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;
	padding-left:5px;
}
.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:#9E9E9E;
}
#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: #9E9E9E;
}

#tagbox .link_more{ 
	width:240px;
}
#tagbox .link_more li{ 
	float:left; 
	margin-right:10px;  
	margin-bottom:5px;
}
#tagbox .link_more li a{ 
	color:#9E9E9E; 
	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:#9E9E9E;
}


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


.rss_c{  
	border-top:1px solid #EEE; 
	line-height:25px;  
	padding:10px 0;
	color:#999;
}
.rss_c a{
	color: #4e4e4e;
}
.rss_c a:hover{ 
	color:#9E9E9E;
}
.rss_c img{ 
	float:left;
}


/* FORMS
-------------------------------------------*/


#searchform input {
	border:none;
	background:#4E4E4E;
	padding:6px 6px 6px 6px;;
	color:#999;
	width:180px;
	float:left;
}

#searchform input#searchsubmit {
	width:40px;
	height:30px;
	border:none;
	background:url(images/but_search.png) 0 0 no-repeat;
	cursor:pointer;
	padding:0 0 0 0px;
	text-align:left;
	color:#ccc;
	font-size:11px;
}

/* -- search --*/
#searchTop {
    float:right;
	right:0;
	top:55px;
	height:59px;
	width:240px;
	background:url(images/bk_search.png) 0 0 no-repeat;
	padding:16px 0px 10px 15px;
}

#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;}
#breadcrumb {border-bottom:1px solid #ddd;padding-bottom:8px;}

.indexbg {
	width:660px;
	height:auto;
	overflow:hidden;
	padding-left:5px;
}

.catlist-1 {
	background: url("images/java.gif") left 10px no-repeat;
	width:325px;
	height:235px;
	float:left;
	overflow:hidden;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
.catlist-1 h3 {
	font-size:15px;
	width:280px;
	height:35px;
	line-height:35px;
	font-weight:30px;
	margin-top:10px;
	margin-left:50px;
	border-bottom:1px solid #ddd;
}
.catlist-1 h3 a {
	color:#000;
}
.catlist-1 h3 a:hover{color:#9E9E9E;}

.catlist-1 ul {
	height:150px;
	width:300px;
	margin-top:8px;
	overflow:hidden;
}

.catlist-2 {
	background: url("images/html.gif") left 10px no-repeat;
	width:325px;
	height:235px;
	float:left;
	overflow:hidden;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
.catlist-2 h3 {
	font-size:15px;
	width:280px;
	height:35px;
	line-height:35px;
	font-weight:30px;
	margin-top:10px;
	margin-left:50px;
	border-bottom:1px solid #ddd;
}
.catlist-2 h3 a {
	color:#000;
}
.catlist-2 h3 a:hover{color:#9E9E9E;}

.catlist-2 ul {
	height:150px;
	width:300px;
	margin-top:8px;
	overflow:hidden;
}
.catlist-2 li {
	height:25px;
	line-height:25px;
	font-size:15px;
	width:300px;
	margin-left:50px;
}
.catlist-2 li,.catlist-2 li a {
	color:#4e4e4e;
}
.catlist-2 li a:hover{color:#9E9E9E;}

.catlist-2 h4 {
	text-align:right;
	padding-right:10px;
}

.catlist-3 {
	background: url("images/css.gif") left 10px no-repeat;
	width:325px;
	height:235px;
	float:left;
	overflow:hidden;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
.catlist-3 h3 {
	font-size:15px;
	width:280px;
	height:35px;
	line-height:35px;
	font-weight:30px;
	margin-top:10px;
	margin-left:50px;
	border-bottom:1px solid #ddd;
}
.catlist-3 h3 a {
	color:#000;
}
.catlist-3 h3 a:hover{color:#9E9E9E;}

.catlist-3 ul {
	height:150px;
	width:300px;
	margin-top:8px;
	overflow:hidden;
}
.catlist-3 li {
	height:25px;
	line-height:25px;
	font-size:15px;
	width:300px;
	margin-left:50px;
}
.catlist-3 li,.catlist-3 li a {
	color:#4e4e4e;
}
.catlist-3 li a:hover{color:#9E9E9E;}

.catlist-3 h4 {
	text-align:right;
	padding-right:10px;
}

.catlist-4 {
	background: url("images/php.gif") left 10px no-repeat;
	width:325px;
	height:235px;
	float:left;
	overflow:hidden;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
.catlist-4 h3 {
	font-size:15px;
	width:280px;
	height:35px;
	line-height:35px;
	font-weight:30px;
	margin-top:10px;
	margin-left:50px;
	border-bottom:1px solid #ddd;
}
.catlist-4 h3 a {
	color:#000;
}
.catlist-4 h3 a:hover{color:#9E9E9E;}

.catlist-4 ul {
	height:150px;
	width:300px;
	margin-top:8px;
	overflow:hidden;
}
.catlist-4 li {
	height:25px;
	line-height:25px;
	font-size:15px;
	width:300px;
	margin-left:50px;
}
.catlist-4 li,.catlist-4 li a {
	color:#4e4e4e;
}
.catlist-4 li a:hover{color:#9E9E9E;}

.catlist-4 h4 {
	text-align:right;
	padding-right:10px;
}

.catlist-5 {
	background: url("images/theme.gif") left 10px no-repeat;
	width:325px;
	height:235px;
	float:left;
	overflow:hidden;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
.catlist-5 h3 {
	font-size:15px;
	width:280px;
	height:35px;
	line-height:35px;
	font-weight:30px;
	margin-top:10px;
	margin-left:50px;
	border-bottom:1px solid #ddd;
}
.catlist-5 h3 a {
	color:#000;
}
.catlist-5 h3 a:hover{color:#9E9E9E;}

.catlist-5 ul {
	height:150px;
	width:300px;
	margin-top:8px;
	overflow:hidden;
}
.catlist-5 li {
	height:25px;
	line-height:25px;
	font-size:15px;
	width:300px;
	margin-left:50px;
}
.catlist-5 li,.catlist-5 li a {
	color:#4e4e4e;
}
.catlist-5 li a:hover{color:#9E9E9E;}

.catlist-5 h4 {
	text-align:right;
	padding-right:10px;
}

.catlist-6 {
	background: url("images/icons.gif") left 10px no-repeat;
	width:325px;
	height:235px;
	float:left;
	overflow:hidden;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
.catlist-6 h3 {
	font-size:15px;
	width:280px;
	height:35px;
	line-height:35px;
	font-weight:30px;
	margin-top:10px;
	margin-left:50px;
	border-bottom:1px solid #ddd;
}
.catlist-6 h3 a {
	color:#000;
}
.catlist-6 h3 a:hover{color:#9E9E9E;}

.catlist-6 ul {
	height:150px;
	width:300px;
	margin-top:8px;
	overflow:hidden;
}
.catlist-6 li {
	height:25px;
	line-height:25px;
	font-size:15px;
	width:300px;
	margin-left:50px;
}
.catlist-6 li,.catlist-6 li a {
	color:#4e4e4e;
}
.catlist-6 li a:hover{color:#9E9E9E;}

.catlist-6 h4 {
	text-align:right;
	padding-right:10px;
}

.catlist-7 {
	background: url("images/font.gif") left 10px no-repeat;
	width:325px;
	height:235px;
	float:left;
	overflow:hidden;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
.catlist-7 h3 {
	font-size:15px;
	width:280px;
	height:35px;
	line-height:35px;
	font-weight:30px;
	margin-top:10px;
	margin-left:50px;
	border-bottom:1px solid #ddd;
}
.catlist-7 h3 a {
	color:#000;
}
.catlist-7 h3 a:hover{color:#9E9E9E;}

.catlist-7 ul {
	height:150px;
	width:300px;
	margin-top:8px;
	overflow:hidden;
}
.catlist-7 li {
	height:25px;
	line-height:25px;
	font-size:15px;
	width:300px;
	margin-left:50px;
}
.catlist-7 li,.catlist-7 li a {
	color:#4e4e4e;
}
.catlist-7 li a:hover{color:#9E9E9E;}

.catlist-7 h4 {
	text-align:right;
	padding-right:10px;
}

.catlist-8 {
	background: url("images/brushes.gif") left 10px no-repeat;
	width:325px;
	height:235px;
	float:left;
	overflow:hidden;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
.catlist-8 h3 {
	font-size:15px;
	width:280px;
	height:35px;
	line-height:35px;
	font-weight:30px;
	margin-top:10px;
	margin-left:50px;
	border-bottom:1px solid #ddd;
}
.catlist-8 h3 a {
	color:#000;
}
.catlist-8 h3 a:hover{color:#9E9E9E;}

.catlist-8 ul {
	height:150px;
	width:300px;
	margin-top:8px;
	overflow:hidden;
}
.catlist-8 li {
	height:25px;
	line-height:25px;
	font-size:15px;
	width:300px;
	margin-left:50px;
}
.catlist-8 li,.catlist-8 li a {
	color:#4e4e4e;
}
.catlist-8 li a:hover{color:#9E9E9E;}

.catlist-8 h4 {
	text-align:right;
	padding-right:10px;
}

.catlist-9 {
	background: url("images/freeware.gif") left 10px no-repeat;
	width:325px;
	height:235px;
	float:left;
	overflow:hidden;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
.catlist-9 h3 {
	font-size:15px;
	width:280px;
	height:35px;
	line-height:35px;
	font-weight:30px;
	margin-top:10px;
	margin-left:50px;
	border-bottom:1px solid #ddd;
}
.catlist-9 h3 a {
	color:#000;
}
.catlist-9 h3 a:hover{color:#9E9E9E;}

.catlist-9 ul {
	height:150px;
	width:300px;
	margin-top:8px;
	overflow:hidden;
}
.catlist-9 li {
	height:25px;
	line-height:25px;
	font-size:15px;
	width:300px;
	margin-left:50px;
}
.catlist-9 li,.catlist-9 li a {
	color:#4e4e4e;
}
.catlist-9 li a:hover{color:#9E9E9E;}

.catlist-9 h4 {
	text-align:right;
	padding-right:10px;
}

.catlist-10 {
	background: url("images/onlinetool.gif") left 10px no-repeat;
	width:325px;
	height:235px;
	float:left;
	overflow:hidden;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
.catlist-10 h3 {
	font-size:15px;
	width:280px;
	height:35px;
	line-height:35px;
	font-weight:30px;
	margin-top:10px;
	margin-left:50px;
	border-bottom:1px solid #ddd;
}
.catlist-10 h3 a {
	color:#000;
}
.catlist-10 h3 a:hover{color:#9E9E9E;}

.catlist-10 ul {
	height:150px;
	width:300px;
	margin-top:8px;
	overflow:hidden;
}
.catlist-10 li {
	height:25px;
	line-height:25px;
	font-size:15px;
	width:300px;
	margin-left:50px;
}
.catlist-10 li,.catlist-10 li a {
	color:#4e4e4e;
}
.catlist-10 li a:hover{color:#9E9E9E;}

.catlist-10 h4 {
	text-align:right;
	padding-right:10px;
}

.catlist-11 {
	background: url("images/sousuo.gif") left 10px no-repeat;
	width:325px;
	height:235px;
	float:left;
	overflow:hidden;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
.catlist-11 h3 {
	font-size:15px;
	width:280px;
	height:35px;
	line-height:35px;
	font-weight:30px;
	margin-top:10px;
	margin-left:50px;
	border-bottom:1px solid #ddd;
}
.catlist-11 h3 a {
	color:#000;
}
.catlist-11 h3 a:hover{color:#9E9E9E;}

.catlist-11 ul {
	height:150px;
	width:300px;
	margin-top:8px;
	overflow:hidden;
}
.catlist-11 li {
	height:25px;
	line-height:25px;
	font-size:15px;
	width:300px;
	margin-left:50px;
}
.catlist-11 li,.catlist-11 li a {
	color:#4e4e4e;
}
.catlist-11 li a:hover{color:#9E9E9E;}

.catlist-11 h4 {
	text-align:right;
	padding-right:10px;
}

.catlist-12 {
	background: url("images/seo.gif") left 10px no-repeat;
	width:325px;
	height:235px;
	float:left;
	overflow:hidden;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
.catlist-12 h3 {
	font-size:15px;
	width:280px;
	height:35px;
	line-height:35px;
	font-weight:30px;
	margin-top:10px;
	margin-left:50px;
	border-bottom:1px solid #ddd;
}
.catlist-12 h3 a {
	color:#000;
}
.catlist-12 h3 a:hover{color:#9E9E9E;}

.catlist-12 ul {
	height:150px;
	width:300px;
	margin-top:8px;
	overflow:hidden;
}
.catlist-12 li {
	height:25px;
	line-height:25px;
	font-size:15px;
	width:300px;
	margin-left:50px;
}
.catlist-12 li,.catlist-12 li a {
	color:#4e4e4e;
}
.catlist-12 li a:hover{color:#9E9E9E;}

.catlist-12 h4 {
	text-align:right;
	padding-right:10px;
}
.catlist-1 li {
	height:25px;
	line-height:25px;
	font-size:15px;
	width:300px;
	margin-left:50px;
}
.catlist-1 li,.catlist-1 li a {
	color:#4e4e4e;
}
.catlist-1 li a:hover{color:#9E9E9E;}

.catlist-1 h4 {
	text-align:right;
	padding-right:10px;
}