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

/*------------------------
/*		Status
/*-----------------------*/	

#status-update { background:#e4e4e4; border:1px solid #bababa; padding:10px 15px; }
	.status-count { float:right; width:150px; text-align:right; font-size:20px; color:#999; }
#status-update h2 { font-size:18px; margin:0 0 10px 0; color:#444;  font-weight:normal; }
#status-update textarea.text { width:653px; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:12px; background:#fff; padding:4px 2px; font:12px "Lucida Grande", Sans-serif; height:3em; }
#status-update #submit-actions { display:none; text-align:right; }
#status-update #submit-actions input { width:115px; margin:10px 0 0 0 }

 .share { text-align:left; float:left; width:150px; margin:10px 0 0 5px;}
 .share a { margin-right:0px; }
 .share .btn { padding:4px 4px 4px 4px; }

.popup h2 { font-size:14px; margin:10px 0 0 0; }
.popup p { margin:5px 0; }
.popup p input.text,
.popup p textarea.text { width:500px; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; font:12px Helvetica Neue, Helvetica, Arial, sans-serif; padding:4px 5px;  }
.popup p input.tags { color:#999; margin:3px 0; }
.popup #userfile { width:450px; }
.popup .status-count { font-size:16px; margin-right:5px; }
.popup .add-video { display:none;}
.popup p.hint { color:#666; font-size:11px; margin:0; }


ol#timeline { list-style:none; border-top:1px solid #e5e5e5; margin:0 0 15px 0; }
ol#timeline li div.status-picture { float:left; width:50px; height:50px; margin:0 10px 0 0; }

ol#timeline li { border-bottom:1px solid #e5e5e5; padding:10px 0; clear:left; }
ol#timeline li p.status-body {  font-size:16px; color:#333; line-height:135%; }
ol#timeline li p.status-text { font-size:13px; margin:5px 0 0 60px; font-style:italic; color:#444;  line-height:135%;  }
ol#timeline li p.meta { display:block; color:#222; font-size:11px; padding:4px 0 0 0;  }
ol#timeline li p.meta a.entry-date { color:#666; }
ol#timeline li p.timeline-media { z-index:1; }
ol#timeline li p.image-media { width:130px; float:left; margin:5px 10px 5px 0px; }
ol#timeline li p.video-media { width:365px; float:left; margin:5px 10px 5px 0px; }
ol#timeline .status-container p { margin-left:60px; }

	a.loading { background:url(/css/img/common/fb-loading.gif) right center no-repeat; padding-right:20px; }

.comment-box { margin:3px 0 0 60px; width:365px; font-size:12px; }
	
	#user-timeline .comment-box,
	#user-timeline #timeline .status-container p,
	#status-comments .comment-box { margin-left:0; }

.comment-box.hidden { display:none; }
.comment-box .box { background-color:#e3edf2; border-bottom:1px solid #E5EAF1; padding:5px 5px 4px 5px; margin:0 0 2px 0; }
.comment-box .box.viewall { font-weight:bold }
.comment-box-nub { display:block; height:5px; width:25px; background:url(/css/img/common/comment-nub.gif) top right no-repeat; }
.comment-box .picture { float:left; width:30px; height:30px; }

.comment-box .user-comment p { margin:0 0 0 40px; font-size:12px;  }
.comment-box .user-comment p.comment-meta { color:#777; padding:0; margin:2px 0 0 40px; font-size:10px;}
.comment-box .user-comment p.comment-meta .timestamp { border:none;  }

.comment-box .post-comment p { margin:0 0 0 0;  }
.comment-box .post-comment .picture { float:left; display:none; }
.comment-box .post-comment textarea {  height:17px; width:342px; border:1px solid #AAA; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:13px; background:#fff; padding:4px 5px; font-family: Helvetica, Arial, sans-serif; color:#999; margin:0; }
.comment-box .post-comment p.status-comment-submit { display:none; }

.comment-box .post-comment.infocus p { margin:0 0 0 40px; font-size:11px; }
.comment-box .post-comment.infocus textarea { height:35px; width:302px; font-size:13px; background:#fff; padding:4px 5px; font-family: Helvetica, Arial, sans-serif; color:#000; margin:0; }
.comment-box .post-comment.infocus .picture { float:left; display:block; }
.comment-box .post-comment.infocus textarea.infocus { color:#000; }
.comment-box .post-comment.infocus .status-comment-submit { display:block; }


#facebox .likes-popup h2 { color:#FFF; padding:7px 10px; background-color:#333; margin:0; font-size:16px; font-weight:normal; }
#facebox .likes-popup table { width:100%; }
#facebox .likes-popup table td { text-align:left; padding:5px 10px 5px 0; border-bottom:1px solid #CCC; }
#facebox .likes-popup table tr td.picture { width:50px; padding:5px 10px 5px 10px; }
#facebox .likes-popup table tr td.username {}
#facebox .likes-popup table tr td.actions { width:70px; }
#facebox .likes-popup .close { background-color:#f7f7f7; padding:5px 10px; text-align:right;	 }
#facebox .likes-popup .container { height:305px; overflow:auto; }

#side .profile .picture { height:35px; width:35px; float:left; margin:0  10px 10px 0; }
#side .profile .picture img { width:35px; height:35px; }
#side .profile .screen-name { font-size:16px;}
#side .profile .post-count { font-size:11px; margin:2px 0 0 0; color:#999; }


#side .topics li { margin:5px 0; }


.round { -moz-border-radius:5px; -webkit-border-radius:5px; }
.round-top-right { -moz-border-radius-topright:5px;	-webkit-border-top-right-radius:5px; }
.round-right { -moz-border-radius-topright:5px;	-moz-border-radius-bottomright:5px;	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px; }
.round-bottom-right { -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; }
.round-bottom {
	-moz-border-radius-topright:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-top-right-radius:0;
	-webkit-border-top-left-radius:0;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
}
.round-bottom-left {
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
}
.round-left {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
}
.round-top-left {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
}
.round-top {
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-bottom-left-radius:0;
}


/*------------------------
/*		TIPSY
/*-----------------------*/	

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(/image/common/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }


/*------------------------
/*		More Button
/*-----------------------*/	
a.more {
	outline:none; display:block; width:650px; padding:6px 0; margin:0 auto;	text-align:center;	background-color:#fff;	background-repeat:repeat-x;	background-position:left top; font-size:14px; text-shadow:1px 1px 1px #fff;	font-weight:bold; height:22px; line-height:22px; margin-bottom:6px; background-image:url(/css/img/common/more.gif); color:#777; }
.more:hover { border:1px solid #bbb; text-decoration:none; background-position:left -78px; }
.more:active { color:#666;	background-position:left -38px;}
.more.loading {	cursor:default!important; background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; border:1px solid #eee;
	background-image:url(/css/img/common/ajax.gif);
}
.more::-moz-focus-inner { border:0; }