/*  
Theme Name: Koolde CMS
Theme URI: http://www.bbon.cn/
Description: A Wordpress CMS Theme - Widget Enabled, 2 Columns, Blue/Gray
Version: 1.0 Final
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; text-decoration:underline;}

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

/* Top navi */
#placard{ float:left; margin-bottom:10px; width:970px; height:30px; background:url(images/bg_search.gif) no-repeat 0 0px;}
#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;}

/* Logo banner */
#logobanner{ float:left; width:970px; margin:8px 0px; }
#logobanner img{ float:left; }
#logobanner #rt{ float:right; width:760px; height:80px; border:1px solid #CCC; }

/* Main navi */
#menubar{ width:970px; height:26px; padding-top:10px; background:url(images/bg.png) no-repeat 0 -36px;}
#menubar ul{float:left; padding:0px 10px;}
.menus li{float:left; margin-right:5px; font-size:14px;}
.menus li a:link, .menus li a:visited{ margin:0px 3px; color:#FFF; text-decoration:none; display:block;}
.menus li.current-cat a:link, .menus li.current-cat a:visited{ font-weight:bold; color:#BCDE0F;}
.menus li a:hover{ color:#BCDE0F; text-decoration:underline;}

#menubar ul.children {margin:0; padding:10px 3px 0px !important; padding:15px 3px 0px; width:120px; background:#225D98; display:none;}
#menubar ul.children li{float:none; margin:3px 0px 3px -3px; padding:0px 5px 5px 6px; width:120px; height:20px; line-height:20px; border-bottom:1px solid #BBB;}
#menubar ul.children li a:hover{ color:#FFFF00; font-weight:bold;}
.rss{ float:right; width:70px; height:18px; padding-top:6px; background:url(images/bg.png) no-repeat right 0px; display:block; cursor:pointer;}

/**************** Index Top CSS  *********************/
#wrapper{margin:0px auto; width:970px; }
#wrapper .topnews{ float:left; width:970px; margin:0px 0px 10px 0px;}

/* Newest post */
#toplist{ float:left; width:370px; height:300px; margin-right:10px; margin-bottom:10px; padding:5px 8px; border:1px solid #B6C9DC;}
.featured-post{ float:left; padding:7px 0px 6px; height:87px; overflow:hidden; border-bottom:1px dashed #CCC;}
.featured-post img{ float:left; width:110px; height:80px; padding:2px; background-color:#D8ECF4; border:1px solid #C8C8C8;}
.featured-post h2{ float:right; width:245px; height:20px; margin-bottom:5px; font-size:16px; overflow:hidden;}
.featured-post p{ float:right; width:245px; text-align:left; line-height:19px;}

/* top right */
.topright{ float:right;}

/* recommend */
.recommend{ float:left; margin-right:10px; width:260px; height:310px; border:1px solid #B6C9DC;}
.recommend h4{ text-align:left; text-indent:22px; height:24px; line-height:26px; background:#5EBBDD url(images/arrow.gif) no-repeat 6px 10px; border-bottom:1px solid #B6C9DC;}
.recommend ul{ margin:8px 0px 0px 3px; width:240px;}
.recommend ul li{ float:left; width:250px; text-align:left; padding-left:14px; height:21px; line-height:21px; background:url(images/spot.gif) no-repeat 4px 10px; overflow:hidden; }

/* nexgen gallary slide show */
.nexgen-gallary{ float:left; width:970px; margin:0px 0px 10px 0px;}

/* feature image post */
.feature_image_post{ float:left; width:298px; height:310px; background-color:#D8ECF4; border:1px solid #C8C8C8; overflow:hidden;}
.feature_image_post img{ width:294px; height:280px; padding:2px;}
.feature_image_post h3{ margin-top:4px; height:16px; line-height:16px; font-size:14px; text-align:center; overflow:hidden;}
.feature_image_post_content{ width:100%;}

.botright{ margin-top:8px; margin-right:0px; height:100px; border:none;}
/* search */
#so{ float:right; margin:3px 10px 0px 0px; width:262px;}
.searchInput{ float:left; width:175px; padding: 3px 0px 2px 23px; height:16px; line-height:15px; border:1px solid #CCCCCC; border-right:none; background:url(images/bg.png) no-repeat 0 -81px;}
.searchBtn{ float:left; width:62px; height:23px; background:url(images/bg.png) no-repeat 0 -113px; cursor:pointer; }
.hotags{ float:left; padding:6px 5px; text-align:left; height:70px; font-size:12px; line-height:18px; overflow:hidden;}

/* top right ad */
.toprad{ float:right; margin-top:8px; width:300px; height:102px; background:#CCCCCC;}

/**************** 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-left:-10px;}
.cat-posts h4{ text-align:left; text-indent:22px; border-bottom:1px solid #B6C9DC; height:26px; line-height:26px; font-size:14px; background:url(images/arrow.gif) no-repeat 6px 10px;}
.cat-left{ float:left; width:335px; margin-bottom:10px;}
.cat-left-content{ margin:0px 0px 0px 10px; height:485px; background:url(images/bg_title.jpg) repeat-x top; border:1px solid #B6C9DC; }
.cat-left-content ul{ float:left; margin:8px 5px; _margin:8px 0px 8px 3px;}
.cat-left-content ul li{ float:left; width:310px; text-align:left; text-indent:14px; height:22px; line-height:22px; background:url(images/spot.gif) no-repeat 2px 10px; overflow:hidden;}
.titlel{ float:left; width:260px;}
.titlel2{ width:302px; _width:314px;}
.timer{ float:right; margin-right:8px; *margin-left:0px; width:40px; *width:42px; text-indent:2px; color:#666;}

/**************** 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; font-size:14px; border:1px solid #B6C9DC; background:url(images/bg_title.jpg) repeat-x top; overflow:hidden;}
.entry h4{ margin-bottom:14px; text-align:left; text-indent:22px; background:url(images/arrow.gif) no-repeat 6px 10px; 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 .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:#FEFEFF; 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 15px 0; text-align:left; line-height:20px; font-size:14px;}
.entry_single p{padding:10px 5px 5px 5px; text-align:left; line-height:24px; 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; font-size:12px;}
.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; height:100%; 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{ line-height:20px; font-size:14px;}
.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;}

/* post list */
.sub_info{ float:right; margin-top:5px; width:490px; height:18px; color:#AFB4A9; overflow:hidden;}
.post-list{ float:left; margin-bottom:5px;}
.post-list h2{ width:635px;}
.post-list p{ float:right; width:500px; font-size:12px;}
.post-list .thumb_image{ float:left; margin:10px 0px 0px 5px; padding:3px; width:110px; height:80px; background-color:#D8ECF4; border:1px solid #C8C8C8;}

/**************** 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{float:left; width:620px; margin:8px auto; padding:4px 8px; text-align:left; font-size:12px; background:#E3EBED;}
.postother span{ float:right; margin-top:-14px;}
.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:632px; 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 80px center; }

/**************** Sidebar Topbar *********************/
.topad{ width:300px; margin:10px 0px 0px 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;}
.topbar h4, .fcomment h4{ 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;}
.topbar ul, .fcomment ul{padding:12px 5px 8px;}
.topbar ul li{ padding-left:12px; line-height:22px; background:url(images/spot.gif) no-repeat 3px 10px; }
.topbar img{ padding:8px 0px;}

.fcomment ul li{ color:#333; font-size:12px; }
.fcomment a:link, .fcomment a:visited{ color:#333; text-decoration:none;}
.fcomment a:hover{ color:#FF0000; text-decoration:underline; }

.sidebar{ width:300px; 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{ margin-bottom:10px; border:1px solid #85A5C5;}
.sidebar ul li.widget{ margin:0px 0px 10px 0px;}
.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{ margin-bottom:0px; padding-left:12px; line-height:22px; border:none; background:url(images/spot.gif) no-repeat 1px 10px; }
.sidebar p{padding:0 0px;}

.sidebar_nl, .sidebar_nr{ float:left; margin:-5px 0 10px; width:145px;}
.sidebar_nr{ float:right;}
.sidebar_nl h2, .sidebar_nr h2{ width:143px;}
.sidebar_nl ul, .sidebar_nr ul{ padding:0px 0px;}
.sidebar_nl ul li, .sidebar_nr ul li{ float:left; margin:0px 0px 5px; padding-bottom:5px;}
.sidebar_nl ul li ul li, .sidebar_nr ul li ul li{ width:120px;padding-bottom:0;}
.sidebar4{ float:left; margin-top:-10px; *margin-top:0px !important;}

/**************** 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.comment-author-admin{ background-color:#FFF6F0; border:1px solid #FFCCBF;}
.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;}

/* new 2009-03-22 */
.avatar{ float:left; width:40px; height:40px; margin:0px 8px 5px 0px; padding:1px 1px; border:1px solid #C7C7C7;}
.fn{ font-style:normal; font-size:14px; font-weight:bold;}
.commentmetadata{ margin-top:-18px;}
.commentmetadata a:link, .commentmetadata a:visited{ font-size:11px; color:#999; text-decoration:none;}
.reply{ float:right;}
#cancel-comment-reply-link{ float:right; font-size:12px;}
.author_description{ float:left; padding:10px; line-height:20px; color:#1D97CC;}


#author, #email, #url {color:#666;width:40%;border:1px solid #CCCCCC; background:#FCFCFC; padding:5px 3px;}
#submit{margin:5px 0px 15px; padding:2px;}
#postcomment{ 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:10px 0px 20px; }
#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;}
#footer a:hover{color:#FF0000;}
#foot_about{ width:968px; margin:0px auto 10px; padding:5px 0px; text-align:center; border:1px solid #85A5C5; color:#CCC; background:#EEF1F7; }
#foot_copyright{ width:970px; margin:0px auto 10px; text-align:center;}
#foot_copyright p{ text-align:center; line-height:22px;}
#foot_copyright span{ float:right; margin-top:-40px;}
/**************** 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}
.f14px{ font-size:14px}
.spacebox{ width:100%; height:1px; line-height:1px; overflow:hidden; background:transparent; clear:both;}
.excerpta{ float:right; width:245px; height:60px; overflow:hidden;}
/* sidebar 3 */
#authors{ height:380px;}

/* ad */
.leftad{ float:left; width:658px; height:80px; margin-bottom:10px; border:1px solid #B6C9DC;}
.leftad2{ width:648px; margin-left:10px; _margin-left:0px; overflow:visible;}
.footad{ float:left; margin-bottom:10px; width:968px; height:80px; border:1px solid #B6C9DC;}