/* CSS Document */
@import url(../css/nav.css);
@import url(../css/text.css);
@import url(../css/tools.css);

body{margin:0; padding:0;}

#index{background:url(../images/index/nav_back.gif) repeat-x top #fff;}

#mid{width:975px; margin:auto; background:url(../images/index/index_banner_se.jpg) center top repeat-x; height:auto; }
#nav_menu{float:right; margin:16px 26px; color:#fff}
#nav_menu a{color:#fff; font-size:14px; font-weight:bold; text-decoration:none; margin:10px}
#nav_menu a:hover{text-decoration:underline}

#banner{clear:both; padding:0 14px; margin-top:17px; padding-bottom:15px;height: 105px;position: relative;}
#banner dl{position: absolute;width: 33.33%;margin: 0}
#banner dl span{position: absolute; top:0;left:0}
#banner dl dt{position: relative;left: 70px;margin:8px 0;color: #00b4ff;font-weight: bold;font-size: 14px}
#banner dl dt b{color: #91c803;font-weight:normal;font-size: 9px;display: block}
#banner dl dd{position: relative;left: 70px;color: #ccc;line-height: 19px;margin: 0 4px;}
#banner dl dd b{color: #3697c0;display: inline;font-weight: normal;font-size: 12px}
#banner dl dd a{font:normal 11px pmingliu;color: #ccc;text-decoration: none;border-bottom: 1px #ccc dotted;}
#banner dl dd a:hover{color: #3697c0}

#prize{height:65px; background:url(../images/index/prize01.gif) repeat-x top; overflow:hidden}
#prize li{margin:0;padding:0;list-style:none;clear:both}
.prize_say{margin:14px 0 0 3px;height:65px; float:left;width:432px; overflow:hidden}
.prize_head{width:45px; height:36px; background:url(/images/index/prize_head.gif); text-align:center; padding-top:9px;float:left}
.prize_con{width:85%; padding:4px; float:left; line-height:20px; color:#91a6b3}
.prize_con a{color:#52819e; text-decoration: underline; font-weight: bold;}

#leftbar{width:668px; float:left;padding-left:14px;}

#focus{width:668px;}
#des_search{background:url(../images/des_search.gif); height:34px}
#des_input{margin-left:165px; padding:7px}
#des_input input{border:0; font-size:12px; width:210px}
#des_go{margin:-26px 6px 0 0; text-align:right}

a.des_inf{padding-bottom:4px; background:url(../images/index/arrow_down.gif) center bottom no-repeat;color:#00a2ff; font-weight:bold; font-size:14px; text-decoration:none} 
#catalog{border:2px #e0e0e0 solid; border-top:0; background:#eee}

#worldmap{ background:url(../images/index/worldmap.jpg) center no-repeat; padding-top:10px}
.sorts td{line-height:24px; padding:0 8px}

#tag{width:258px; float:left;border:1px #b5c7cf solid; margin-left:14px; padding:0 4px; display:inline; background:url(../images/dash_h.gif) 30px left repeat-x}
.tag_more{float:right; margin-top:16px}
.clouds{line-height:220%; padding:3px; text-align:center;clear:both}

#sidebar{width:292px; padding:0 14px; float:right;}
.banner1{height:30px; line-height:30px; overflow:hidden; background:url(../images/dot.gif) center left no-repeat; padding-left:16px}
.founder{background:url(../images/index/heart.gif) 215px center no-repeat; border:1px #eee solid; border-width:0 1px;padding:5px 10px}

.banner_name{height:28px; line-height:28px; background:url(../images/index/dot_glay.gif) left center no-repeat; margin-left:4px; padding-left:16px}

.banner_conn{height:40px; background:url(../images/index/connect.gif)}
.banner_conn1{height:40px; background:url(../images/index/connect_1.gif) left no-repeat}
.banner_conn2{height:40px; background:url(../images/index/connect_2.gif) right no-repeat}
.banner_conname{height:40px; line-height:40px; background:url(../images/index/dot_glay.gif) left center no-repeat; margin-left:4px; padding-left:16px}

.side_panel{border:1px #eee solid; border-width:0 1px;background:url(../images/gaident5.gif) top repeat-x #fff; padding:6px 10px 0 10px; color:#666}
.side_panel li{line-height:24px}

.avatar_grid{background:#eee; padding:0 5px }
.avatar_grid td{background:#ddd}

.user_panel{padding:8px; background:url(../images/gaident5.gif) bottom repeat-x #f4f7f9; border:1px #ddd solid; clear:both}
.blog_more{float:right; margin-top:16px}
.blog_user{width:33.3%; float:left; text-align:center; margin-bottom:5px}
.userpic{width:54px; height:54px; background:url(../images/user_back.gif); margin:auto; padding:6px;}
.username{text-overflow:ellipsis; -moz-text-overflow: ellipsis; white-space:nowrap; width:100%; overflow:hidden; text-align:center; line-height:18px;}
.new_user{width:21%; height:38px; text-align:center; padding-top:7px; float:left}
.statement{text-align:center; background:#A7B0BE; color:#fff; line-height:26px; font-weight:bold; margin:0 2px}

#today{}
.doing{clear:both; height:54px; border-top:1px #ddd solid; overflow:hidden}
.doing_user{width:50px; height:38px; text-align:center; padding-top:7px;margin-top:5px; border-right:1px #ddd solid; float:left}
.doing_data{padding:6px; width:225px; float:left; overflow:hidden}
today_panel{background:#eee;}


#photographer{margin:8px; float:left; display:inline; background:url(../images/dash_h.gif) 30px left repeat-x;border:1px #b5c7cf solid;padding:0 4px;}

.shadows{background:url(../images/shadow.gif) top right no-repeat; clear:both; height:8px; font-size:0; line-height:0}

.rightside{margin:0 14px}

#calendar{height:195px; clear:both;}
#date{width:168px; height:195px; float:left; background:url(../images/calendar.gif);}
#week{width:96px; height:74px; overflow:hidden; margin:30px 17px 0 0; float:right; display:inline; font-family:Arial; font-weight:bold}
#month{color:#888; text-align:left; padding-left:6px; height:20px}
#today_num{font-size:40px; line-height:40px; font-family:verdana; overflow:hidden; text-align:center; font-weight:bold;margin-top:-6px}
#xingqi{font-size:12px; color:#888; text-align:center;}

#calendar_board{margin:22px 0 0 0; width:126px; height:69px; float:right}
#calendar_board td{font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center}

#topic_geo{width:500px; height:195px; background:url(../images/lyri_back.gif) repeat-x; float:right}
#geo_corner{background:url(../images/lyri_corner.gif) right no-repeat;height:195px;}
#topic_mon{height:45px; background:url(../images/lyri_logo.gif) 10px center no-repeat; border-bottom:1px #eee solid;padding-left:40px; line-height:45px}
.cur_month{color:#00b4ff; font-size:32px; font-family:tahoma}
.topic_title{font-size:14px; color:#aaa; font-weight:bold;}
.topic_contain{background:url(../images/topic_shadow.jpg) center top no-repeat}
.topic_contain div{padding:6px 22px 0 14px; height:142px}
.topic_contain a{color:#666;word-break:keep-all; white-space:nowrap; text-decoration:underline; line-height:22px; margin-right:10px}
.topic_contain a:hover{color:#999; text-decoration:underline}

#tags{height:193px; clear:both;}
.tag_choice{width:168px; height:193px; float:left; background:url(../images/index/tags.gif)}
#tag_panel{width:250px; height:177px; border:8px #e5eff5 solid; border-left:0; float:left; overflow:hidden}
.tag_list{height:177px; background:#fff; overflow:hidden; clear:both;line-height:22px; padding:3px 6px 0 10px }

.tags_top{background:url(../images/index/tags_top.gif) no-repeat; height:34px; line-height:26px; margin:8px 0 0 41px;}
.tags_mid{background:url(../images/index/tags_mid.gif) no-repeat; height:41px; line-height:41px; margin:0 0 0 41px;}
.tags_bot{background:url(../images/index/tags_bot.gif) no-repeat; height:34px; line-height:41px; margin:0 0 0 41px;}
.tags_top span{margin-left:8px; background:url(../images/mycafe/dot.gif) left center no-repeat; padding-left:16px; font-size:14px;color:#00aeff; text-decoration:none; font-weight:bold}

.tags_mid span{margin-left:8px; background:url(../images/mycafe/dot.gif) left center no-repeat; padding-left:16px; font-size:14px;color:#00aeff; text-decoration:none; font-weight:bold}
.tags_bot span{margin-left:8px; background:url(../images/mycafe/dot.gif) left center no-repeat; padding-left:16px; font-size:14px;color:#00aeff; text-decoration:none; font-weight:bold}

.ordinary_tag{margin-top:-4px;}
.ordinary_tag span{display:block; margin-left:67px; line-height:30px;color:#1272bc; text-decoration:none;}
.tag_list a{color:#666;word-break:keep-all; white-space:nowrap; text-decoration:underline; margin-right:5px}

#copmanian{border:2px #eee solid; margin:20px 14px 0 14px;clear:both}
#comp_title{padding:6px; border-bottom:1px #ddd solid; background:#f5f5f5}
#fri_links{padding:6px; line-height:22px}
#fri_links a{white-space: nowrap; color:#aaa; text-decoration: none; margin-right:20px}
#fri_links a:hover{white-space: nowrap; color:#ccc}

#blog_list{width:48%; float:left;padding:8px 2px 8px 8px; border-right:1px #eee dashed;display:inline}
#blog_list dl{position: relative;margin:10px 4px 0 4px;padding:0 0 4px 0; line-height:18px}
#blog_list dl div{position:absolute;left:0;top:0}
#blog_list dt{position:relative; left:18%; white-space: nowrap;overflow: hidden;}
#blog_list dd{position:relative; left:18%; white-space: nowrap;overflow: hidden;color:#aaa; margin:0}

#foto_list{width:47%; float:right;padding:8px;display:inline;}
#foto_list a{text-decoration: none; float:left; margin:9px; height:68px}
#foto_list a img{border:3px #ddd solid;}
#foto_list a:hover img{border:3px #eee solid}

.bsc{margin:0;padding:0 4px;line-height: 28px}
.bsc dd{margin:0;color:#aaa;display:inline;font-size: 11px;font-family: pmingliu;white-space: nowrap;}
.bsc dt{margin-top:4px; display:inline}
.bsc dt a{font-size:13px;color: #f60;text-decoration: none;font-weight:bold; background:url(/images/arrow.gif) right center no-repeat;padding:0 8px 0 0 }
.bsc dt a:hover{color: #f90; text-decoration:underline;}