@import "/b4m/www/css/signup.css";
@import "/b4m/www/css/login.css";

#featured {margin:10px 0 0 10px;}
#recent  {margin:10px 0 0 10px;}

.free_blog {font-size:20px;line-height:18px;margin:4px 0 10px 0;padding:0;font-weight:bold;} 

  
/* FEATURED LIST */
#featured h4 {font-size:12px;margin:0;padding:0;}

.hl .w1, .hl .w2, .hl .w3, .hl .w4, .hl .e1, .hl .e2, .hl .e3, .hl .e4 {
  display:block;overflow:hidden;font-size:1px;background:#333346
}
.hl .w1, .hl .w2, .hl .w3, .hl .e1, .hl .e2, .hl .e3 {height:1px;}

.hl .w1, .hl .e1 {margin:0 5px;background:#4E4E6B;}    
.hl .w2, .hl .e2 {margin:0 3px;background:#45455F;}
.hl .w3, .hl .e3 {margin:0 2px;background:#3D3D53;}
.hl .w4, .hl .e4 {margin:0 1px;height:2px;}

.hl .hlcontent {padding-left:10px;font-weight:bold;background:#333346;color:#FFF;font-size:12px;}

.f_t {margin:0 0 20px 0;padding:0;font-size:12px;}

.f_t img {border:1px solid #FFF;}

.f_t .thumb {width:150px;text-align:center;vertical-align:top;padding:0 0 14px 0;}
.f_t .bdy {vertical-align:top;padding:0 0 14px 0;}

.f_t .nme {margin:0 0 6px 0;}
.f_t .nme a {text-decoration:none;color:#00001B;font-weight:bold;background: url(/www/images/b4m/friend_icon.gif) no-repeat center left;padding-left:20px;}
.f_t .nme a:hover {text-decoration:underline;}

.f_t .subject {margin:0 0 6px 0;background: url(/www/images/b4m/blog_icon.gif) no-repeat center left;padding-left:24px;}
.f_t .subject h5 {margin:0;padding:0;font-size:12px;}
.f_t .subject a {text-decoration:underline;color:#200099;font-weight:bold;}
.f_t .subject a:hover {color:#CC0101;}

.f_t .txt {margin:6px 0 6px 0;font-weight:normal;}

.f_t .lnk {margin:6px 0 6px 0;}
.f_t .lnk a {text-decoration:underline;color:#200099;font-weight:normal;}
.f_t .lnk a:hover {text-decoration:underline;color:#CC0101;}

.feature_b {margin:0 20px 0 20px;border-bottom:1px dashed #00001B;}


 
/* RECENT LIST */
#recent .i {clear:both;height:84px;padding:0;margin:0;font-size:12px;font-weight:bold;} 
#recent .i_2 {clear:both;height:84px;padding:0;margin:0;font-size:12px;font-weight:bold;background:#B9B9BE;} 

#recent .thumb {width:86px;height:84px;float:left;padding:0;margin:0;text-align:center;overflow:hidden;}
#recent .thumb img {border:1px solid #FFF;margin-top:10px;} 

#recent .user {padding-top:10px;}
#recent .user a {
  line-height:24px;height:24px;background: url(/www/images/b4m/friend_icon.gif) center left no-repeat;
  padding-left:20px;font-size:12px;font-weight:bold;color:#00001B;text-decoration:none;
}
#recent .user a:hover {color:#CC0101;text-decoration:underline;}

#recent .i_t {margin-left:86px;height:24px;background: url(/www/images/b4m/blog_icon.gif) top left no-repeat;padding-left:20px;}
#recent .i_t a {font-size:11px;font-weight:bold;color:#200099;}


#recent .sitelog {text-alight:right;margin-top:4px;}
#recent .sitelog a {font-size:12px;margin-top:4px;font-weight:bold;color:#00001B;}