/************BG STYLE************/
.barBIn, .updateUser ul { background:url(../images/bg.gif) no-repeat }
/************INDEX STYLE************/
.barAOut { clear:both; border-bottom:#ebf7fe 2px solid; background:#b1d5f2; padding:1px }
.barAIn { height:25px; background:#ebf7fe; border:#fff 1px solid; padding:0 15px; line-height:25px; color:#159 }
.barAIn h5 { float:left; font-size:14px; font-weight:bold }
.barAIn h5 a { color:#159 }
.barAIn h6 { float:right }
.barBOut { clear:both; border:#B1D5F2 1px solid; padding:1px }
.barBIn { height:25px; background-position:0 -266px; padding:0 15px; line-height:25px; color:#159 }
.barBIn h5 { float:left; font-size:14px; font-weight:bold }
.barBIn h6 { float:right }
.conA { clear:both; border:#b1d5f2 1px solid; margin:5px 0 0 }
.conB { clear:both; border:#B1D5F2 1px solid; border-top:0; padding:10px }
.main { overflow:auto; *display:inline-block
}
.mainLeft { float:left; width:693px }
.mainRight { float:right; width:200px }
.hotLog { clear:both; height:204px; border:#ebf3f8 5px solid }
.hotLog .fl { width:302px }
.hotLog .fr { width:346px; border-left:#ebf3f8 5px solid; padding:10px 15px; line-height:23px; color:#ccc }
.blogLog { overflow:auto; *display:inline-block
}
.blogLog .fl { width:491px }
.blogLog .fr { width:199px; border-left:#b1d5f2 1px solid }
.newLog, .essLog { float:left; display:inline; width:235px; padding:5px }
.essLog { border-left:#b1d5f2 1px solid }
.newLog h6, .essLog h6 { background:#ebf7fe; padding:0 10px; line-height:25px; font-weight:bold }
.newLog ul, .essLog ul { padding:5px 10px; line-height:24px }
.hotTag { height:251px; background:#ebf7fe; padding:5px 10px }
.hotTag h6 { line-height:25px; font-weight:bold }
.hotTag li { display:inline-block; margin:0 10px 0 0; line-height:25px; word-wrap:break-word; overflow:hidden; vertical-align:bottom  }
.hotTag li { *display:inline
}
.newAlbum { padding:5px }
.newAlbum h6 { background:#ebf7fe; padding:0 10px; line-height:25px; font-weight:bold }
.newAlbum ul { padding:0 0 10px; overflow:auto; *display:inline-block
}
.newAlbum li { float:left; display:inline; width:92px; border:#e1e1e1 1px solid; background:#f4f4f4; margin:15px 13px 0; vertical-align:bottom }
.newAlbum li a { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; /* for IE */ -o-text-overflow: ellipsis; /* for Opera */ -icab-text-overflow: ellipsis; /* for iCab */ -khtml-text-overflow: ellipsis; /* for Konqueror Safari */ -moz-text-overflow: ellipsis; /* for Firefox,mozilla */ -webkit-text-overflow: ellipsis; /* for Safari,Swift*/ color:#333 }
.newAlbum li span { display:block; border:#ccc 1px solid; background:#fff; padding:5px 5px 0; position:relative; left:-2px; top:-2px; line-height:25px; text-align:center }
.newAlbum li span img { display:block; margin:0 auto }
.newPhoto { padding:5px 10px }
.newPhoto h6 { line-height:29px; font-weight:bold }
.newPhoto ul { padding:10px 0; overflow:auto; *display:inline-block
}
.newPhoto li { float:left; display:inline; width:57px; height:57px; border:#fff 1px solid; vertical-align:bottom; overflow:hidden }
.hotUser h6 { background:#f5f5f5; line-height:25px; font-weight:bold; text-align:center }
.hotUser ul { overflow:auto; *display:inline-block
}
.hotUser li { float:left; display:inline; width:48px; height:48px; border:#fff 1px solid; vertical-align:bottom; overflow:hidden }
.newUser li { line-height:26px; color:#ccc }
.updateUser { padding:10px 15px }
.updateUser ul { clear:both; background-position:-250px -207px }
.updateUser li { height:25px; padding:0 10px 0 22px; line-height:25px; vertical-align:bottom }
.updateUser li b { float:left; font-weight:normal }
.updateUser li span { float:right }
.updateUser li a { color:#159; text-decoration:underline }
