@charset "UTF-8";
/*
Theme Name: Pengxun Tech
Theme URI: http://simplewordpresstheme.com
Version: 1.0
Description: 2 Column theme
Author: David GuoShuang
Author URI: http://simplewordpresstheme.com
*/

/*
by davidguoshuang at gmail.com 2009-11-25
*/

/*通用 + reset */

body {background: #100509 url(images/bk_top.jpg) center top no-repeat;}
* {font:12px/150% tahoma,sans-serif;margin:0;padding:0;}
form {margin:0;display:inline;}
a {text-decoration:none;color:#666;}
a:hover {color:#B56286}
ul {list-style:none;}
b,strong {font-weight:700;}
img {border:none;}
img.outline {padding:2px;background:#fff;border:solid 1px #ccc;}

/*布局*/

/*top*/
#top {width:960px;margin:0 auto;height:211px;}
#top #header {position:absolute;left:50%;margin-left:-250px;top:96px;}
#top #header a {display:block;width: 413px;height: 61px;background:url(images/logo.png);text-indent:-9999px;outline:none;}

/*topnavi*/
#top #topnavi {height: 55px;}
#top #topnavi form {float:right;}
#top #topnavi ul {float:right;}
#top #topnavi ul li {float:right}
#top #topnavi ul li a {display:block;height:55px;line-height: 45px;}

#topnavi li  {margin:0;padding:0;display:block;background: url(images/top_navi_current.gif) no-repeat;width:68px;height:55px;float: right;margin-left:2px;}
#topnavi li a {display:block;line-height:50px;color:#fff;text-align:center;padding-left:15px;outline:none;font-weight:700;}

#topnavi  li.page-item-101  a {background:url(images/top_navi_aboutus.gif) 8px 0 no-repeat;}
#topnavi  li.page-item-15   a {background:url(images/top_navi_sitemap.gif) 8px 0 no-repeat;}
#topnavi  li.page-item-17   a {background:url(images/top_navi_feed.gif) 8px 0 no-repeat;}
#topnavi  li.forum   a {background:url(images/top_navi_forum.gif) 8px 0 no-repeat;}
#topnavi  li.wiki   a {background:url(images/top_navi_wiki.gif) 8px 0 no-repeat;}

#topnavi  li:hover {background-position:0 -110px;}
#topnavi  li:hover a {background-position:8px -55px;}

/*style for WP*/

#topnavi  li.current_page_item {background-position:0 -55px;}
#topnavi  li.current_page_item a {background-position:8px -55px;}

#topnavi  .formDiv {display:block;height:50px;float:right;background: url(images/search_bk.gif) 0 center no-repeat;padding-left:26px;margin-left:8px;margin-top:-3px;}

#topnavi label {display:none;margin:0;padding:0;}

#topnavi #s {border: none;background:transparent;width:125px;padding:0;color:#999;position:relative;top:-2px;}
#topnavi #searchsubmit {width:58px;height:22px;background: url(images/search_btn.gif);border:none;margin-top:15px;margin-left:20px;text-indent:-9999px;outline:none;}

#topnavi #searchsubmit:hover {background-position:0 -22px;}

#topnavi #s:focus {outline:none}  /*for chrome border*/


/*topmenu*/
#topMenu {background: url(images/juchi1.gif) 0 bottom repeat-x;width:960px;margin:0 auto;height:44px;}
#topMenu ul {margin-left:20px;}
#topMenu li {float:left;margin-left:4px;}
#topMenu li a {height: 44px;width: 90px;display:block;float:left;text-align:center;font-size:13px;font-weight:700;color:#fff;line-height:40px;background: url(images/top_navi_bk.png);outline:none;}

#topMenu li.current-cat a {color:#000;background-position:0 -88px;}
#topMenu li.current_page_item a {color:#000;background-position:0 -88px;}

/*content*/
#content {background: #fff;width:960px;margin:0 auto;}
#content a {color:#B56286;}
#content a:hover {text-decoration:underline}

/*bottom*/

#bottom {width:960px;margin:0 auto;clear:both;text-align:center;margin-bottom:30px;color:#666;background: url(images/juchi2.gif) 0 0 repeat-x;}
#bottom .validated {text-align:right;line-height:100%;padding-top:6px;padding-right:8px;font-size:11px;}
#bottom .copy {font-size:11px;font-family:Verdana,sans-serif;}
#bottom a {color:#999;} 
#bottom a:hover {color:#fff;}
#bottom .validated a {font-size:10px;}
#bottom .copy a {padding:6px 0 6px 24px;background:url(images/logo_btm.gif) 0 center  no-repeat;color:#ccc;}
#bottom a:hover {text-decoration:underline}


/*内容部分 左侧*/
.contentDiv {padding:15px;}
#content a:hover {text-decoration:underline;}


/*底部导航*/
#bottomMenu {width:960px;margin:0 auto;height:30px;background:#fff url(images/bottommenu_bk.jpg) center 20px no-repeat;text-align:center;padding-top:30px;}
#bottomMenu ul,#bottomMenu li {margin:0;padding:0;}
#bottomMenu li {display:inline;padding-right:8px;border-right:dotted 1px #eee;padding-left:8px;}
#bottomMenu li a {color:#999;padding:2px 3px 6px 3px;}
#bottomMenu li a:hover {color:#333;text-decoration:underline;background:url(images/bottom_nvi_bk.gif) center bottom no-repeat}

#bottomMenu  li.current-cat a {color:#000;background:url(images/bottom_nvi_bk_now.gif) center bottom no-repeat;}
#bottomMenu  li.current_page_item a {color:#000;background:url(images/bottom_nvi_bk_now.gif) center bottom no-repeat;}



/*站点级别样式*/


/*首页样式 ///////////////////////////////////////////开始/////////////////////////////////////////////////////  */

body.home #realcontent {float:none;width:100%;background:url(images/bk_realcontent.gif) right bottom no-repeat}
body.home #sidebar {display:none;}

body.home #guoSlider {float:left;width:515px;position:relative;height:260px;background:#333 url(images/ajax1.gif) center center no-repeat;}
body.home #guoSlider a img {border:none;background:#333 url(images/ajax1.gif) center center no-repeat;width:515px;height:260px;}
body.home #guoSlider .slideBTN {position:absolute;bottom:2px;right:8px;}
body.home #guoSlider .slideBTN li {display:inline;}
body.home #guoSlider .slideBTN a {display:block;width:15px;height:15px;line-height:16px;background:#fff;color:#000;text-align:center;font:10px verdana,sans-serif;cursor:pointer;float:left;margin-bottom:5px;margin-left:2px;opacity:0.4;border:solid 1px #fff;outline:none;}

/*xhtml strict 不允许自定义 attribute 来传递参数*/
body.home #guoSlider .slideBTN a .olink {display:none;}
body.home #guoSlider .slideBTN a .oimg {display:none;}

body.home #guoSlider .slideBTN a:hover {opacity:1;}
body.home #guoSlider .slideBTN a.current {border:solid 1px #fff;opacity:1;color:#fff;background-color:#000}

body.home #guoNews1 {float: left;background:url(images/bk_news.gif);margin-left:10px;width:405px;height:260px;}
body.home #guoNews1 h2 {font-size:13px;font-weight:700;height:43px;line-height:46px;padding-left:35px;border-bottom:solid 1px #eee;background:url(images/news_company.gif) 6px center no-repeat;color:#666;}
body.home #guoNews1 h2 a.more {display:block;float:right;height:43px;line-height:43px;color:#B56286;font-weight:700;padding-right:5px;background:url(images/more01.gif) 0 center no-repeat;padding-left:11px}
body.home #guoNews1 ul {}
body.home #guoNews1 ul li {background:url(images/b_dot.gif) 8px center no-repeat;}
body.home #guoNews1 ul li a .date {float:right;display:block;color:#ccc;font-size:11px;line-height:25px;padding-right:6px;}
body.home #guoNews1 ul li a {color:#666;display:block;line-height:25px;padding-left:15px;border-bottom:solid 1px #f1f1f1;border-top:solid 1px #fff;font-size:12px;background:transparent;white-space:nowrap;overflow:hidden;}/*background:transparent; 解决 ie gif 只播放一次的问题 */

body.home #guoNews1 ul li a:hover {background:#fff url(images/b_animate_arrow.gif) 0 center no-repeat;border-top:solid 1px #fff;border-bottom:solid 1px #eee;text-decoration: none}
body.home #guoNews1 ul li a:hover .date {color:#999}

body.home #regbox {display:none;}

/*特殊  清除前面的float:left，内容不能为空，否则 ie 不显示，并且 iefix 需要 float:none*/
.f2clear {clear:both;height:10px;}

/*#guoNews2 tabs*/
#guoNews2 {width:513px;border:solid 1px #eee;float:left;background:url(images/bk_cloud.jpg) 0  bottom no-repeat}
#guoNews2 ul.gtabs {background:url(images/news2_bk.jpg);height:35px;}
#guoNews2 ul.gtabs li {float:left;height:35px;line-height:35px;cursor:pointer;border-right:solid 1px #eee;border-left:solid 1px #fff;}
#guoNews2 ul.gtabs li span {line-height:35px;font-size:12px;font-weight:700;;height:35px;display:block;padding:0 6px 0 0;color:#ccc;}

#guoNews2 ul.gtabs li.infotab span {background:url(images/tabs1.gif) 3px 0 no-repeat;padding-left:35px;}
#guoNews2 ul.gtabs li.seotab span {background:url(images/tabs2.gif) 3px 0 no-repeat;padding-left:35px;}
#guoNews2 ul.gtabs li.sitab span {background:url(images/tabs3.gif) 3px 0 no-repeat;padding-left:32px;}

#guoNews2 ul.gtabs li.current {background:url(images/news2_bk.jpg) 0 -35px repeat-x;}
#guoNews2 ul.gtabs li.current span {background-position:3px -35px;color:#333;}

/*鼠标 hover 和 current 效果暂时一样，不用点击	 否则 0 -70px*/
#guoNews2 ul.gtabs li.hover {background:url(images/news2_bk.jpg) 0 -35px repeat-x;}

#guoNews2 ul.gtabs li.hover span {background-position:3px -35px;color:#444}

#guoNews2 ul.news {margin: 10px;margin-bottom:0;}
#guoNews2 ul.news li {background:url(images/dotsline.gif) 0 bottom repeat-x}
#guoNews2 ul.news li a {line-height:25px;color:#666;background:url(images/b_dot.gif) 0 center no-repeat;padding-left:8px;}
#guoNews2 ul.news li span.date {float:right;display:block;color:#ccc;font-size:11px;line-height:25px;padding-right:6px;}
#guoNews2 ul.news li a:hover {color:#B56286;text-decoration: underline;}
#guoNews2 ul.news li a:hover span.date {text-decoration:none}

ul.gtabsContent {margin:0;padding:0;}
ul.gtabsContent>li {margin:0;padding:0;display:none;}

/*解决 ie 上边空行bug*/
ul.gtabsContent li.show {display:inline;}


#guoNews2 ul.gtabsContent div.more {}
#guoNews2 ul.gtabsContent div.more a {display:block;float:right;height:30px;line-height:30px;color:#B56286;font-weight:700;background:url(images/more01.gif) 0 center no-repeat;padding-left:11px;padding-right:10px;}

/*#webdesign*/
#webdesign {background:url(images/bk_webdesign.png) 6px 6px no-repeat;margin-left:10px;width:405px;float:left;line-height:80%;}
#webdesign h2 {height:72px;text-indent:-9999px;}

#webdesign .gallery a {border:solid 1px #fff;display:block;width:120px;height:90px;float:left;padding:3px;background-color:#eee;margin:0 6px 6px 0;position:relative;}
#webdesign .gallery a:hover {border-color:#eee;background-color:#fff}
#webdesign img {margin:0;padding:0;border:0;width:120px;height:90px;}

#webdesign {position:relative;}
#webdesign .web20 {height: 62px;width:62px;background:url(images/web20.png);position:absolute;right:-5px;top:53px;}

#webdesign .imggo {position:absolute;background:url(images/imggo.png);height: 36px;width: 36px;left:46px;top:31px;display:none;}


#customer {background:url(images/customer.png);height:112px;width:974px;margin:0 auto;border-bottom:solid 1px #eee;text-align:left;}

#customer .contentDiv {padding:40px 300px 10px 80px;}
#customer h2 {display:none;}
#customer ul {display:inline;}
#customer #ourCustomer li {display:inline;}
#customer #ourCustomer li a {color:#999;font-size:12px;font-weight: normal;padding:3px;white-space:nowrap}
#customer #ourCustomer li a:hover {color:#fff;background:#666;}


#tagsCloud li {display:inline;}
#tagsCloud a {padding:3px;color:#ccc}
#tagsCloud a:hover {padding:3px;text-decoration:underline;color:#100509}

#tagsCloud a.tag-link-3 {color:#c06}
#tagsCloud a.tag-link-4 {color:#999}
#tagsCloud a.tag-link-5 {color:#999}
#tagsCloud a.tag-link-6 {color:#999}
#tagsCloud a.tag-link-7 {color:#ccc}
#tagsCloud a.tag-link-8 {color:#ccc}
#tagsCloud a.tag-link-9 {color:#ccc}


/*首页样式 ///////////////////////////////////////////结束/////////////////////////////////////////////////////  */



/*single 样式 //////////////////////////开始 ////////////////////*/
body.single #content {background: #fff url(images/middle_bk.png);}
body.single #realcontent {float:left;width:700px;}


body.single #realcontent h1 {text-align:center;font-size:16px;font-weight:700;margin:10px 0 0 0;padding:5px;}
body.single #realcontent hr {background:none;border:none;border-bottom:dotted 1px #ccc;margin:10px 0;}

#realcontent .gMeta {color:#ccc;text-align:left;margin-top:10px;border-top:solid 1px #eee;height:20px;padding-top:5px;}
#realcontent .gMeta a {color:#999;}

#realcontent .gMeta span {background:url(images/icons.gif) 0 0 no-repeat;padding-left:18px;margin-left:2px;display:block;float:right;}

#realcontent .gMeta span.thetime {background-position:0 -48px;}
#realcontent .gMeta span.thecomment {background-position:0 -96px;}
#realcontent .gMeta span.theedit {background-position:0 -64px;}
#realcontent .gMeta span.theauthor {background-position:0 -176px;} 
#realcontent .gMeta span.thecategory {background-position:0 -479px;}


#realcontent .gMeta ul {margin:0;padding:0;list-style:none;display:inline}
#realcontent .gMeta li {margin:0;padding:0;list-style:none;display:inline}

#realcontent .gop {margin:8px 0;border-top:dotted 1px #ccc;text-align:left;}
#realcontent .gop ul {margin:0;padding:0;list-style:none;display:inline}
#realcontent .gop li {margin:0;padding:0;list-style:none;display:inline}
#realcontent .gop a {color:#888;}

#realcontent .gop .category {background:url(images/icons.gif) 0 -475px no-repeat;float:left;padding-left:18px;line-height:30px;}
#realcontent .gop .guoTags {float:left;background:url(images/icons.gif) 0 -393px no-repeat;padding-left:18px;margin-left:2px;line-height:30px;}

.guoVoteDiv {float:right;line-height:24px;margin-top:4px;}
.guoVoteDiv img {border:none;}


#realcontent .relatedPost {margin:10px;}
#realcontent .relatedPost h2 {background:url(images/icons.gif) 0 -346px no-repeat;font-weight:700;padding-bottom:2px;border-bottom:dotted 1px #ccc;padding-left:19px;}
#realcontent .relatedPost ul {}
#realcontent .relatedPost .news {margin:8px;}
#realcontent .relatedPost .news li {background:url(images/b_dot.gif) 0px center no-repeat;padding-left:8px;}
#realcontent .relatedPost .news li a {line-height:150%;color:#666;}
#realcontent .relatedPost .news li a:hover {text-decoration: underline;}

#realcontent .entry {line-height:150%;clear:both;margin:10px;}
#realcontent .entry p {margin-bottom:1em;}
#realcontent .entry ul {margin:8px;}
#realcontent .entry ol {margin:8px 8px 8px 20px;}
#realcontent .entry ul li {background:url(images/b_dot.gif) 0px center no-repeat;padding-left:8px;}

#realcontent .entry h2 {font-weight:700;font-size:14px;margin:10px 0;}
#realcontent .entry h3,#realcontent .entry h4,#realcontent .entry h5,#realcontent .entry h6 {font-weight:700;font-size:13px;margin:10px 0;}

#respond h3.iwant2say {background:url(images/icons.gif) 0 -372px no-repeat;padding-left:18px;font-weight:700;padding-bottom:2px;border-bottom:dotted 1px #ccc;margin-bottom:8px;}

/*single 样式 //////////////////////////结束 ////////////////////*/

/*page 样式 //////////////////////////开始 ////////////////////*/
body.page #content {background: #fff url(images/middle_bk.png);}
body.page #realcontent {float:left;width:700px;}
body.page #realcontent h1 {text-align:center;font-size:16px;font-weight:700;margin:10px 0 0 0;padding:5px;background:url(images/bottommenu_bk.jpg) center bottom no-repeat;}

body.page #realcontent .gMeta {border:none;}

.contentDiv .entry p {font-size:14px;}

/*page 样式 //////////////////////////结束 ////////////////////*/


/* sidebar  */
#sidebar {float:left;width:250px;margin-left:10px;}

#sidebar li {list-style:none;}
#sidebar a {color:#666;}
#sidebar a:hover {color:#333;text-decoration:underline;}
#sidebar ul li {background:url(images/b_dot.gif) 0 center no-repeat;padding-left:6px;overflow:hidden;}
#sidebar ul li.widget {background:none;padding-left:0;}
#sidebar ul li a {white-space:nowrap;}

#sidebar h2 {background:url(images/icons_all.png) 0 0 no-repeat;padding-left:38px;height:32px;line-height:32px;color:#999;font-weight:700;border-bottom:solid 1px #eee;}

#sidebar .dynamicSidebar {clear:both;}
#sidebar .dynamicSidebar li.widget {}

#sidebar .dynamicSidebar li.widget ul {margin:8px 0;}

#sidebar .widget_recent_entries h2 {}
#sidebar h2.gRecentComments {background-position:2px -32px}
#sidebar .widget_MostVotedAllTime h2 {background-position:2px -64px;}
#sidebar .widget_tag_cloud h2 {background-position:2px -96px}
#sidebar h2.widget_mostComment {background-position:2px -128px}


/*
body.error404 .contentDiv {background:url(images/404.gif) 0 60% no-repeat;height:300px;padding-left:300px;}
*/
body.error404 .contentDiv {background:url(images/catalyst.gif) 0 bottom no-repeat;height:400px;padding-left:450px;}

/*archive 样式 //////////////////////////开始 ////////////////////*/
body.archive #content {background: #fff url(images/middle_bk.png);}
body.archive #realcontent {float:left;width:700px;}

body.archive #realcontent h1 {text-align:left;font-size:16px;font-weight:700;margin:10px 0 0 0;padding:5px;border-bottom:dotted 1px #ccc;}

body.archive #realcontent ul.news {margin: 10px;margin-bottom:0;}
body.archive #realcontent ul.news li {background:url(images/dotsline.gif) 0 bottom repeat-x}
body.archive #realcontent ul.news li a {line-height:25px;color:#666;background:url(images/b_dot.gif) 0 center no-repeat;padding-left:8px;font-size:13px;}
body.archive #realcontent ul.news li span.date {float:right;display:block;color:#ccc;font-size:11px;line-height:25px;padding-right:6px;}
body.archive #realcontent ul.news li a:hover {color:#B56286;text-decoration: underline;}
body.archive #realcontent ul.news li a:hover span.date {text-decoration:none}


/*archive 样式 //////////////////////////结束 ////////////////////*/

/*search 样式 //////////////////////////开始 ////////////////////*/
body.search #content {background: #fff url(images/middle_bk.png);}
body.search #realcontent {float:left;width:700px;}
body.search #realcontent h1 {text-align:left;font-size:13px;font-weight:700;margin:10px 0 0 0;padding:5px;border-bottom:dotted 1px #ccc;}
body.search #realcontent h1 em {font-size:14px;color:#c00;font-weight:700;}
body.search #realcontent ul.news {margin: 10px;margin-bottom:0;}
body.search #realcontent ul.news li {background:url(images/dotsline.gif) 0 bottom repeat-x}
body.search #realcontent ul.news li a {line-height:25px;color:#666;background:url(images/b_dot.gif) 0 center no-repeat;padding-left:8px;font-size:13px;}
body.search #realcontent ul.news li span.date {float:right;display:block;color:#ccc;font-size:11px;line-height:25px;padding-right:6px;}
body.search #realcontent ul.news li a:hover {color:#B56286;text-decoration: underline;}
body.search #realcontent ul.news li a:hover span.date {text-decoration:none}
/*search 样式 //////////////////////////结束 ////////////////////*/

/*站点地图样式*/

.ddsg-wrapper {background:url(images/sitemap.jpg) right 80% no-repeat}
.ddsg-wrapper h2 {display:none;}
.ddsg-wrapper ul {margin:1em;}
.ddsg-wrapper ul strong {margin-top:8px;font-size:14px;color:#999;}
.ddsg-wrapper ul li {margin-left:1em;color:#ccc}
.ddsg-wrapper ul li a {color:#333;line-height:150%;font-size:13px;}
.ddsg-wrapper ul li a:hover {color:#06c;text-decoration:underline}


#realcontent .entry .ddsg-wrapper li {background:none;padding:0;}
.ddsg-wrapper  div {display:none;}

/*breadcrumb*/
.crumbsDiv {color:#ccc;background:url(images/navigation.png) 0 center no-repeat;padding-left:18px;}
ul#crumbs  {display:inline;color:#666;font-size:12px;margin:0;padding:0;}
#crumbs li {display:inline;padding:0;background:none;}
#crumbs li a {font-size:12px;color:#ccc;}
#crumbs li a:hover {color:#333;text-decoration:underline;}

/*留言*/

h3#comments {font-weight:700;font-size:12px;border-bottom:dotted 1px #ccc;padding-bottom:5px;margin-bottom:5px;}


ol.commentlist {}
ol.commentlist li {color:#666;clear:both;list-style:none;}
ol.commentlist li a {color:#999;}
ol.commentlist li a:hover {text-decoration:underline}

ol.commentlist li .avatar {border:solid 1px #ccc;padding:1px;background:#fff;vertical-align:middle;}
ol.commentlist li .gAuthor {color:#ccc;}
ol.commentlist li a.author {font-size:13px;color:#06c;}
ol.commentlist li .guoRealComment {background:#eee url(images/bk_comment.gif) 0 0 no-repeat;margin-bottom:8px;padding:8px;padding-top:18px;color:#666}

ol.commentlist li.bypostauthor .guoRealComment {background:#eee url(images/bk_comment_author.gif) 0 0 no-repeat;color:#361928;}

#respond a {color:#666;}
#respond input {border:solid 1px #ccc;margin-top:3px;padding:2px;}
#respond input:focus {border-color:#c00;background-color:#f1f1f1;}

textarea#comment {width:80%;border:solid 2px #ccc;margin:5px 0;padding:5px;}
textarea#comment:focus {border:solid 2px #c00;background:#f1f1f1;}
input#submit {background:#eee url(images/addcomment.png) 0 center no-repeat;height:32px;font-weight:700;margin-top:5px;text-indent:-9999px;outline:none;border:none;width:159px;}

/*others*/
blockquote {background:#f4f4f4;border:solid 1px #ccc;padding:8px;display:block;font-family:verdana sans-serif;color:#666}
code,pre {background:#fcf6f9;border:solid 1px #DB98B7;padding:8px;display:block;font-family:verdana sans-serif;color:#662744}

/*特殊页面样式*/

body.page-template-archives-php {}
body.page-template-archives-php #content {background:#fff;}
body.page-template-archives-php #content a {color:#666;text-decoration:none;}
body.page-template-archives-php h1 {font-size:13px;font-weight:700;margin:8px 0;}
body.page-template-archives-php ul.listbydate {padding-bottom:20px;}
body.page-template-archives-php ul.listbydate li {background:none;float:left;}
body.page-template-archives-php #content ul.listbydate li a {display:block;background:#eee;border:solid 1px #ccc;padding:2px 6px;float:left;margin-right:2px;}
body.page-template-archives-php #content ul.listbydate li a:hover {background:#06c;color:#fff;}

body.page-template-archives-php ul.totalArticles {clear:both;margin:8px;} 

#content ul.totalArticles li {padding-left:8px;background:url(images/dotsline.gif) 0 bottom repeat-x;float:left;width:45%;margin-right:25px;}
#content ul.totalArticles li a {font-size:13px;line-height:25px;background:url(images/b_dot.gif) 0 center no-repeat;padding-left:8px;}
#content ul.totalArticles li a:hover {color:#06c;text-decoration:underline;}

/*推荐浏览器*/

#suggetBrowsers {clear:both;padding-top:18px;}
#suggetBrowsers h2 {float:left;line-height:36px;margin-left:20px;margin-right:6px;margin-top:10px;}
#suggetBrowsers ul {margin:0;padding:0;list-style:none;height:36px;display:block;float:left;}
#suggetBrowsers li {margin:0;padding:0;list-style:none;float:left;display:block;}
#suggetBrowsers li a {display:block;float:left;}
#suggetBrowsers li img {border:none;width:25px;height:25px;position:relative;margin-right:1px;left:0;top:0;}
#suggetBrowsers li.current {background:url(images/currentbrowser.png) center 80% no-repeat;}
#suggetBrowsers li.current img {width:36px;height:36px;top:-11px;display:block;}


/*category-webdevelop*/

body.category-webdevelop #webdevcontent {background:#fff url(images/webdev-top.jpg) center 10px no-repeat;margin:0 auto;text-align:left;width:960px;}
body.category-webdevelop #realwebdevcontent {margin:0;padding:0;padding-top:150px;}

body.category-webdevelop #realwebdevcontent .contentDiv {padding-top:10px;}
body.category-webdevelop #webdesign {background:none;width:540px;margin:10px;float:left;}

#proudby {float:right}

#proudby ul {margin:0;padding:0;list-style:none;display:inline;}
#proudby li {margin:0;padding:0;list-style:none;float:right;display:block;}
#proudby li a {display:block;float:right;height:70px;width:70px;background:url(images/proudby.png) 0 0 no-repeat;text-indent:-9999px;}

#proudby li.wordpress a {background-position:0 0;}
#proudby li.drupal a {background-position:0 -70px;}
#proudby li.mediawiki a {background-position:0 -140px;}

#webdevArticles {clear:both;width:100%;}
#webdevArticles h2 {font-size:13px;color:#666;font-weight:700;border-bottom:dotted 1px #ccc;padding-bottom:6px;}
#webdevArticles ul.news {margin: 10px;margin-bottom:0;}
#webdevArticles ul.news li {background:url(images/dotsline.gif) 0 bottom repeat-x;float:left;width:48%;margin-right:10px;}
#webdevArticles ul.news li a {line-height:25px;color:#666;background:url(images/b_dot.gif) 0 center no-repeat;padding-left:8px;}
#webdevArticles ul.news li span.date {float:right;display:block;color:#ccc;font-size:11px;line-height:25px;padding-right:6px;}
#webdevArticles ul.news li a:hover {color:#B56286;text-decoration: underline;}
#webdevArticles ul.news li a:hover span.date {text-decoration:none}

body.category-webdevelop .web20 {display:none;}


body#inWebdesignCat #content {background:#fff;}
body#inWebdesignCat #realcontent {width:100%;float:none;}

body#inWebdesignCat #sidebar {display:none;}
body#inWebdesignCat  textarea#comment {width:50%;}
body#inWebdesignCat #realcontent .gop {display:none}

body#inWebdesignCat #realcontent .gMeta .thetime {display:none}
body#inWebdesignCat #realcontent .gMeta .thecomment {display:none}


body#inWebdesignCat #respond {display:none}
body#inWebdesignCat .relatedPost {display:none}

/*chooseBrowsers*/
#chooseBrowsers {clear:both;}
#chooseBrowsers .contentDiv {text-align:center;}
#chooseBrowsers img {}
#chooseBrowsers img.arrow {top:20px;position:relative;margin:0 20px;}
#chooseBrowsers ul {margin:0;padding:0;list-style:none;display:inline;}
#chooseBrowsers li {margin:0;padding:0;list-style:none;display:inline;}
#chooseBrowsers li img {opacity:.6}
#chooseBrowsers li a:hover img {opacity:1}

/*#penseeVi*/

#penseeVi {}
#penseeVi ul {margin:0;padding:0;list-style:none;}
#sidebar #penseeVi li {margin:0;padding:0;list-style:none;float:left;width:100px;margin-right:8px;background:none;}

#penseeVi li img {opacity:0.75}
#penseeVi li a:hover img {opacity:1}

.webLayoutShow img {margin-right:15px;border:solid 1px #eee;padding:4px;background:#eee;}
img.imggallery {padding:5px;background:#eee}
body#inWebdesignCat .designbypensee {position:absolute;left:-15px;top:-10px;background:url(images/design-by-pensee.png) 0 0 no-repeat;width:171px;height:52px;display:block;}
body#inWebdesignCat span.d1 {background-position:0 0;}
body#inWebdesignCat span.d2 {background-position:0 -52px;}
body#inWebdesignCat span.d3 {background-position:0 -104px;}
body#inWebdesignCat span.d4 {background-position:0 -156px;}

/*临时解决float问题*/
body#inWebdesignCat .entry ul {clear:both;}

#penseeNewsAd {margin-top:10px;}


#webdevInfo {float:left;background:  url(images/webui-solutions.jpg) 0 0 no-repeat;width:350px;height:250px;}
#webdevInfo h2 {height:30px;text-indent:-9999px;background:url(images/websolutions.png) 0 0 no-repeat;}
#webdevInfo .gWrapper {padding:88px 20px 20px 30px;color:#666;}

h2.webSolutions {display:none;}

#webdevInfo a {color:#666}
#webdevInfo a:hover {text-decoration:underline;color:#B56286;}

#webdevInfo ul {}
#webdevInfo li {background:url(images/websolutions-arrow.gif) 0 center no-repeat;padding-left:8px;}

#people {background:url(images/people.gif);position:absolute;top:153px;left:50%;margin-left:300px;width:126px;height:55px;text-indent:-9999px;}

#guoRecentComments {}
#sidebar .guoRecentComments ul li {padding:0;background:none;}
#sidebar .guoRecentComments ul li a {white-space:normal;}
#sidebar .guoRecentComments ul li img {padding:2px;border:solid 1px #eee;background:#f4f4f4;}


/*webdesign slider*/
#webdesignSlide a {display:block;float:left;border:solid 2px #fff;background:#eee;padding:3px;height:90px;}
#webdesignSlide a:hover {border:solid 2px #eee;background:#fff;}
#webdesignSlide a img {border:none;margin:0;padding:0;}
#webdesignSlide button {background:url(images/slidearrow.gif) center 0  no-repeat;display:block;border:none;background-color: transparent ;height:17px;width:100%;text-indent:-9999px;cursor:pointer;outline:none;margin:4px;}

#webdesignSlide button.upwards {background-position:center 0;}
#webdesignSlide button.uphover {background-position:center -17px;}
#webdesignSlide button.downwards {background-position:center -34px;}
#webdesignSlide button.downhover {background-position:center -51px;}