/* 
 * PHOTOS
 */
 
.photo{
	max-width:300px;
	max-height:325px;
}
.friends-list{
	vertical-align:middle;
	text-align:left;
	font-size:90%;
	padding:0 0 0 5px;
}

/* 
 * FACEBOOK-LIKE BUTTONS
 */
a.btn{
	text-decoration:none;
}
.btn {
	display:inline-block;
	background:none;
	margin:0;
	padding:5px 5px;
	border-width:0;
	overflow:visible;
	font:100%/1.2 Arial,Sans-serif;
	text-decoration:none;
	color:#333;
}
.btn span {
	background:#ddd url(../images/bg-button.gif) repeat-x 0 0;
	margin:0;
	padding:3px 0;
	border-left:1px solid #bbb;
	border-right:1px solid #aaa;
}	
* html .btn span {
	padding-top:0;
}
.btn span span {
	position:relative;
	padding:3px .4em;
	border-width:0;
	border-top:1px solid #bbb;
	border-bottom:1px solid #aaa;
}
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
	cursor:pointer;
	border-color:#9cf !important;
	color:#000;
}
.btn:focus, .btn:active {
	outline:none;
}
.btn:active span {
	background-position:0 -400px;
	outline:none;
}

/* 
 * FACEBOOK-LIKE POSTS
 */
 
.outer-parent {
	width:100%;
    margin-top: 2px;
	height:auto; 
	min-height:50px;
	color: #333333;
    direction: ltr;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    text-align: left;

}

.outer {
	width:100%;
    background-color: #EDEFF4;
    border-bottom: 1px solid #E5EAF1;
    border-bottom: 1px solid #CCD6E3;
    margin-top: 2px;
	height:auto; 
	min-height:50px;
	color: #333333;
    direction: ltr;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    text-align: left;

}
.inner {
	width:85px;
	margin:5px; 
}
.inner img, #post-comment img{
   -moz-box-shadow: 3px 3px 3px #888;
   -webkit-box-shadow: 3px 3px 3px #888;
   box-shadow: 3px 3px 3px #888;
}
.delete {
	margin:5px; 
}
* html .inner {display:inline}/* for ie*/
html>body .inner, .delete {display:table;float:left}/*for mozilla */
@media all and (min-width: 0px){/* opera 7 styles */
html>body .inner, .delete {display:inline-block; /*float:none;*/}
}

#avatar{
  width:35px;
  height:35px;
}
.fb-comment-holder{
	width : 578px;
	margin-left:50px;
    -moz-box-shadow: 1px 1px 1px #888;
    -webkit-box-shadow: 1px 1px 1px #888;
    box-shadow: 1px 1px 1px #888;
}
#comment-holder{
	width:86%;
	margin-right : 2px;
	text-align:left;
	vertical-align:top;
}
#post-comment{
	background-color: #EDEFF4;
	border-bottom: 1px solid #E5EAF1;
	margin-top: 2px;
	padding: 6px 4px 1px 4px;
	overflow : auto;
	overflow:hidden;
	overflow-y: hidden;
	overflow-x: hidden; 
	height:auto; 
	min-height:10px;
}
.reply-holder{
    background-color: #EDEFF4;
    border-bottom: 1px solid #E5EAF1;
    margin-top: 2px;
    padding: 5px 0px 5px 5px;
	display:none;
	overflow:auto;
	height : auto;
}
.delete{
	background:url("../images/delete.png") no-repeat left top;
	width:15px;
	height:15px;
}
.delete-hover{
	background:url("../images/delete.png") no-repeat left -30px;
	width:15px;
	height:15px;
	cursor : pointer;
}
.comment-text{
    background-color: #EDEFF4;
    padding: 0px 4px;
	text-align:left;
	color: #333333;
    direction: ltr;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    text-align: left;
	float:right;
	clear: left;
	width: 560px;
	border : 1px solid red;
	/*   Hack for breking long lines   */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap : break-word; /* Internet Explorer 5.5+ */
}
#show-more{
	background-color: #EDEFF4;
	padding : 5px 25px;
	background-image : url("../images/comments.gif");
	background-position : 2px 5px;
	background-repeat : no-repeat;
}
.ajax-loading{
	padding : 0px 16px;
	background-image : url("../images/ajax-loader.gif");
	background-repeat : no-repeat;
	visibility : hidden;
}
#text{
	width:100%;
}
#text a{
	color: #3B5998;
	font-weight : bold;
	text-decoration : none;
}
#text a:hover{
	text-decoration : underline;
}
.ago{
	width:88%;
	clear:left;
	color: #808080;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
	display : block;

}
#post-comment #comment{
	height: 36px;
	width : 344px;
	float : right;
	border : 1px solid #BDC7D8;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 12px;
	padding: 3px;
	overflow:hidden;
	overflow-y: hidden;
	overflow-x: hidden; 
}
#post-comment #uname,#uemail{
	border : 1px solid #BDC7D8;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 12px;
	padding-left : 2px;
	margin-bottom : 4px;
}
.error{
	background : #FFCCCC;
}
#post-comment span{
	margin-right:1px;
	margin-left:-2px;
}
#fb-button{
    background-color: #5B74A8;
    border-width : 1px;
    border-color: #1A356E;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height : 20px;
    outline: medium none;
    white-space: nowrap;
    margin-top:3px;
}
#submit-button{
	display : none;
	margin-left : 321px;
}
.lightText{
	color : #9B9B9B;
}
#link-text{
	font-size: 11px;
	font-family: 'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;
	cursor : pointer;
	color : #3B5998;
}
#link-text:hover{
	text-decoration : underline;
}