@charset "utf-8";
/* CSS Written by Sheila.W > i.sheila.wong@gmail.com */

/* Home ------------------------------- */
.Home_Main{float:left;width:695px;border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:10px;}
.Main_Photo{float:left;}
.Main_Intro{float:left;width:325px;margin-left:20px;line-height:150%;}
.Main_Intro p{margin:0 0 8px;}
.Main_Intro p span{color:#888;}
.Private{margin:30px 0;padding:15px 20px;background-color:#eaf0f2;border:1px solid #90abb2;font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#1e4962;}

.Home_Left{float:left;width:450px;}
.Biography{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ccc;line-height:160%;}
.Biography p{margin:10px 0;}
h1{font:bold 26px Arial, Helvetica, sans-serif;color:#4a75a5;}
h2{font:18px Arial, Helvetica, sans-serif;color:#1e4962;margin:0;padding:0 0 5px;}
.Guestbook {float:left;padding-bottom:10px;}
.Send{float:left;width:435px;background-color:#d5e2e0;border:1px solid #82a5cc;margin:12px 0 25px;padding:5px;}
.Send textarea {float:left;margin-right:10px;width:350px;height:50px;background-color:#fff;border:1px solid #4c76a4;}
.Send input{float:left;width: 70px;height:50px;}
.Guestbook dl{clear: both;}
.Guestbook dt{float: left;margin-bottom: 10px;width: 70px;}
.Guestbook dd{float: right;margin-bottom: 10px;width: 372px;}
.Guestbook a{text-decoration: none;}
.Guestbook span{margin-left: 6px;color:#888;}
.Guestbook p{line-height: 20px;}
.Guestbook h4 {clear: both;padding: 0 5px;font-size: 12px;color:#4c76a4;}

.Home_Right{float:left;width:205px;margin-left:18px;padding-left:15px;border-left:1px solid #ccc;}
.blue_bg{background-color:#e3ebee;}
.Add{padding-left:24px;padding-bottom:3px;background:url(../_img/common/icon_requ.gif) no-repeat 0 0;}
.Message{padding-left:24px;padding-bottom:3px;background: url(../_img/common/icon_send.gif) no-repeat 0 0;}
.Gallery{float:left;width:205px;margin:0;padding:0;}
.Gallery ul li{#position:relative;float:left;display:table;width:96px;height:96px;text-align:center;margin:5px 1px 5px 2px;border:1px solid #ccc;list-style-type:none;}
.Gallery ul li span{display:table-cell;padding:2px;vertical-align:middle;#position:absolute;#top:50%;}
.Gallery ul li span img{margin:0;padding:0;border:none;#position:relative;#top:-51%;#left:-50%;vertical-align:middle;}
.Stories{margin-bottom:20px;border-bottom:1px solid #ccc;}
.Stories dl{margin:0;padding-top:10px;}
.Stories dl dt{float:left;width:90px;height:90px;margin-right:10px;}
.Stories dl dd{clear:right;}
.Announce{float:left;}
.A_Announce{float:left;width:205px;margin:10px 0;}
.A_Announce img{float:left;}
.A_Announce dl{float:left;margin-left:10px;width:130px;}
.A_Announce dl dt{margin-bottom:5px;}
.A_Announce dl dd{float:left;line-height:130%;font-size:11px;width:100%;}
.Date_calender{text-align:right;color:#888;font-size:11px;}
.Date_Date{width:130px;text-align:right;color:#888;font-size:11px;}
.UpdatePhoto{padding-left:24px;background: url(../_img/userhome/photo.gif) no-repeat 0 6px;line-height:30px;}
.UpdateGuestbook{padding-left:24px;background: url(../_img/userhome/Guestbook.gif) no-repeat 0 6px;line-height:30px;}
.UpdateCalendar{padding-left:24px;background: url(../_img/userhome/Calendar.gif) no-repeat 0 6px;line-height:30px;}
.UpdateLifecast{padding-left:24px;background: url(../_img/userhome/lifecast.gif) no-repeat 0 6px;line-height:30px;}
.UpdateConnection{padding-left:24px;background: url(../_img/userhome/connection.gif) no-repeat 0 6px;line-height:30px;}
.UpdateStory{padding-left:24px;background: url(../_img/userhome/story.gif) no-repeat 0 6px;line-height:30px;}
.UpdateTimeline{padding-left:24px;background: url(../_img/userhome/timeline.gif) no-repeat 0 6px;line-height:30px;}
.UpdateAlbum{padding-left:24px;background: url(../_img/userhome/album.gif) no-repeat 0 6px;line-height:30px;}
.UpdateVideo{padding-left:24px;background: url(../_img/userhome/video.gif) no-repeat 0 6px;line-height:30px;}
.Updatedefault{padding-left:24px;background: url(../_img/userhome/default.gif) no-repeat 0 6px;line-height:30px;}
.Update{padding-left:24px;background: url(../_img/userhome/icon_update.gif) no-repeat 0 6px;line-height:30px;}
.Updates{padding-bottom:20px;margin-bottom:15px;border-bottom:1px solid #ccc;}
.Updates a{text-decoration: none;}
.Updates p span {margin-left:25px;font-family:Tahoma;font-size:11px;color:#888;}
.Updates p span a{line-height:180%;color:#888;}
.Updates p span a:hover{text-decoration:underline;color:#888;}
.Updates img{margin-right: 10px;}
.Updates ul{clear:both;}
.Updates ul li{#position:relative;float:left;display:table;width:94px;height:94px;text-align:center;margin:10px 7px;border:1px solid #ccc;list-style-type:none;}
.Updates ul li span{display:table-cell;padding:2px;vertical-align:middle;#position:absolute;#top:50%;}
.Updates ul li span img{margin:0;padding:0;border:none;#position:relative;#top:-51%;#left:-50%;vertical-align:middle;}
.Request{padding:3px 0 3px 45px;background:#fdfcb8 url(../_img/userhome/icon_pending.gif) no-repeat 22px 4px;border:1px solid #f1cf38;font-size:13px;margin:15px 0 10px;font-weight:bold;}
.Calendar{margin-bottom:20px;border-bottom:1px solid #ccc;padding-bottom:20px;}
.Calendar dl{margin:10px 0 40px;}
.Calendar dl dt{float:left;width:60px;height:60px;margin-right:10px;}
.Calendar dd {clear:right;}