@charset "UTF-8";
/* CSS Document */

/*-------- Profile ----------*/

#user-info .userLeft { float:left; width:124px; }
#user-info .userLeft .avatar {  width:126px; height:126px; padding:3px 0 0 3px; margin:0 10px 0 0; background:url(img/user/bg_avatar.gif) top left no-repeat; }

#user-info .profile h4 { float:right; font-weight:normal; font-size:12px; width:200px; text-align:right; }
#user-info .profile h4 span { font-size:10px; color:#666; }
#user-info .profile h2 { font-weight:normal; font-size:18px; color:#444; margin-left:134px; }
#user-info .profile p.user-bio { font-size:11px; margin:10px 0 10px 134px; }
#user-info .profile p { margin-left:134px; }

.friendship { text-align:center; margin:5px 0 10px 0; }
.friendship a { display:block;  padding:5px 0; }
#user-info .add { background-color:#e30808; }
#user-info .cancel { background-color:#BBB; }
#user-info .remove { background-color:#00aeef; }

/*-------- Events ----------*/

.event-table { width:100%; text-align:left; }
.event-table th { font-size:9px; padding:3px 7px; }
.event-table td { font-size:14px; padding:5px 7px; }

.event-table th,
.event-table td { border-bottom:1px solid #DDD; }

.event-table td.loading { background:url(img/common/ajax-loader.gif) center center no-repeat; }

.event-table td.organizer { font-size:12px; }
.event-table td.organizer a { text-decoration:none; }

.event-table .participants { text-align:center; }

tr.past td { background-color:#efefef; color:#999; }

/*-------- Badges ----------*/

.resources .resource { position:relative; float:left; width:136px; height:179px; margin:5px 4px 0px 4px;  padding:2px 3px; }
.resources .badge { position:relative; background: url(img/user/bg_badge.gif) top left no-repeat; }
.resources .remove { position:absolute; top:-5px; left:-5px; display:none; width:18px; height:18px;  }
.resources .doc img,
.resources .video img { margin:0 0 0 0; }

/*-------- Blogs ----------*/

#blogs .blog { margin:10px 0 0 0; }
#blogs .blog .thumbshot { float:left; margin:0 10px 10px 0; background:url(img/user/bg_blog.gif) left top no-repeat; width:158px; height:108px; }
#blogs .blog .thumbshot img { margin:3px 0 0 4px; }
#blogs .blog h3 { font-size:18px; margin:0 0 0 168px; padding:0; height:auto; }
#blogs .blog p.url a { font-size:11px; color:#999; text-decoration:none; }
#blogs .blog p.desc { margin:10px 0; }

/*-------- Comments ----------*/

#comments  a { text-decoration:none; }

#comments .comment { margin:5px 0; border-bottom:1px solid #DDD; padding:10px 0 0 0; }
#comments .comment h3 { font-size:14px; font-weight:normal; margin:0 0 0 0; }
#comments .comment h3 span { float:right; font-size:10px; color:#999; padding:3px 0 0 0; }
#comments .comment p { font-size:12px; margin:0px 0 10px 128px; }
#comments .comment p.meta { font-size:10px; }
#comments .comment p.meta a { margin-right:10px; }
#comments .image { float:left; width:118px;  margin:0 10px 10px 0; padding-top:4px; background:url(img/user/bg_event.gif) top left;   }
#comments .image div { background:url(img/user/bg_event.gif) bottom left; }
#comments .image img { margin:0 4px 6px 4px;  }

#comments .options { padding:5px 0; font-size:11px; }
#comments .options .viewall { background:url(img/common/bullet_orange_sm.gif) left center no-repeat; padding-left:10px; text-decoration:none; margin-right:10px; }
#comments .options .rss { background:url(img/common/rss_sm.gif) left center no-repeat; padding-left:15px; text-decoration:none; margin-right:10px; }

/*-------- ShoutBox ----------*/

#shoutbox { margin-top:10px; }
.shout { border-bottom:1px solid #DDD; margin-bottom:10px; }
.shout p.author { color:#000; }
.shout p.author a { text-decoration:none; } 
.shout .timestamp { float:right; color:#777; font-size:10px; padding-top:3px; }
.shout .actions { width:58px; float:left; margin:0 10px 10px 0; text-align:center; }
.shout .actions .avatar { background:url(img/user/bg_avatar_sm.gif) top left no-repeat; margin-bottom:3px; }
.shout .actions .avatar img { margin:3px 4px; }
#shoutbox .shout .actions span a { font-size:10px; background-color:#333; color:#FFF; text-decoration:none; padding:0 3px; }
#shoutbox .shout .actions span a:hover { background-color:#00aeef}

.shout p { margin-left:68px;}
.shout p.message { margin:10px 0 10px 68px; font-size:12px; }

#shoutbox .shout .post { background:#EFEFEF url(img/common/bg_shout_post.gif) top left no-repeat; margin:5px 0 5px 68px; }
#shoutbox .shout .post textarea { border:1px solid #c8c8c8; background-color:#FFF; width:216px; margin:15px 7px 7px 7px; font-size:11px; }
#shoutbox .shout .post .submit { text-align:right; margin:0 7px; padding:0 0 7px 0;}
#shoutbox .shout .post .submit input { background-color:#464646; border:none; color:#FFF; padding:1px 7px; font-size:10px; }

/*-------- Friends ----------*/

.friends .friend { float:left; background:#fbfbfb url(img/user/friend-corner.gif) top left no-repeat; width:297px; margin:0 15px 10px 0;  }
.friends .friend .bot { background:url(img/user/friend-corner.gif) bottom right no-repeat; padding:6px 0; }
.friends .friend .inside { border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; padding:3px 10px 0 10px; }

.friends .friend .avatar { position:relative; }
.friends .friend .avatar div { float:left; width:58px; height:58px; background:url(img/user/bg_avatar_sm.gif) top left no-repeat; margin:0 10px 3px 0; }
.friends .friend .avatar div img { margin:3px 0 0 4px; }
.friends .friend .detail { font-size:11px; color: #666; margin:3px 0; }
.friends .friend .nextEvent { font-size:11px; border-top:1px dotted #DDD; margin:3px 0 0 68px; padding:3px 0; }
.friends .friend .remove { position:absolute; top:-5px; left:-5px; display:none; width:18px; height:18px;  }

/*--------  ----------*/
#side .users li { width:58px; height:58px; float:left; background:url(img/user/bg_avatar_sm.gif) top left no-repeat; margin:2px 1px; }
#side .users li img { margin:3px 4px; }