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

body{
	margin:0px;
	background:url(../images/bg-index.png) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4a4a4a;
	background-color:#f3f3f3;
	}
	
.fontem{
	font-size:2em;
	font-weight:bold;}	


* {
	margin:0px;
	padding:0px;
	}

.fl {
	float:left;
	}

.fr {
	float:right;
	}
	
.clr {
	clear:both;
	
	}
			
#container{
	margin:auto;
	width:942px;
	
	}
	
	
/*Header area Starts Here*/	
	
#header{
	height:124px;
	background:url(../images/header-bg.gif) no-repeat;}

	
#header .logo{
	position:relative;
	top:11px;
	left:7px;
	float:left;}
	

#header .username{
	position:relative;
	top:30px;
	right:7px;
	text-shadow: 1px 1px 1px #6e7a82;
	text-align:right;
	float:right;
	color:#FFFFFF;}
	
#header .username a{
	color:#FFFFFF;
	padding:0px 2px;
	text-decoration:none;}
	
#header .username a:hover{
	color:#2d7ba9;
	text-shadow: 1px 1px 1px #fff;}		
	
#header .username span{
	font-weight:bold;
	padding-right:5px;}	
	
#header .main-navigation{
	position:relative;
	top:91px;
	left:123px;
	float:left;
	color:#FFFFFF;}
	
#header .main-navigation a{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:8px 15px;
	color:#FFFFFF;
	text-shadow: 1px 1px 1px #546570;
	text-decoration:none;
	margin-right:10px;
	display:inline-block;}
	
	#header .main-navigation a:hover{
	background-color:#3d89b4;
	-webkit-border-radius-topleft: 6px;
	-webkit-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;}			
				
/*Header area ends Here*/

/*body Content area Starts Here*/

#body-content-area{
	padding-top:25px;

	}
	
/*left colum Starts Here*/	
#col-left{
	width:321px;
	background:url(../images/col-left-bg.gif) repeat-y;
	float:left;}
	
#col-left .top{
	background:url(../images/col-left-top.gif) no-repeat;
	height:70px;
	padding-top:14px;
	text-align:center;}
	
#col-left .cen-cont{
 	padding:0 9px 0 8px;}
	
.search-area{
	border:1px solid #e1e1e1;
	margin-top:8px;
	}
	
.search-bar{
	border:1px solid #FFFFFF;
	width:270px;
	color:#777;
	font-size:12px;
	position:relative;
	padding-left:2px;}
	
.sorting{
	background:url(../images/sorting.gif) no-repeat;
	padding-top:12px;
	height:24px;
	color:#616161}
	
.sorting span{
	font-size:13px;
	padding-left:8px;
	width:60px;
	display:inline-block;
	color:#1a72a4;
	font-weight:bold;}
	
.sorting a{
	font-size:12px;
	color:#1a72a4;
	text-decoration:none;
	padding:0 5px;}
	
.sorting a:hover{
	color:#616161;}				
	
.marg-top{
	margin-top:8px;}
	
	
.tnf{
	background:url(../images/tnf-bg.gif) repeat-y;
	margin-top:10px;}
	
.friends-by-tags{
	margin-top:10px;
	padding:2px 5px 15px 8px;
	overflow: scroll; overflow-x: hidden;
	width:285px;
	}
	
.on-off-status{
	border-bottom:1px solid #e7e7e7;
	padding:5px 0px;
	font-size:12px;}
	
.on-off-status .display-name{
	width:220px;
	overflow:hidden;
	padding-left:4px;
	padding-top:1px;
	float:left;}
	
.on-off-status .display-name a{
	color:#1a72a4;
	text-decoration:none;}
	
.on-off-status .status-color{
	float:right;
	padding-top:4px;}
	
.add-people{
	background-color:#efefef;
	border:1px solid #e1e1e1;
	margin-top:10px;
	border-bottom:none;
	padding:5px 10px 0px 10px;
	color:#999999;
	font-size:11px;
	width:282px;}
	
.add-people .search{
	width:100%;
	border: 1px solid #e1e1e1;
	height:20px;
	padding-top:2px;
	color:#777;
	font-size:12px;}
	
.search-by-date{
	}									
	
	
#col-left .bottom{
	background:url(../images/col-left-bottom.gif) no-repeat;
	height:13px;}
	
/*left colum ends Here*/

/*right colum Starts Here*/	

#col-right{
	width:606px;
	float:right;}

#settings-left{
	width:321px;
	
	float:left;}

#settings-right{
	width:606px;
       
	float:right;}
	
.post{
	background:url(../images/post-mid.gif) repeat-y;
	line-height:1.6em}
	
	
.post a{
	color:#055f96;
	text-decoration:none;}	
		
.post a:hover{
	color:#666;
	text-decoration:underline;}		
	
.post-details{
	padding:0px 11px;}
	
.post-image-n-reviews{
	float:left;
	padding-top:5px;
	width:140px;}
	
.post-image-n-reviews .dp{
	width:130px;
	height:94px;
	padding:4px;
	border:1px solid #cccccc;}
	
.post-image-n-reviews .reviews{
	text-align:center;
	background-color:#d5d5d5;
	font-size:12px;}		
	
.post-right-side{
	float:right;
	width:435px;}
	
.post-name-n-details{
	float:left;
	padding-top:5px;
	width:380px;}
	
.post-name-n-details h2 a{
	color:#055f96;
	text-decoration:underline;
	font-size:18px;
	font-weight:bold;}	
	
.post-name-n-details h2 a:hover{
	color:#666;
	text-decoration:none;}	
		
	
.post-close-or-like{
	float:right;
	width:50px;
	text-align:right;}
	
	
.link-blue-11{
	color:#12689b;
	text-decoration:none;
	font-size:11px}
	
.link-blue-11:hover{
	color:#12689b;
	text-decoration:underline;
	font-size:11px}
	
.light-grey{
	color:#918f8f}
	
	
.comments-view{
	border:1px solid #d5d5d5;
	padding:0px 3px 3px 3px;
	margin-top:5px;
	margin-bottom:10px;}
	
.comments-listing{
	padding:2px 5px 15px 0px;
	overflow: scroll; overflow-x: hidden;
	width:423px;
	height:120px;
	}			
	
.comment-entry{
	background-color:#f3f3f3;
	border-bottom:1px solid #FFFFFF;
	padding:3px;}
	
.comment-entry2{
	background-color:#dbf1fe;
	border-bottom:1px solid #FFFFFF;
	padding:3px;}	
	
.avatar{
	float:left;
	width:32px;
	height:32px;}
.nick-comment-time{
	float:left;
	line-height:1.3em;
	width:360px;
	padding-left:4px;
	}
.time{
	color:#918f8f;
	font-size:12pxpx;
	}			
	
.starred{
	padding-top:4px;}
	
.row{}

.row2{
	text-align:right;
	padding-top:3px;}										
							
/*left colum ends Here*/


/*footer Starts Here*/

#footer{
	margin-top:25px;
	border-top:1px solid #bfc3c7;
	color:#5f5f5f;
	font-size:11px;
	line-height:1.6em;
	padding:10px 2px;}
	
#footer a{
	color:#5f5f5f;
	text-decoration:none;
	padding:3px;}
	
#footer a:hover{
	color:#1970a3;
	text-decoration:none;
	padding:3px;}		

<!-- classes for index page -->

.body-content-wraper{
	padding-top:14px;
	}
	
.login{
	position:relative;
	top:25px;
	right:17px;
	float:right;
	color:#666666;
	}
.login-left-col{
	float:left;
	padding:5px 0px 5px 5px;}
.login-right-col{
	float:left;
	padding:0px 5px 5px 5px;
	width:170px;
}

.login-col-bottom{
	padding:5px 5px 0px 0px;
	float:left;}

.login-col-bottom a{
	color:#086197;
	text-decoration:none;}

.login-col-bottom a:hover{
	text-decoration:underline;}

.login-bar{
	width:160px;
	height:21px;
	}

.content_col_right{
	float:left;
	padding-top:9px;
	width:317px;}

.white-box{
	background:#FFFFFF;
	border-bottom: solid #e6e6e6 1px;
	border-left: solid #e6e6e6 1px;
	border-right: solid #e6e6e6 1px;
	padding:15px 12px 20px 0px;
	color:#504f4f;
	font-size:16px;
	width:305px;}

.list{
	margin-left:10px;}

.list ul li{
	list-style:none;
	background:url(../images/blue-dot.png) no-repeat;
	padding-left:20px;
	padding-bottom:25px;
	}

.register-btn{
	padding-left:12px;
	padding-bottom:20px;}

.face-book-col{
	padding:3px 8px 0px 15px;
	float:left;}