/*  
Theme Name: WordPress BBtheme CMS
Theme URI: http://www.blogyou.net/
Description: A Wordpress CMS Theme - Widget Enabled, 2 Columns, Blue/Gray
Version: 1.0
Author: bob
Author URI: http://www.bbon.cn/
*/

/**************** Total CSS *********************/
*{margin:0;padding:0;}
body{ background: #FFFFFF; color:#333; font-size: 12px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
input,select{ font-size:12px; border:none;}
ul,li,dd{list-style-type:none;list-style:none;}
img{ border:none;}
a img{border:none;}

a:link,a:visited{color: #333333;text-decoration:none;}
a:hover{color:#FF0000;}

.a_black:link, .a_black:visited{color:#333333; text-decoration:none; font-weight:normal;}
.a_black:hover{ color:#CC0000; text-decoration:underline;}

.a_blue:link, .a_blue:visited{color:#003366; text-decoration:none; }
.a_blue:hover{ color:#FF0000;}

h1{font-size:20px; }
h2{font-size:18px; }
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:12px;font-weight:bold;}
h6{font-size:12px;font-weight:bold;}
h5 span,h6 span{font-weight:normal;}

/**************** Header CSS *********************/
#header { margin:0px auto 10px; width:970px;}
#header h1 {text-indent:-10000px; }
#header h1 a{float:left; width:230px; height:120px; background:url(images/logo.gif) no-repeat 40px center; display:block; }

#navigation{ width:970px; height:36px; line-height:36px; background:url(images/bg_navi.gif) no-repeat left top;}
#navigation ul{ float:left; padding-left:20px; width:820px;}

#menu a:link, #menu a:visited{ color:#F3F3F3; padding:8px 3px 10px; font-size:14px;}
#menu a:hover { color:#BCDE0F; text-decoration:none;}
#menu li{ float:left; margin:0px 3px; }

#navigation span{ float:right; width:130px; height:18px; padding-top:6px; text-align:left;}
#navigation span a:link, #navigation span a:visited{ font-weight:bold; color:#BCDE0F; text-decoration:none;}
#navigation span a:hover{ font-weight:bold; color:#FFFFFF; text-decoration:none;}

#logobanner{ float:left; width:970px; margin:8px 0px 0px 0px; }
#logobanner img{ float:left; }
#logobanner #rt{ float:right; width:680px; height:90px; border:1px solid #CCC; }
#logobanner #rtc{ float:right; width:156px; height:60px; margin:0px 0px 0px 6px;}
#placard{ float:left; margin:10px 0px 10px !important; *margin:10px 0px 0px; width:970px; height:30px; background:url(images/bg_search.gif) no-repeat left center;}
#placard #announcement{ float:left; width:600px; overflow:hidden;}

#announcement h4{ float:left; padding-right:10px; height:30px; line-height:30px; text-align:left; text-indent:15px;}
#announcement #anno_list{ margin-top:5px; overflow:hidden; height:20px; line-height:20px; overflow:hidden;}

#placard #so{ float:right; width:300px; margin-top:4px;}

.searchInput{ float:left; width:185px; padding: 2px 0px 0px 23px; height:18px; line-height:17px; border:1px solid #CCCCCC; border-right:none; background:#fff url(images/searchInput.gif) no-repeat;}
.searchBtn{ float:left; width:60px; height:22px; background:url(images/searchBtn.gif) no-repeat; cursor:pointer; }

/**************** Index Top CSS  *********************/
#wrapper{margin:0px auto; width:970px; }
#wrapper #topnews{ float:left; width:970px; margin:0px 0px 10px 0px;}

#topnews #picswitch{ float:left; width:260px; height:200px; overflow:hidden;}
#topnews #txtnews{ float:right; width:698px; height:200px; border:1px solid #B6C9DC;}
#txtnews #toplist{ float:left; width:400px; padding:5px 5px 0px 5px;}

#toplist h2{ width:393px; margin:0px 5px; height:30px; line-height:30px; text-align:center; overflow:hidden;}
#toplist p{ width:400px; margin:0px 0px 0px 5px; text-align:left; line-height:20px; border-bottom:1px dashed #B6C9DC;}
#toplist ul{ float:left; margin:5px 5px 0px; width:380px; }
#toplist ul li{ float:left; width:380px; text-align:left; text-indent:14px; color:#333333; height:20px;line-height:20px; background:url(images/spot.gif) no-repeat left center; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }
#toplist #topdetail{ height:84px; border-bottom:1px dashed #B6C9DC; overflow:hidden; }
#topdetail h4{ text-align:center; font-size:18px; overflow:hidden;}

#txtnews #recommend{ float:right; width:277px; height:200px; border-left:1px solid #B6C9DC; background:#EEF1F7;}
#recommend h4{ text-align:left; text-indent:22px; height:24px; line-height:26px; background:#D7E2EC url(images/arrow.gif) no-repeat 6px 8px; border-bottom:1px solid #B6C9DC;}
#recommend ul{ margin:10px 0px 0px 3px; width:270px;}
#recommend ul li{ float:left; width:270px; text-align:left; text-indent:6px; height:22px; line-height:22px; overflow:hidden; }

/**************** All Cats CSS  *********************/
.cat_list{float:left; width:656px; margin:10px 0px 0px 0px; border:2px solid #94B1CD; background:#FFFFE5;}
.cat_list ul{float:left; padding:8px 8px 5px 8px;}
.cat_list ul li{ float:left; padding:0px 3px; text-align:left; height:22px; line-height:22px;}

/**************** Top 2 Cats List CSS  *********************/
.cat-posts{ float:left; margin-bottom:10px; width:660px;}
.cat-posts h1{ text-align:left; text-indent:22px; border-bottom:1px solid #B6C9DC; height:26px; line-height:28px; font-size:14px; background:url(images/arrow.gif) no-repeat 6px center;}
.cat-posts ul{ margin:10px 5px; width:318px;}
.cat-posts ul li{ float:left; width:318px; text-align:left; text-indent:18px; height:22px;line-height:22px; background:url(images/spot.gif) no-repeat 5px center; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }
.cat-left{ float:left; width:328px; background:url(images/bg_title.jpg) repeat-x top; border:1px solid #B6C9DC; }
.cat-right{ float:right; width:329px; background:url(images/bg_title.jpg) repeat-x top; border:1px solid #B6C9DC; border-left:none; }

/**************** Entry CSS *********************/
html>body .entry ul { padding: 0 0 0 10px; } 
html>body .entry li { margin: 5px 0 5px 5px; }

.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; }
.entry ol li { }

.con_left{ float:left; *margin-bottom:10px !important; _margin-bottom:0px; width:660px;}
.con_right{ float:right; width:300px;}

/**************** Entry Cat CSS  *********************/
.entry{ float:left; margin-bottom:10px; width:658px; border:1px solid #B6C9DC; background:url(images/bg_title.jpg) repeat-x top; overflow:hidden;}
.entry h1{ margin-bottom:14px; text-align:left; text-indent:22px; background:url(images/arrow.gif) no-repeat 6px center; border-bottom:1px solid #B6C9DC; height:26px; line-height:28px; font-size:14px;}
.entry_list{ float:left; width:658px; margin:0px auto 10px; border:1px solid #B6C9DC; overflow:hidden;}
.entry_list h1.search{ margin-bottom:14px; text-align:left; text-indent:28px; background:#E8FAFF url(images/spot_navi.gif) no-repeat 8px 10px; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#000000; border-bottom:1px solid #B6C9DC;}
.entry_single{ float:left; margin:0px auto 10px; width:658px; border:1px solid #B6C9DC; background:#F9F9FF; overflow:hidden;}
.entry_single h1{ margin-bottom:20px; text-align:left; text-indent:28px; background:#E2EFF3 url(images/spot_navi.gif) no-repeat 8px 10px; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#000000; border-bottom:1px solid #B6C9DC;}

.entry p, .entry_list p{padding:10px 0 5px 0; text-align:left; line-height:20px; font-size:14px;}
.entry_single p{padding:10px 5px 5px 5px; text-align:left; line-height:20px; font-size:14px;}

.post{ padding:5px 10px; text-align:left; }
.post .small_desc{ margin:3px 0px 8px; height:20px; line-height:20px; text-indent:10px;}
.post .describe{ margin:6px 0px 15px; height:20px; line-height:20px; text-align:center; background:#E3EBF2;}
.describe span{ padding-left:12px; background:url(images/dig.gif) no-repeat left center; }
.post h2{ width:100%; padding-bottom:3px; height:26px; line-height:26px; border-bottom:1px dashed #B6C9DC; font-size:16px;}
.post h2.mid{ text-align:center; font-size:24px; }
.post h2.mid_single{ text-align:center; font-size:24px; border:none;}
.post h2 a:hover{color:#FF3300;text-decoration:none;}
.post p.center{ height:900px;}

.post a:link, .post a:visited{color:#003366;}
.post a:hover{color:#FF0000;}

.postbg h3, .post h4{ width:98%; margin:8px 0px 0px; padding:5px 5px; text-indent:10px; font-size:14px; font-weight:bold;}
.postbg h3{ color:#660066; border-bottom:1px solid #CCC;}
.postbg h4{ color:#005B5B; border-bottom:1px solid #CCC;}
.postbg ol li{ margin:10px 10px 10px 40px; list-style:square; line-height:22px; color:#005B5B;}
.postbg ul li{ margin:10px 10px 10px 40px; list-style:decimal; line-height:22px; color:#005B5B;}


/**************** Single Post Navigate  *********************/
.pagelink{width:90%; margin:30px 20px 0px; text-align:center; font-weight:bold; } 
.pagelink a:link, .pagelink a:visited{ font-size:12px; font-weight:normal; padding:3px 7px; border:1px solid #CCCCCC; background:#FFFFCC;} 
.pagelink a:hover{ padding:4px 9px; font-weight:bold; border:1px solid #9DB9D2; background:#FFFF99;}

/**************** Random and Related Posts CSS  *********************/
.relran{ float:left; width:99%; margin:0px 0px 25px 0px; padding-top:8px; background:#FFFFEF;}
.relran h3{ height:26px; line-height:26px; text-indent:10px; border-bottom:2px solid #557CBF; font-size:14px;}
.relran .relran_cont{ float:left; width:300px; margin:5px 5px 0px 5px;}
.relran_cont ul{ margin:10px 0px 5px 0px; }
.relran ul li{ text-align:left; text-indent:18px; height:22px;line-height:22px; font-size:12px; background:url(images/spot.gif) no-repeat 6px 10px; overflow:hidden; }

.postother{ width:620px; margin:8px auto; padding:3px 8px; text-align:right; background:#E3EBED;}
.postother_single{ text-align:left;}

/**************** PageNavi CSS *********************/
.pageNavi{  margin:0px auto 10px; width:658px; height:34px; line-height:34px; text-align:center; border:1px solid #B6C9DC; background:url(images/bg_pagenavi.jpg) repeat-x;}

.navigation_single{ float:left; width:95%; margin:25px 0px 0px 0px; padding:5px 13px; height:28px; line-height:28px; border:2px dotted #CCCCCC; border-bottom:none; background:#FFFFEF; font-weight:bold; }

.alignright{float:right; }
.alignleft{float:left; }

#subrss{ float:left; width:99%; margin:0px 0px 0px; text-align:center; height:40px; line-height:40px; font-weight:bold; border:2px dotted #CCCCCC; background:#FFFFE5 url(images/feedcup.gif) no-repeat 100px center; }

/**************** Sidebar Topbar *********************/
.topad{ width:300px; margin:10px 0px 10px 0px; text-align:center; }
.topad dl{float:left;}
.topad dl dt{ float:left; width:120px; text-align:left;}

.topbar{ margin:0px 0px 10px 0px; width:298px; border:1px solid #85A5C5; background:url(images/bg_rh2.jpg) repeat-x top; overflow:hidden; }

.fcomment{ margin:10px 0px 0px 0px; width:298px; border:1px solid #85A5C5; background:url(images/bg_rh2.jpg) repeat-x top; overflow:hidden; }
.topbar h2, .fcomment h2{ text-indent:28px; height:26px; line-height:28px; font-size:14px; border-bottom:1px solid #85A5C5; background:url(images/arrow_down.gif) no-repeat 12px center;}
.topbar ul, .fcomment ul{padding:12px 5px 8px;}
.topbar ul li{ padding:0px 5px; text-indent:10px; height:22px;line-height:22px; background:url(images/spot.gif) no-repeat 3px center; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }
.topbar img{ padding:8px 0px;}

.fcomment ul li{ padding:0px 5px; color:#333; line-height:22px; font-size:12px; }
.fcomment a:link, .fcomment a:visited{ color:#333; text-decoration:none;}
.fcomment a:hover{ color:#FF0000; text-decoration:underline; }

.sidebar{ width:298px; border-top:none; overflow:hidden; }
.sidebar h2{ text-indent:28px; height:26px; line-height:28px; font-size:14px; border-bottom:1px solid #85A5C5; background:url(images/bg_wigh2.jpg) repeat-x 2px center;}
.sidebar ul{ padding:0px 0px 5px 0px;}
.sidebar ul li.widget{ margin:0px 0px 10px 0px; border:1px solid #85A5C5;}
.sidebar ul li.widget_tag_cloud{ padding:0px 0px 10px; }
.sidebar ul li ul{ padding-left:8px; margin:8px 0px 0px 0px;}
.sidebar ul li ul li{ padding:0px 5px; text-indent:10px; line-height:22px; background:url(images/spot.gif) no-repeat 3px 11px;  }
.sidebar p{padding:0 0px;}

/**************** Comments *********************/
#comments{ float:left; width:100%; margin:10px 0px; padding:8px 0px 5px; 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; margin:5px 0px; 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;}

#author, #email, #url {color:#666;width:40%;border:1px solid #CCCCCC; background:#FCFCFC; padding:5px 3px;}
#submit{margin:5px 0px 15px; padding:2px;}
#respond{ float:left; width:100%; margin:10px 0px; padding:8px 0px 5px; text-indent:8px; border-bottom:8px solid #DAE0ED; color:#003366; }
#comment{ margin:-20px 0px 0px 68px; padding:8px 5px; width:80%;border:1px solid #CCCCCC;}
#but_submit{ float:left; margin-left:68px; *margin-left:33px !important; _margin-left:22px; padding-bottom:15px; }
#submit{ float:left; padding:4px 50px; border:2px solid #003366; font-size:16px; font-weight:bold; background:url(images/bg_submit.jpg) repeat-x;}
.submit_hover{ border:2px solid #FF6600;}
#ctrl_enter{ float:left; margin:15px 0px 0px 5px;}

/**************** Footer CSS *********************/
#footer{ float:left; width:968px; margin:0px auto 10px; border:1px solid #85A5C5; background:url(images/bg_rh2.jpg) repeat-x top; }
#footer h2{ width:100%; text-indent:28px; height:26px; line-height:26px; border-bottom:1px solid #85A5C5; background:url(images/arrow_down.gif) no-repeat 12px center; font-size:14px;}
#footer a:link, #footer a:visited{color:#333;}
#foot_about{ width:968px; margin:0px auto 10px; padding:5px 0px; text-align:center; border:1px solid #85A5C5; background:#EEF1F7; }
#foot_copyright{ width:970px; margin:0px auto 10px; text-align:center;}
#foot_copyright p{ text-align:center; line-height:22px;}

/**************** Friend Link *********************/
.flink{ margin:8px 13px;}
.flink li{ float:left; height:20px; margin:3px 5px 0px; white-space:nowrap;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor:auto; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 10px 10px; padding-left: 10px; border: 1px solid #ddd; background:#FFFFDF; color:#005B5B; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
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}

.spacebox{ width:100%; height:1px; line-height:1px; overflow:hidden; background:transparent; clear:both;}

/* 首页右上博客展示样式 */
.blogshow{ margin-bottom:10px;}
.blogshow ul{width:298px;}
.blogshow ul li{ float:left; margin:0px 1px 3px 2px; width:91px; height:36px; line-height:38px; border:2px solid #999999; text-align:center; font-size:14px; font-weight:bold;}