/*  
Theme Name: BBtheme
Theme URI: http://www.bbon.cn
Description: A Web 2.0 Wordpress Theme - Widget Enabled, 3 Columns, Black and Gray
Version: 1.0
Author: bob
Author URI: http://www.bbon.cn
*/

/* global css */
body{ margin:0 auto; background:#282828; color:#333; font-size:12px; font-family:'宋体',Arial,Verdana,Sans-Serif;}

div,form,ul,ol,li,span,p{margin:0 auto; padding:0; border:0;}
img,a img{margin:0; padding:0; border:none;}
ul,ol,li{list-style:none;}
table,td,input{font-size:12px;}
h1,h2,h3,h4,h5,h6{ margin:0 auto;}
h1 {font-size:20px;}
h2 {font-size:14px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:12px;}

.font14{ font-size:14px;}

/* default link style */
a:link, a:visited{outline-style:none; color:#333;text-decoration:none}
a:hover{color:#660066;text-decoration:underline;}

/*clean link border*/
/*a,area {blr:expression(this.onFocus=this.blur()) }  for IE 
:focus {-moz-outline-style: none; }  for Firefox   
*/

/* header */
#header-wrapp{ margin:0 auto; width:980px;}
#header{ float:left; width:980px; height:165px; background:url(images/bg.png) no-repeat -23px top; _background:url(images/bg.png) no-repeat -30px top;}
*+html #header{ float:left; width:980px; height:165px; background:url(images/bg.png) no-repeat -22px top;}
#header #blogtitle{ float:left; width:30%; height:89px; margin:28px 0px 0px 40px; _margin:28px 0px 0px 10px; background:url(images/logo.png) no-repeat 40px bottom; display:block; }
#blogtitle #bgtitle{ float:left; margin:2px 0px 0px 15px; width:230px; height:65px; background:#D2D2D2;}
#bgtitle h1{ padding:8px 0px 4px 0px; text-align:center; font-size:24px;}
#bgtitle a:link, #bgtitle a:visited{ color:#660066; display:block; text-decoration:none;}
#bgtitle a:hover { color:#003366; display:block;}
label.description{ margin:2px 0px 0px 15px; text-align:center; font-size:12px; font-weight:normal;}

/* pages menu */
ul#menu{ margin:125px 25px 0px 5px; }
#menu li{ float:left; padding:10px 5px 10px 25px; width:auto; text-align:center; display:block; font-size:16px;}
#menu a:link, #menu a:visited{color: #F3F3F3; text-decoration:none; }
#menu a:hover{ color: #FF6600; }

/* content */
#wrapper{ margin:0px auto; width:965px;}
#content{ float:left; margin-top:-2px; width:965px; background:#EAEAEA url(images/bg_wrapper.png) repeat-y left top;}
.entry{ float:left; width:618px; margin:5px 3px 0px 18px; _margin:5px 3px 0px 9px; border:1px solid #C0CBD1; overflow:hidden;}

.post{ margin:0px 3px; padding:0px 15px 35px 15px; text-align:left; border-bottom:1px solid #CDD7D8;}
.post a:link, .post a:visited{color:#003366;}
.post a:hover{color:#660066;}

.post h2{ padding:15px 0px 3px; }
.post h2.txtcenter{ text-align:center; font-size:18px;}
.post h2 a:link, .post h2 a:visited{color:#003366; padding-right:15px; text-decoration:none;}
.post h2 a:hover{color:#790052; background:url(images/icon.gif) no-repeat right -82px;}
.post p{padding:10px 0px 5px; line-height:24px;}
.post p.vcent{ padding-top:150px; text-align:center; font-size:14px;}
.post small{ color:#666666;}
.postbg{ font-size:14px;}
.postbg img{ margin:5px 5px; padding:2px 2px; border:2px solid #E0E0E0;}
.postbg a img{ border:none;}

.post h4{ width:98%; margin:8px 0px 0px; padding:5px 5px 3px; text-indent:26px; color:#660066; background:#D7DFE1 url(images/icon.gif) no-repeat 10px -427px; font-size:14px; font-weight:bold;}
.post ol{}
.post ol li{ margin:5px 0px;}

.post .desc{ padding:0px 12px 0px 0px; height:20px; line-height:20px; color:#666666;}
.desc ul{ float:left;}
.desc ul.ulcenter{ float:left; padding-left:90px;}
.desc li{ float:left; padding:0px 10px 0px 20px;}
.desc li.post-date{ background:url(images/icon.gif) no-repeat 1px 3px;}
.desc li.post-cats{ background:url(images/icon.gif) no-repeat 1px -20px;}
.desc li.post-views{ background:url(images/icon.gif) no-repeat 1px -42px;}
.desc li.post-comments{ background:url(images/icon.gif) no-repeat 1px -63px;}
.desc li a:link, .desc li a:visited{color:#666666;}
.desc li a:hover{color:#003366;}
.post-other{ margin:5px 0px; padding-right:12px; line-height:22px; text-align:right;}
.post-other .share{ float:right; width:83px; text-align:left; text-indent:19px; background:url(images/icon.gif) no-repeat 0px -156px; display:block; color:#FFFFFF; background:url(images/icon.gif) no-repeat 0px -181px;}
.post-other .readall{ float:right; width:83px; margin-left:10px; text-align:left; text-indent:19px; background:url(images/icon.gif) no-repeat 0px -216px; display:block;}
.share a:link, .readall a:link, .share a:visited, .readall a:visited{ color:#333333; text-align:left; text-decoration:none; display:block;}
.share a:hover{ color:#FFFFFF; background:url(images/icon.gif) no-repeat 0px -181px; display:block;}
.readall a:hover{ color:#FFFFFF; background:url(images/icon.gif) no-repeat 0px -242px; display:block;}

/* sidebar */
#sidebar{ float:right; width:308px; margin:5px 14px 0px 0px; _margin:5px 7px 0px 0px; overflow:hidden;}
.topbar{ float:right; width:308px;}
.sidebar1{ float:left; width:151px;}
.sidebar2{ float:right; width:152px; }
.topbar h2, #sidebar h2, .sidebar1 h2, .sidebar2 h2{ margin:0px 5px; padding:8px 0px 2px; text-align:left; border-bottom:1px solid #B1BCC5; color:#333;}

.topbar ul, .sidebar1 ul, .sidebar2 ul{}
.topbar li{ float:left; margin:0px 0px 5px; width:306px; border:1px solid #C0CBD1; background:#E4E8EB;}
.topbar li ul{ padding-left:8px; margin:10px 0px;}
.topbar li ul li{ padding:2px 0px; width:285px; text-indent:10px; background:url(images/icon.gif) no-repeat -95px -81px; border:none; }
.topbar li ul li.cat-item{ float:left; padding:2px 0px; width:135px; text-indent:16px; font-size:14px; background:url(images/icon.gif) no-repeat -90px -81px; border:none; }
.topbar .widget_categories ul{ padding-bottom:10px;}
.sidebar1 ul li, .sidebar2 ul li{ margin:5px 0px 5px; *margin:5px 0px 5px; _margin:0px 0px 5px; border:1px solid #C0CBD1; background:#E4E8EB;}
.sidebar1 ul li ul, .sidebar2 ul li ul{ padding-left:3px; margin:10px 0px;}
.sidebar1 ul li ul li, .sidebar2 ul li ul li{ margin:5px 0px 3px 5px; width:140px; border:none;}

.topbar p, .sidebar1 p, .sidebar2 p{padding:5px 0px;}
.textwidget{ margin:10px 0px 5px; text-align:center;}
.widgettitle{ margin:0px 0px 5px;}
/* rss feed */
#feed{ float:left; width:286px; padding:8px 10px; background:#E4E8EB; border:1px solid #C0CBD1; border-bottom:none;}
#feed h3.bbonrss{ padding:14px 0px 6px 36px; font-size:14px; background:url(images/icon.gif) no-repeat 1px -308px; }
#feed ul{ margin:5px 0px 8px; }
#feed ul li{ float:left; width:120px; padding:4px 0px 2px 20px; font-size:14px; background:url(images/icon.gif) no-repeat 1px -341px; border:none; }
/* search engine */
#topsearch{ margin:0px 0px 5px; padding:8px 10px; background:#E4E8EB; border:1px solid #C0CBD1; border-top:none;}
#topsearch #ls{ width:210px; border:1px solid #4D4D4D; padding:6px 2px 4px; *padding:7px 2px 4px; _padding:7px 2px 4px;}
#searchsubmit{ margin-left:-6px; padding:3px 0px; width:68px; font-size:14px; font-weight:bold; color:#FFFFFF; border:1px solid #4D4D4D; border-left:none; background: url(images/icon.gif) no-repeat -2px -270px;}

h2.search {font-weight:lighter;}

/* add-ons style */
.subnavi{ margin:5px 14px 0px 18px; text-align:left; text-indent:8px; height:30px; line-height:30px; border:1px solid #C0CBD1; background:#D3DADE; color:#000000;}
.subnavi .subnavi-l{ float:left; width:420px; height:30px; line-height:30px; overflow:hidden;}
.subnavi .subnavi-r{ float:right; width:500px; height:30px; line-height:30px; overflow:hidden;}
.subnavi a:link, .subnavi a:visited{color:#333333; text-decoration:none; font-weight:normal;}
.subnavi a:hover{ color:#CC0000; text-decoration:underline;}

.reship{ float:left; width:99%; margin-bottom:20px; }
.reship p{ padding:0px 10px 0px 0px; text-align:right; color:#999999; border-right:1px dashed #BBBBBB;}
.reship a:link, .reship a:visited, .reship a:hover{ color:#999999; text-decoration:underline;}


.subrss{ float:left;  width:98%; height:40px; line-height:40px; margin:5px 4px; _margin:5px 6px 5px 4px; padding:2px 0px 0px 0px; text-align:center; font-weight:bold; border:1px dotted #BF0082; background:#FFEEF9 url(images/icon.gif) no-repeat 80px -363px; color:#600040;}
.subrss a:link, .subrss a:visited{ color:#550030; text-decoration:none;}
.subrss a:hover{ color:#003366; text-decoration:none;}
 
.post-tag{ float:left; width:98%; margin:5px 12px 5px 5px; _margin:5px 14px 5px 4px; padding:8px 0px; color:#003366; border-top:1px solid #BF0082; }
.post-tag ul{ float:left; margin:-25px 0px 0px 40px; _ margin:-25px 0px 0px 20px; text-align:right;}
.post-tag ul li{ float:left; padding:10px 16px; text-align:right; background:url(images/icon.gif) no-repeat 1px -399px; } 
 
.single_navi{ height:100%; line-height:26px; border:2px dotted #999999;}

.posterror{ height:360px; margin:0px 0px 10px; text-align:left; border:1px solid #CCCCCC; border-top:none; }

.page_navi{ float:left; width:570px; height:36px; line-height:36px; text-align:center; background:url(images/bg_pagenavi.jpg) no-repeat left center; }


/* comment */
#comments { padding:8px 0px 5px; font-weight:normal; text-indent:8px; background:#CFD7DC; border-bottom:1px solid #BBC5CC; }
.commentlist{ }
.commentlist p{ text-indent:0px;}
.commentlist a:link, .commentlist a:visited{ background:none; color:#454545;}
.commentlist a:hover{ background:none; color:#CC0000; text-decoration:underline;}
.commentlist li{ float:left; width:96%; padding:15px 10px 5px 10px; background:#E4E8EB; border:1px solid #BBC5CC;}
.commentlist li.alt{ background:#FFFAF4; border:1px solid #BBC5CC;}
.commentlist li .gravatar{ float:left; width:48px; margin:0px 8px 5px 0px; padding:1px 1px; text-align:center; border:1px solid #C7C7C7;}
.commentlist li .floor{ float:left; width:48px; margin-top:1px; padding:2px 0px 1px; text-align:center; border-top:1px solid #A7B6BE; background:F8F8F8; color:#999999;}
.commentlist li .authordata{ float:right; width:480px;}
.commentlist li .commentmetadata{ float:right; color:#999999;}
.commentlist li .commentcontent{ float:right; width:480px;}
#editcomment{ float:left; font-size:14px;}
#author, #email, #url{ margin-left:8px; width:40%; border:1px solid #CCCCCC; color:#666; background:#FCFCFC; padding:5px 3px;}

#submit{ margin-bottom:15px;margin-top:5px;padding:2px;}
#respond{ float:left; width:100%; margin:10px 0px; padding:8px 0px 5px; text-indent:8px; background:#CFD7DC; border-bottom:1px solid #BBC5CC; }
#comment{ margin:-23px 0px 0px 72px; padding:8px 5px; width:70%;border:1px solid #CCCCCC;}

#but_submit{ margin-left:72px;}
#submit{ width:200px; height:30px; font-size:14px; font-weight:bold; color:#FFFFFF; border:1px solid #4D4D4D; background: url(images/icon.gif) repeat-x -2px -270px;}
.submit_hover{ border:2px solid #FF6600;}

/* footer */
#footer{ float:left; width:980px; margin:0px auto 10px; height:130px; background:url(images/bg.png) -30px bottom;}
#footer #powerby{  margin:30px 20px 0px 0px; height:22px; line-height:22px; text-align:center; color:#FF9900;}
#powerby a:link, #powerby a:visited{ color:#FF9900;}
#powerby a:hover{ color:#FFCC00;}

/* others */
acronym, abbr, span.caps { cursor:auto; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }

.alignleft{float:left; width:250px; }
.alignright{float:right; width:250px; }

img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

.noborder-bottom{ border-bottom:none;}
.spacebox{border-top:1px transparent;height:1px;overflow:hidden;background-color:transparent;clear:both;}
.dashborder{border-bottom:1px dashed #CCCCCC;}

/* Social bookmark */
.bookmark{ margin:0px 13px 0px 60px; text-align:right; display:none; clear: both; }
.bookmark img{ margin:10px 2px 0px; padding:1px; border:1px solid #B5B5B5;}


/* WordPress RunCode */
.runcode_text{ width: 500px; height:100%; padding:10px 10px;}
.runcode_button{ border: 1px solid #8E9CAE;}