/**
Theme Name: Techtrack
Author URI: http://techtrack.com.cn
Version: 5.0
Author: Steve
Description: CMS theme,3 colum
Coder: Steve (Stevejin@live.com)
Release date: 2010.4.9
*/
/****** Reset ******/
body {font-size:13px;background:#deebf3 url(/wp-content/themes/style/images/body_bg.jpg) repeat-x;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, th, td {margin:0 auto; padding:0;}
.white{width:980px; height:auto; margin:0px auto;background:#ffffff;}
form, fieldset, input, textarea
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

h1, h2, h3, h4, h5 {font-size:100%;}
a {color:#000; text-decoration:none;}
a:hover {color:#c30; text-decoration:underline;}
img {border:0px none;}
ol, ul { list-style: none; }
/****** global ******/
.clearfix:after {clear:both; content:"."; display:block; height:0pt; visibility:hidden;}
.clear{clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}
.space,.intel{clear:both; font-size:0; height:0; line-height:0; height:6px;}
.intel{height:12px;}
.right{float:right;}
.normal,.normal a{font-weight:normal;}
.red,a.red,.red a{color:red;}
.blue,a.blue,.blue a{color:blue;}
.green,a.green,.green a{color:green;}
.black,a.black,.black a{color:black;}
.navy,a.navy,.navy a{color:navy;}
.brown,a.brown,.brown a{color:brown;}
.crimson,a.crimson,.crimson a{color:crimson;}

.c b{display:block; border-style:solid; line-height:0; font-size:0; clear:both; overflow:hidden;}
.c b.b1{border-width:1px 0 0; margin:0 5px; height:0;}
.c b.b2{border-width:0 2px; margin:0 3px; height:1px;}
.c b.b3{border-width:0 1px; margin:0 2px; height:1px;}
.c b.b4{border-width:0 1px; margin:0 1px; height:2px;}

#content h3 a{color:#7B2E00;}
.title-y{background:#FFD58D url(images/type_y_left.gif) no-repeat;}
.title-y h3{ background:#FFD58D url(images/type_y_right.gif) no-repeat right top; color:#333; padding:5px 10px 3px; margin-left:2px; font-family:tahoma; font-size:14px;}
.title-b{background:#C0D6E5 url(images/type_b_left.gif) no-repeat; height:25px; overflow:hidden;}
.title-b h3{ background:#C0D6E5 url(images/type_b_right.gif) no-repeat right top; color:#081B39; padding:7px 10px 4px; margin-left:2px;}
.title-b ul.touch{float:right; list-style:none; margin-right:5px;}
.title-b ul.touch li{float:left; margin-top:4px; margin-left:5px; padding:0 6px; height:22px; line-height:22px; cursor:pointer;}
.title-b ul.touch li.on{float:left; background:#fff; margin-top:3px; color:#c30; border:1px solid #9BBDD3; border-bottom:0; cursor:default;}
.small-y{height:23px; overflow:hidden;}
.small-y h3{font-size:12px; color:#7B2E00; padding:4px 10px 3px;}
.title-y ul.btnr {float:right; list-style:none;}
.title-y ul.btnr li {background:url(images/tabstitle_button_bg.gif) no-repeat scroll left top; float:left; line-height:24px; margin:3px 3px 0 0; padding-left:10px;}
.title-y ul.btnr li a{background:url(images/tabstitle_button_bg.gif) no-repeat right top;color:#7B2E00; display:block; margin-left:10px; padding-right:8px;}
.list-y{border:1px solid #FFB64B; margin-bottom:6px; background:#ffffff; border-top:1px solid #FF8F27;}
.list-b{border:1px solid #9BBDD3; margin-bottom:6px; background:#fff; border-top:0;}
.list-y h2,.list-b h2{text-align:center; margin:8px auto 3px; line-height:19px; font-size:14px; font-family:tahoma; color:#003399;}
.list-y h2 a{color:#039;}
.list-y h2 a:hover{color:#f60;}
.list-y p,.list-b p{text-indent:2em; color:#666; padding:0 10px;}
.list-y ul.list{padding:7px 0; margin-top:5px; list-style:none;}
.list-b ul.list{padding:6px 0; list-style:none; margin:0; color:#666;}
.list-y ul.list li{background:url(images/li-small-dot.gif) no-repeat 10px 5px; padding-left:25px; font-size:14px; line-height:22px; font-family:tahoma;}
.list-b ul.list li{background:url(images/li-gray-dot.gif) no-repeat 3px 3px; padding:0 5px 0 16px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list-b ul.eiss {width:274px; overflow:hidden;}
.list-b ul.eiss li{width:253px;}
.list-b ul.date li{background:none; padding-left:0;}
.list-b ul.float {padding:0;}
.list-b ul.float li{background:none; padding:0; float:left;}
.list-b ul.float li a{color:#04d;}
.list-b ul.float li a:hover{color:#f60;}
.list-b ul.member li{width:72px; padding-left:10px; margin-right:4px;}
.list-b ul.must li {width:84px; padding-left:7px; margin-right:2px;}
.list-y ul.list li span,.list-b ul.list li span{float:right; color:#666; font-size:12px; padding-right:6px; font-family:"ËÎÌå";}
.list-y ul.list li span a,.list-b ul.list li span a{color:#039;}
.list-y ul.list li span a:hover,.list-b ul.list li span a:hover{color:#c30;}
.text1{ line-height:150%;}

.list-y ul.listc li{background:url(images/li-small-dot.gif) no-repeat 10px 5px; padding-left:25px; font-size:14px; line-height:22px; font-family:tahoma;}
.list-b ul.listc li{background:url(images/li-gray-dot.gif) no-repeat 3px 3px; padding:0 5px 0 16px; line-height:20px; }

/****** locate ******/
#top,#header,#menu,#navi,#m_b,#search,#content{width:950px;background:#ffffff;}

#top{border-bottom:1px solid #ccc; color:#656565; height:24px; list-style:none outside none; padding:0;}
#top li{border-right:1px solid #C7C7BB; float:right; margin-top:7px; height:12px;}
#top li.first{float:left; border:0; padding:0;}
#top li.none {border:medium none;}
#top a{color:#000; margin:0 6px;}
#top input{border:0; background:#f1f1f1; width:100px; padding:0 2px; font-size:12px; position:relative; top:-1px; border-bottom:1px solid #ccc; color:#00f;}

#logo{float:left; margin-top:10px;}
#head-info{float:left; border:1px solid #8EB4CE; width:230px; margin-left:3px; margin-top:8px; height:55px; background:#ffffff; padding-top:3px;}
#head-info a{text-decoration:none;}
#head-info ul{list-style:none;}
#head-info ul li{float:left; width:230px; line-height:18px; padding-left:6px;}
#head-banner{float:right; border:1px solid #E9C94D; width:468px; margin-top:8px; height:55px; background:#FFFFff; padding-top:3px;}
#head-banner a{text-decoration:none;}
#head-banner ul{list-style:none;}
#head-banner ul li{float:left; width:228px; line-height:18px; padding-left:6px; overflow:hidden; white-space:nowrap;}
#banner{float:right; margin:8px 0 5px;}

#menu {background:url(images/bg_menu.gif) repeat-x; height:27px; line-height:27px;}
#menu ul.menu a {color:#f2f6fb; text-decoration:none; display:block; line-height:27px; padding:0 15px; background:url(images/bg_menu_a_right.gif) no-repeat right;}
#menu ul.menu a:hover {background:url(images/bg_menu_hover_right.gif) no-repeat right;}
#menu ul.menu {list-style:none; float:left;}
#menu ul.menu li {float:left; margin-right:1px; display:inline;}
#menu ul.link{float:right;}
#menu ul.link a{color:#f2f6fb; line-height:27px;}
#menu ul.link li {float:left; margin-right:14px; display:inline;}
#menu li.current {background:url(images/bg_menu_on_left.gif) no-repeat; font-weight:bold;}
#menu li.current a,#menu li.current a:hover{color:#000; background:url(images/bg_menu_on_right.gif) no-repeat right;}
#menu li.home {margin-left:5px;}

#navi{background:#C8D5E4 url(images/bg_navi.gif) repeat-x scroll; font-size:12px; overflow:hidden; padding:6px 0 3px;}
#navi a{color:navy;}
#navi li.high a{color:#c30;}
#navi ul {list-style:none; float:left;}
#navi ul li {border-right:expression(this.parentNode.lastChild == this ? 0 : "1px solid #6887A4"); padding:0 5px; padding-top:2px; float:left; height:12px;}
#navi ul li.heart{background:url(images/red.gif) no-repeat 10px -1px; padding-left:30px;}
#m_b b{background:#d6e7fd; border-color:#d6e7fd;}

#search{margin-top:6px; line-height:23px; background:#ffffff;}
#search * {margin:0px;padding:0px;}
#search .keyword{float:left; border:1px solid #ccc; padding:0 20px; background:#ffffff; color:#333;}
#search .search{ text-align:right; font-size:14px;}
#search .search input {vertical-align:middle; font-size:14px;}
#search .search input.textbox {background:#fff url(images/icon_search.gif) no-repeat 2px; border:1px solid #7E9EB7; margin-left:5px; padding:2px 2px 2px 22px; width:140px;}

#main-info {border:1px solid #9BBDD3; background:#ffffff; width:948px; font-size:12px; margin-top:5px; padding:0px 0 0 0px;}
#main-info a{color:#333;}
#main-info li.red a{color:crimson;}
#main-info ul{list-style:none;}
#main-info ul li{float:left; width:218px; margin-right:1px; line-height:18px; padding-left:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#main-info ul li.banner{width:916px; margin:5px auto 3px; text-align:center; clear:both;}
div.light{background:#f7f7f7; border:1px solid #c7c7c7;}
.comm-info {border:1px solid #dedfde; margin-bottom:6px; background:#ffffff;}

#content {margin-top:10px;}
#content .widgets{width:180px; float:left;}
#content .widgets div.member{padding:8px 10px; line-height:20px; background:#fff url(avatar.gif) no-repeat 93% 36%;}
#content .content{width:760px; float:right;}
#content .widgets ul.dig{list-style:none; border:1px solid #8EB4CE; padding:1px 5px 5px; border-top:0; margin-bottom:8px;}
#content .widgets ul.dig li{background:url(images/dig-compact.gif) no-repeat left center; height:33px; padding:10px 0 0 42px; position:relative; border-bottom:1px dotted #ccc;overflow:hidden;font-size:12px;}
#content .widgets ul.dig li strong{display:block; position:absolute; left:0; top:0; width:36px; text-align:center; font-family:arial; font-size:13px;}
#content .widgets ul.dig li strong a{color:#039; display:block; line-height:43px;}
#content .widgets ul.dig li a{color:#039;}
#content .widgets ul.dig li a:hover{color:#c30; text-decoration:none;}
.widgets-img{width:170px;height:150px; overflow:hidden;}
#content .main{margin-top:0px;}
#content .type {width:468px; float:left;}
#content .comm {width:282px; float:right;}
#content .slide{margin-bottom:6px; text-align:center; border:1px solid #c7c7c7;}
#content .idc {height:125px; margin-bottom:5px; position:relative;}
#content .idc1{height:130px; background:url(images/zz/server.jpg) no-repeat right -10px; border:1px solid #ddd; margin-bottom:5px; position:relative;}
#content .idc .price{line-height:1.6em; text-align:right; width:136px; padding:5px; background:#f1f1f1; position:absolute; bottom:0;}
#content .d280{border:1px solid #f1f1f1; margin-bottom:6px; text-align:center; width:280px; overflow:hidden;}
#content .d280 img{width:280px; height:60px;}

.news-list{float:left; width:656px; margin-bottom:6px;}
.news-list a{color:#04d;}
.news-list a:hover{color:#f60;}
.news-list .list-y{background:none;}
.news-list .list-all{background:#f2f2f2;}
.news-list .thead{padding:6px 3px 5px 8px; background:#f0f0f0; font-family:tahoma; font-weight:bold; font-size:14px;}
.news-list .tbody{background:#f2f2f2;}
.news-list .itembox{border-bottom:1px dotted #ccc; padding:10px 0; color:#333;}
.news-list .box1{padding:0 1em; font-size:14px; font-weight:bold;}
.news-list .box2{padding:0 1em; line-height:1.6em; text-indent:2em; margin-top:5px;height:80px;overflow:hidden;}
.news-list .normal .itembox{padding:8px 0 5px;}
.news-list .normal .box1{padding:0 8px; font-size:12px;}
.news-list .date{font-weight:normal; float:right; font-size:12px;}
.news-list .article{border:1px solid #abc;background:#fafafa; padding:10px 0 0 0; width:100%; margin-bottom:6px; overflow:hidden;}
.news-list .article h1{padding:4px 0pt; width:600px; text-align:center; font-size:13px; font-family:tahoma; color:#c30;}
.news-list .article .desc{text-align:center; line-height:2em; color:#333; border-bottom:1px solid #ccc;}
.news-list .article .text{width:600px;padding:0; font-size:14px; line-height:20px; font-family:tahoma;  color:#222; overflow:hidden;}
.news-list .article .text p{margin:1px 0pt;}
.news-list .article .author{height:26px; line-height:26px; clear:both;}
.news-list .article #arctext a{target:expression(this.target="_blank")}

.diggdiv{clear:both; margin-top:10px;}
.diggdiv .diggbox {background:url(/plus/img/diggbg2.gif) no-repeat; width:60px; height:58px; line-height:23px; float:left; }
.diggdiv .diggnum {text-align:center; font-size:12px; font-weight:bold; color:#c00; width:58px; height:23px; margin-top:8px; }
.diggdiv .digglink{text-align:center; font-size:14px; font-weight:bold; margin:0px; width:58px; height:23px;}
.diggdiv .prevnext{width:530px; float:right; line-height:23px; margin-top:10px;}

.text-info{border:0; border-top:1px solid #c7c7c7; background:#f7f7f7; padding:0 15px; margin-bottom:0;}
.text-info ul.arts li{width:156px; padding-left:0px;}

#feedback{padding:10px; border-top:1px solid #c7c7c7;}
.feednums{font-size:14px; font-family:tahoma; font-weight:bold;}
#feedback dl{line-height:20px; margin-top:5px;}
#feedback dt{background:#e5e5e5; color:#909090; padding:0 5px; line-height:23px; border-top:1px solid #abc;}
#feedback dt strong{font-weight:normal; color:#00f;}
#feedback dd{padding:0.5em; background:#f3f3f3; word-break:break-all; word-wrap:break-word;}

#feedback .postbox{margin-top:1em; line-height:22px;}
#feedback .tput{ border:1px solid #ccc; background:#f2f6fb;}

.pages {background:#fff; padding:1em; text-align:right;}
.pages strong{padding:3px 5px; border:1px solid #f60; color:#f60; margin-right:5px;}
.pages span{padding:0 5px;}
.pages a{padding:3px 5px; border:1px solid #ccc; background:#f0f0f0; text-decoration:none;}
.pages input {border:1px solid #ddd; height:20px; line-height:20px; width:30px; vertical-align:middle;}
.pages #button {background-color:#f60; border:1px solid #c33; color:#fff; width:30px;}
.pages_if{text-align:right;}

#feedback textarea {font-size:1.17em; height:90px; width:468px; border-color:#7C7C7C #c3c3c3 #ddd; border-style:solid; border-width:1px; overflow:auto;}
#feedback .submit {background:#2782D6;border-color:#ddd #264F6E #264F6E #ddd;border:1px solid;color:#fff;cursor:pointer;height:22px;letter-spacing:1px;line-height:20px;padding:0pt 10px;}
input, select, textarea, button {font-family:Tahoma,Arial; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; line-height:1.5em;}
#feedback .user{border-color:#7C7C7C #c3c3c3 #ddd; border-style:solid; border-width:1px; padding:1px 2px 2px;}

.rank-list{float:right; width:282px;}

#footer{border-top:1px solid #ccc; margin-top:10px; padding-top:1em; text-align:center; line-height:22px; clear:both; width:950px;}
#footer a{color:#039;}
#footer a:hover{color:#f60;}
#footer span{font-family:tahoma; font-size:11px;}

.mark {overflow:hidden;padding:15px 0 20px 111px; clear:both;}
#mark0, #mark1 {background:url(images/mark.gif) no-repeat -189px 0;border:0;cursor:pointer;float:left;height:48px;margin:0;overflow:hidden;padding:0;position:relative;width:189px;}
#mark1 {background-position:-378px 0;margin-left:10px;}
#barnum1, #barnum2 {color:#333333;font-family:arial;font-size:10px;font-weight:400;left:70px;line-height:12px;position:absolute;top:30px;}
.bar {background-color:#FFFFFF;border:1px solid #40A300;height:5px;left:9px;overflow:hidden;position:absolute;text-align:left;top:32px;width:55px;}
.bar div {background:transparent url(images/sprites.gif) repeat-x scroll 0 -265px;height:5px;overflow:hidden; margin:0;}
#mark1 .bar {border-color:#555555;}
#mark1 .bar div {background-position:0 -270px;}

.cat-img img{
	float:left;
	width:120px;
	height:80px;
	margin-right:10px;
}    
.aligncenter{
	text-align:center;
}

.post-line{
	border-top: 1px solid #ddd;
	padding: 5px 0px 5px 0px;
}
.post-author{
	padding: 0px 0px 0px 0px;
}
.post-tag{
	padding: 5px 0px 0px 0px;
}
.post-share{
	padding: 5px 0px 0px 0px;
}
.alignright { float:right; }

.alignleft { float:left }

/* comment and respond */
#comments {
/*	font-style:italic;*/
	font-weight:normal;
	color:#909090;
	padding-top:10px;
	padding-bottom:0px;
	font-size:12px;
}
#comments h3{
/*	font-style:italic;*/
	font-weight:normal;
	color:#909090;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:12px;
	font-size:12px;
}
#respond h3 {
	font-size:12px;
/*	font-style:italic;*/
	font-weight:normal;
	color:#909090;
	padding-bottom:5px;
	padding-top:0px;
}

.navigation, #respond {
	margin:12px 0px 0px 0px;
	
}

.commentlist li {
	clear:both; 
	width:590px;
	display:block;
	margin-bottom:4px;
	border-color:#dbdbdb #dadada;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
}

.commentlist li .comment-body {
	border-color:#f5f5f5 #c6c6c6 #a9a9a9 #f0f0f0;
	border-style:solid;
	border-width:1px;
	padding:11px;
}

.children li{
	margin-left:44px;
	width:auto;
	border-color:#dbdbdb #dadada;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
}

.commentlist li .avatar { 
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	background: #ffffff;
	margin-right:5px;
}

.commentlist cite, .commentlist cite a {
	font-style: normal;
	font-size: 12px;
}

.commentlist p {
	clear:both;
	line-height: 1.5em;
	padding-left: 45px;
}

#commentform input, #commentform textarea {
	background-color:#f6f6f6;
	color:#4a483d;
	font-size: 14px;
	font-weight: normal;
	border-color:#dbdbdb #dadada;
	border-style:solid;
	border-width:1px;
	padding:7px;
}

#commentform p {
	margin-bottom:6px;
}

#commentform #submit {
	background-color:#f6f6f6;
	font-size:18px;
/*	font-style:italic;*/
	color:#4c4c4c;
	padding:0 6px;
	height:37px;
	line-height:37px;
	border:1px solid #bcbcbc;
}

#commentform textarea { 
	width:575px; 
	font-size: 12px;
	font-weight: normal;	
}

/**  entry_b **/
.entry_b{
	height:80px;
	overflow:hidden;
	}

.chengjie {padding:10px 0px 10px 0px;font-weight:bold;border:2px solid #ccc;}	
.entry_related{
	width: 600px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	overflow:hidden;
	}	
/**  relatedposts **/
.relatedposts {
	float: left;
	width:280px;
	height:250px;
	overflow:hidden;
}
.relatedposts h3{
	margin:0 0 10px 0;
}
.relatedposts ol li{
	line-height:23px; 
	margin:0 0 0 0px;
}
.relatedposts a,.relatedposts a:visited {
	color: #393939;
	text-decoration: none;
}
.relatedposts a:hover, .relatedposts a:active {
	color: #0196e3;
}

.related-ads {
	float: left;
	width:12px;
	margin:15px 0 0 0;
	line-height:16px;
	font-size:13px; 
	font-weight:normal;
	}
/**  end:entry_b **/

.tbox9{
	width:100%;
	border-bottom:1px solid #e3e2e2;
	overflow:hidden;

}
.tbox9 ul {
	padding-bottom:5px;
}

.tbox9 ul li {
	padding-left:10px;
	padding-right:10px;
}
.tbox9 ul  li a{
	padding-left:5px;
	padding-bottom:5px;
	display:inline;
}

.tbox9 dt{

	height:25px;

	background:url(images/lvtiao.gif) right top no-repeat;

	overflow:hidden;

	clear:both;

	color:#FFF;

}

.tbox9 dt strong{

	height:25px;

	width:170px;

	line-height:25px;

	padding-left:40px;

	display:block;

	float:left;

	color:#777; 

	letter-spacing:2px;

	padding-top:4px;

	background-color:#CCC;

	background:url(images/lvtiao.gif) left top no-repeat;

}

.tbox9 dt strong a{

	color:#666; 

}

.tbox9 dt strong a:hover{

	color:#333;

	text-decoration:none;

}

.tbox9 dd{

	border-left:1px solid #ccc;

	border-right:1px solid #ccc;

	padding:4px 4px 0px;

	overflow:hidden;

}

.tbox9 dt span.more2{

	float:right;

	position:relative;

	line-height:25px;

	padding-right:8px;

	color:#85A484;

	padding-top:3px;

	margin-top:7px;

	margin-right:8px;

}

.tbox9 dt span.more{

	float:right;

	line-height:25px;

	padding-right:8px;

	color:#666;

	padding-top:0px;

	margin-right:8px;	



}


.f5{
	width:100%;
	overflow:hidden;
	clear:both;
	padding-bottom:10px;
}
.f5 li{
	float:left;
	line-height:14px;
	padding:8px 0px 0px;
	white-space:nowrap;
}
.f5 li a{
	color:#666666;
	float:left;
}

.f6{
	width:100%;
	overflow:hidden;
	clear:both;
	padding-bottom:10px;
}

.f7{
	width:100%;
	overflow:hidden;
	clear:both;
	padding-bottom:10px;
}

.f7 li{
	float:left;
	line-height:15px;
	white-space:nowrap;
}

.f7 li a{
	padding:0px 5px 0px 5px;
	color:#777;
	white-space:nowrap;
	float:left;
}
.flink {
	text-align:left;
}

.w960{
	width:956px;
	position:relative;
}
.mt1{/* ( margin-top * 1 ) */
	margin-top:0px;
}
.mt2{/* ( margin-top * 2 ) */
	margin-top:16px;
}

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


/*-------------code-----------------*/
.entry a{color:#1996FF;margin:0 2px;}
.entry a:hover {color:#C00909;}

.entry pre{margin:16px 0; border:1px solid #DDD;overflow:auto;background:#F7F7F7;padding:0 10px 10px 10px; white-space: pre-wrap;width:575px; }
.entry pre code{display:block;background:#F7F7F7;width:575px;}
.entry pre>code{padding-top:25px;background:#F5F7F7 url(images/pre/pxl_code.gif) 0 0 no-repeat;width:575px;}
.entry pre>code.html{background:url(images/pre/pxl_html.gif) 0 0 no-repeat;}
.entry pre>code.css{background:url(images/pre/pxl_css.gif) 0 0 no-repeat;}
.entry pre>code.javascript{background:url(images/pre/pxl_javascript.gif) 0 0 no-repeat;}
.entry pre>code.ruby{background:url(images/pre/pxl_ruby.gif) 0 0 no-repeat;}
.entry pre>code.php{background:url(images/pre/pxl_php.gif) 0 0 no-repeat;}
.entry code{font-size:13px;color:#777;width:575px;}

.copy{background:#DBECFD url(images/pre/libg2.gif) no-repeat left top;width:575px;overflow:hidden;padding-top:5px;}
.copy p{display:block;margin-bottom:0;padding:0 15px 5px 15px;width:575px;}
.copy pre{width:570px;font-size:1em;background:#DBECFD url(images/pre/libg2.gif) no-repeat -575px bottom;padding:0 15px 10px 15px;overflow:auto; white-space: pre-wrap;}
.copy pre code{background:#FFF;width:575px;font-size:1.087em;padding:5px;margin:0;line-height:150%;color:#7E7E7E;display:block;}
/* wp-pagenavi */
#wp-pagenavi-wrapper {
	clear:both;
	height:44px;
	position:relative;
	border:1px solid #bcbcbc;
}
.wp-pagenavi {
	padding:14px 7px 0;
	font-size:12px;
	font-family:Tahoma, Verdana, Arial;
	height:28px;
	border-color:#f4f4f4 #bebebe #a7a7a7 #ededed;
	border-style:solid;
	border-width:1px;
}

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.extend {
	background-color:#e4e4e4 !important;
	color:#878787 !important;
	text-transform:uppercase;
	padding:8px 10px !important;
	border-color:#f6f6f6 #c4c4c4 #a7a7a7 #ececec !important;
	border-style:solid !important;
	border-width:1px !important;
}

.wp-pagenavi span.pages {
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background-color:#d1d1d1 !important;}

#wpview{
	display:block;
	float:left;
	padding-left: 220px;
}
#download-single{
	display:block;
	float:left;
	padding-left: 250px;
}

.download {
	display:block;
	float:left;
	font-size: 12px;
	font-weight: bold;
	height:35px;
	width: 80px;
	line-height:35px;
	text-align:center;
	padding:0 5px 0 5px;
	border:2px solid #ccc;
}

.demo {
	display:block;
	float:left;
	font-size: 12px;
	font-weight: bold;
	height:35px;
	width: 80px;	
	line-height:35px;
	text-align:center;
	padding:0 5px 0 5px;
	border:2px solid #ccc;
}


/* Footer */
.footer-new{margin:0px auto 10px; padding:0px 0px; width:100%; color:#413f36;}
.foot-new{height:80px; margin:10px auto; padding:20px 0px 0px; width:956px; background:url(images/footer.gif) no-repeat center 0;}
.foot-new p{line-height:22px; text-align:center;}
.foot-new p a{	
	font-size:12px;
	font-family:Verdana,Arial,Tahoma;
	color:#413f36;
}
.foot_menu  a {
	font-size:12px;
	font-family:Verdana,Arial,Tahoma;
	color:#413f36;
}
/* Footer Navigation */
.foot_navi{ width:956px; margin:0 auto; padding:0px 0px; text-align:center; }
.foot_menu{ width:956px; margin:0px auto 5px; text-align:center;}
.foot_menu li{ width:1px; padding:0px 10px 0px 10px; border-right:1px solid #666666; display:inline; white-space:nowrap;}
.foot_menu .last{ width:1px; padding:0px 10px 0px 10px; border-right:0px; display:inline; white-space:nowrap;}
.foot_menu  a:hover{color:#C00909;}	
.foot-new p a:hover{color:#C00909;}	
.bottom-line{width:650px;height:78px; padding:5px 5px 5px 5px; border:1px solid #ddd; margin: 8px 0px 8px 0px;}


.ttlink  {
	width: 950px; 
	display:block;

}
.ttlink  ul {
	width: 950px; 
	display:block;
	
}
.ttlink ul li{
	float:left;
	width: 183px; 
	height:48px; 
	display:block;
	padding-top:11px;
	padding-bottom:10px;
	padding-right:5px;
/*	border: 1px dotted #8e8e8e; */
	border: 1px solid #8e8e8e;
}
.ttlink ul li .desc{
	line-height: 16px; 
	height:32px;
	color: #8e8e8e;
	white-space:normal;	
	display:block;
	overflow:hidden;
	font-size:12px;
	font-weight:normal;
}
.ttlink ul li a{
	height:16px;
	font-weight:bold;
	font-size:12px;
	line-height: 16px;
	color: #19A1FE;
	white-space:normal;	
	display:block;
}
.ttlink ul li a:hover { 
	color: #0072A8;
}
.ttlink ul li img {
	float:left;
	width:40px;
	height:40px;
	display:block;
	margin:5px 2px 0px 2px;
	padding:5p 2px 0px 2px;
}
#ttlinkbox{ 
	width:950px; 
	float:left; 
	display:block;
	margin:10px 0px 10px 0px;
	border: 1px solid #ccc;	
}