/*
Style for bokee.net channel.
by leo
*/

* { word-break: break-all; word-wrap: break-word; }
body { text-align: center;}
body,select, th, td, input, textarea, button { font: 12px/1.5em Arial, Tahoma, Helvetica, snas-serif; }
body, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
ul{ list-style: none; }
img{border:0;}

a:link{color:#354;text-decoration:none}
a:visited{color:#354;text-decoration:none}
a:hover{color:#f40;text-decoration:underline}

a.uline,a.uline:visited,.uline a,.uline a:visited{text-decoration:underline}
a.uline:hover{text-decoration:none}

.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.s{font-weight:normal}
.b{font-weight:bold}

a.green:link,a.green:visited,.green{color:#599914}
a.black:link,a.black:visited,.black{color:#345}
a.red:link,a.red:visited,.red{color:#e00}
.zs{color:#A71CBC}
a.gray:link,a.gray:visited,.gray,.gray a,.gray a:visited{color:#81839a}
a.blue:link,a.blue:visited,.blue,.blue a,.blue a:visited{color:#004Ba6}

.dno{display:none}

.l{float:left;}
.r{float:right;}

#wrap { margin: 0 auto; width: 960px; text-align: left; padding:0;}

#header {padding:15px 5px 0 5px;height:55px;}
#header .logo{float:left;text-indent:-9999px;width:210px;}
#header .logo a{background:url(/pagemodule/images3/logo.gif) top left no-repeat;display: block;text-decoration:none;width:128px;height:33px;}
#header .logo a:hover{background-position:0px -36px}

#header .toplogin{float:right;width:270px;text-align:right;padding:13px 0 0 0}
#header .toplogin a{margin:0 0 0 8px;}

#header .menu{float:left;width:470px;padding:5px 0 0 0;}
#header .menu li{float:left;}
#header .menu li a,.menu li a:visited{position:relative;margin:0 0 0 3px;font-size:14px;width:74px;height:30px;padding:5px 0 0;text-align:center;background:transparent url(/pagemodule/images3/bg_icon_v3.gif) no-repeat 0 0;color:#234;display:block;}
#header .menu li a.menu_tuike,.menu li a.menu_tuike:visited{width:100px;background-position:0 -821px;}
#header .menu li.select a,.menu li.select a:visited{background:transparent url(/pagemodule/images3/bg_icon_v3.gif) no-repeat -87px 0;font-weight:bold;color:#fff;}
#header .menu li span{position:absolute;top:-15px;left:33px;width:32px;height:20px;background:transparent url(/pagemodule/images3/new.gif) no-repeat 0 0;}
/*¶þ¼¶²Ëµ¥*/
#menu0{clear:both;padding:0;border:0;height:34px;background:transparent url(/pagemodule/images3/bg_icon_v3.gif) repeat-x 0 -94px;}

#menu0 .leftcap{float:left;width:5px;height:34px;background:transparent url(/pagemodule/images3/bg_icon_v3.gif) no-repeat -195px 0;}
#menu0 .search{float:left;width:210px;color:#fff;padding-top:8px}
#menu0 .rightcap{float:left;width:5px;height:34px;background:transparent url(/pagemodule/images3/bg_icon_v3.gif) no-repeat -200px 0;}

#menu0 ul{float:left;width:722px;padding:0 0 0 10px}
#menu0 ul li{float:left;font-weight:bold;line-height:180%;font-size:14px}
#menu0 ul li.end{background:transparent;padding-right:2px;}
#menu0 ul li.select{background:transparent url(/pagemodule/images3/bg_menu_li1.gif) no-repeat top right;display:block;position:relative;margin:4px 0 0 0;padding:0;}
#menu0 ul li a{display:block;color:#fff;text-decoration:none;padding:5px 20px 1px 20px;background:transparent url(/pagemodule/images3/bg_menu_line1.gif) no-repeat top right;}
#menu0 ul li a:hover{text-decoration:underline}
#menu0 ul li.select a{background:transparent url(/pagemodule/images3/bg_menu_li1.gif) no-repeat 0 -36px;color:#599914;font-weight:bold;padding:5px 15px 4px 15px;line-height:150%}


#main{clear:both;padding:0;}

#left{float:left;width:210px;margin:0;}
#center{float:right;width:742px;margin:0;}
#right{float:right;width:170px;margin:0;}

.div00{border:5px #DDEDC5 solid;background:#F5FbEE;padding:5px 10px;margin:0 0 8px 0}
.div00 h2{padding:3px 0;border-bottom:1px #DDEDC5 solid}
.div0001{padding:5px 0;margin:2px 0 0 0;}
.div0001 .p01{padding:5px 0 0 5px;color:#555}

.div01{min-height:559px;_height:559px;border:1px #ddd solid;border-top:0;}

.h2001{background:#F3F6Fa;font-size:12px;height:22px;border-top:1px #C7D0D7 solid;padding:4px 10px 0 10px;margin:0 0 5px 0;}

.div02{border:1px #ddd solid;background:#fafafa;padding:5px 8px;margin:0 0 8px 0;}

.div02 h2{padding:3px 0;border-bottom:1px #ddd dotted; cursor: pointer; position: relative;}
.div02 h2 span { width: 13px; height: 13px;background:url(/pagemodule/images3/tag-now.jpg); position: absolute; right: 10px; top: 5px; }
.now h2 span { background:url(/pagemodule/images3/tag-now.jpg) 0px -13px;}
.now h2 { cursor: auto;}
.div0201{padding:5px 2px;margin:2px 0 0 0; display: none;}
.now .div0201{ display: block;}

.div0202{}

.div02 h3{padding:0;border-bottom:1px #E2E8EF solid;}
.ul02{margin:5px 0}
.ul02 li{float:left;width:33%; }

.div03{border:1px #ddd solid;margin:8px 0;min-height:100px;_height:100px;}
.div03:after,.div01:after{content:"";display:block;height:0;overflow:hidden;visibility:hidden;clear:both;}
/*?*/
input.active{background:#0068AE;border:1px #036 solid;border-top:1px #95C0DB solid;border-left:1px #95C0DB solid;text-align:center;padding:2px 0 0 0;color:#fff;}
input.inactive{background:#e1e2e4;border:1px #c1c2c4 solid;border-top:1px #f2f3f5 solid;border-left:1px #e6e7e9 solid;text-align:center;padding:2px 0 0 0;color:#023;}

input.active1{background:#0068AE;border:1px #036 solid;border-top:1px #95C0DB solid;border-left:1px #95C0DB solid;text-align:center;padding:0;height:20px;color:#fff;}

a.button01,a.button01:visited { display: block; padding: 0; border: 1px solid; border-color: #C0E0BC #160 #160 #C0E0BC; background: #44A038; color: #FFF; line-height: 22px; text-align:center;}

a.button_login,a.button_login:visited {display: block; padding: 0; background:transparent url(/pagemodule/images3/bg_icon_v3.gif) no-repeat 0 -208px; color: #FFF; line-height: 38px; text-align:center;}

.friends{margin:0 auto;border:1px #ddd solid;width:48px;padding:1px;text-align:center;}
.friend_img{width:48px;overflow:hidden}
.friend_img img{border:0;height:48px;margin-top: expression(( 48 - this.height ) / 2);}
.friend_name{margin:0 auto;display: block;height:20px;text-align:center;margin:2px 0 0 0;overflow:hidden;}

ul.dot_ico li{background:url(/bloggermodule/admin/images3/icons.gif) -3px -576px no-repeat;padding:1px 0 2px 10px;}

.menu1{background:#fff url(/pagemodule/images3/bg_icon_v3.gif) repeat-x 0 -145px;;border-bottom:1px #ddd solid;padding:3px 0 0 15px;height:27px;}
.menu1 ul{list-style-type :none;position: absolute;margin-top: 0;}
.menu1 ul li{float:left;margin:0;padding:5px 15px 4px 15px;text-align:center;border-right:0px #C8D3E2 solid;border-top:0;font-size:12px;}
.menu1 ul li a,.menu1 ul li a:visited{color:#343}
.menu1 ul .select{margin-top:5px;padding:0px 15px 9px 15px;font-weight:bold;background:url(/pagemodule/images3/bg_menu_arrow.gif) center bottom no-repeat;font-size:14px;}
.menu1 ul .select a,.menu1 ul .select a:visited{color:#599914;}

.menu101{text-align:center;padding:8px 0;border-bottom:1px #C7D0D7 dotted;color:#789}
.menu101 a{padding:0 5px}

/*bloger*/
.member_list{clear:both;padding:10px 20px}
.member_list li{float:left;width:50%;padding:10px 0;border-bottom:1px #C7D0D7 dotted;height:100px;}
.member_left{float:left;width:90px;margin:0 15px 0 0;}
.member_img {width:90px;height:90px;margin:0;overflow:hidden;}
.member_img img {height:90px;border:0}
.member_right{float:left;width:240px;overflow:hidden;}

.page{clear:both;padding:10px 20px;min-height:40px;_height:40px;}
.page a,.page span{display:block;float:left;width:8%;text-align:center}

/*ad*/
.ad_top01{margin:0 0 8px 0;}
.ad_bottom01{margin:8px 0 0 0;}

/*blogersearch*/
.blogsearch_list{clear:both;padding:10px 20px}
.blogsearch_list h2{padding:5px 0}
.blogsearch_list li{float:left;width:20%}
.blogsearch_list .paixu{clear:both;text-align:right;margin:15px 0 0 0;padding:5px 0;border-bottom:1px #C7D0D7 dotted;}
.blogsearch_list th{background:#F3F6Fa;border-bottom:1px #E2E8EF solid;padding:4px 2px 2px 2px;font-weight:bold;color:#567}
.blogsearch_list td{border-bottom:1px #E2E8EF solid;padding:4px 2px 2px 2px;}

.page_link{background:#F3F6Fa;padding:5px 10px;text-align:right;color:#abc}

/*news*/
.news_list{clear:both;padding:10px 20px}
.news_list li{clear:both;margin:0;padding:10px 0;border-bottom:1px #E2E8EF solid;min-height:60px;_height:60px;}
.news_list li:after{content:"";display:block;height:0;overflow:hidden;visibility:hidden;clear:both;}
.news_list .l{width:560px}
.news_list .count{float:left;width:30px;}
.news_list .delete{float:left;width:50px;text-align:right}
.news_list .r{width:80px;text-align:center}
.news_list p{padding:5px 0}
.news_list li h2 a,.news_list li h2 a:visited{color:#004Ba6}

/*photo*/
.photo_list{clear:both;padding:20px 0 10px 20px}
.photo_list li{float:left;width:25%;padding:8px 0;height:170px;}
.listimage_img{width:160px;height:120px;overflow:hidden}
.listimage_img img{margin-top: expression(( 120 - this.height ) / 1);border:0;}
.photo_list li p{padding:5px 0 0 0;}
.photo_list p a,.photo_list p a:visited{color:#345;}

.div0201_photo{padding:5px 0;text-align:center}
.div0201_photo li{padding:0 0 5px 0}
.leftimage_box{margin:0 auto;width:160px;overflow:hidden;}

/*circle*/
.circle_list{clear:both;padding:10px 20px}
.circle_list li{float:left;width:50%;padding:15px 0;border-bottom:1px #E2E8EF dotted;height:50px;}
.circle_left{float:left;width:50px;margin:0 15px 0 0;}
.circle_right{float:left;}
.circle_list table.tab01{width:100%}
.circle_list table.tab01 th{border-bottom:1px #C7D0D7 solid;}
.circle_list table.tab01 td{border-bottom:1px #E2E8EF dotted;}

.circle_img {width:50px;height:50px;margin:0;overflow:hidden;}
.circle_img img {height:50px;border:0}

.circle_list1{clear:both;padding:10px 20px}
.circle_list1 li{clear:both;margin:0;padding:10px 0;border-bottom:1px #E2E8EF solid;min-height:60px;_height:60px;}
.circle_list1 li:after{content:"";display:block;height:0;overflow:hidden;visibility:hidden;clear:both;}
.circle_list1 .l{width:560px}
.circle_list1 .circle_imgdiv{float:left;width:60px;}
.circle_list1 .delete{float:left;width:50px;text-align:right}
.circle_list1 .r{width:80px;text-align:center}

.circle_cata{clear:both;padding:15px 30px}
.circle_cata h3{border-bottom:1px #E2E8EF dotted;font-size:14px;margin:15px 0 5px 0}
.circle_cata li{float:left;width:25%;padding:2px 0;}

.search_div{float:right;padding:3px 15px 0 0}
.input01{border:1px #abc solid;height:16px;}
.search_div .active{height:20px;padding:0px 0 0 0;line-height:18px;}

#links{clear:both;border-top:1px #ddd solid;margin:15px auto 0 auto;padding:10px;text-align:center;}
#links a{white-space:nowrap;}


#footer{clear:both;border-top:1px #ddd solid;margin:10px auto;padding:8px 0;text-align:center;color:#9193aa}
#footer p{padding:5px 0;}
#footer a{color:#343;margin:0 5px;}

.hackbox {border-top:0px solid transparent !important;margin-top:-1px !important;margin-top:0px;clear:both;visibility:hidden;}