/*
*	DEFAULTS
*/


* { margin: 0; padding: 0; }
body { font: 12px arial, helvetic, Verdana, sans-serif; background-image: url(images/bg.gif);background-repeat: repeat-x;background-color:#393939;color:#121212;margin-left: auto;
margin-right: auto;text-align: center;
}



input, button, textarea { font: 1em Verdana, sans-serif;}

input, button { vertical-align: middle; }

legend { display: none; }

fieldset { border: none; }

ul, ol { list-style: none; }

a { color: #0099B9; text-decoration:none; }



a:visited{

	color: #0099B9;  text-decoration:none;

}a:hover{

color: #0099B9; text-decoration:underline;

}

a img { border: 0; }

table { border-collapse: collapse; width: 100%; }

hr { display: none; }

.clear{

clear: both;

}





:focus {

	outline: 0;

}

::selection         { background:#10CCDD; color:#fff; /* Safari and Opera */ }

::-moz-selection  { background:#10CCDD; color:#fff; /* Firefox */ }

html { overflow-y:scroll; }



/*

*	HEADINGS

*/





h1 {

	padding: 0;

	margin: 0;

	width: 169px;

	height: 55px;

	font-size: 11px;

	position:relative;top:0px;left:0px;

	float:left;

}



h1 a {

	display: block;

	width: 169px;

	height:55px;

	color: #fff;

	border-bottom:0px;

}



h1 a:visited {

	display: block;

	width: 169px;

	height: 55px;

	color: #fff;

	border-bottom:0px;

}



h1 a span{

	background: url(images/logo.gif) no-repeat;

	position:absolute;

	width: 100%;

	height: 100%;

	cursor: pointer;

	z-index: 10;

	border-bottom:0px;

}



h2{
		width:525px;
		margin-left:10px;
		border-bottom:2px solid #DEDEDE;
		padding-bottom:5px;
		font-weight: normal;
		font: 16px arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
		
}

h3{
	font-size: 16px;
	font-weight: bold;
	margin-left:10px;
	margin-top:10px;
	
}

/*

*	LAYOUT

*/







#container {

	width:763px;

	margin: 0px auto;

	text-align: left;

	

}



.login{

	float:right;

	margin-top:15px;

	height:67px;

}



#main{

	background-color: white;

	width:100%;



}



#mainhome{

	background-image: url(images/homeheader.gif);

	background-repeat: no-repeat;

	background-color: white;

	width:763px;

	clear: both;

}



#signupstep{

	height:300px auto;

	padding-top:80px;

	margin-left:80px;

}



#signupstep p{

	margin-left:15px;

	margin-top:10px;

	width: 525px;

}



#maininside{

	background-image: url(images/insideheader.gif);

	background-repeat: no-repeat;

	background-color: white;

	width:763px;

	height:79px;

	clear: both;

	position:relative;

}



#maininside p{	position:absolute;top:12px;left:15px;

	color:white;

	font-size: 18px;

}



#left{

	float:left;

	margin-left:10px;

	display:inline;

}



#left p{

	margin-left:10px;
	margin-top:10px;

}



#left p.in {
	margin-left:0px;
	margin-top:0px;
	margin-bottom:10px;
}

#left p.tags{
	font-size: 12px;
	margin-top:-8px;
	color:#B7B7B7;
}




#right{

background-image: url(images/righttop.gif);

background-repeat: no-repeat;

background-color: #ECEEEE;

	float:right;

	width:201px;

	margin-right:10px;

	display:inline;

	margin-top:15px;

}



#rightbottom{
	background-image: url(images/rightbottom.gif);
	width:201px;
	height:14px;
	margin-top:30px;
	border-bottom:10px solid white;
}



#footer{

	background-image: url(images/homefooter.gif);

	background-repeat: no-repeat;

	background-position: top;

	width:763px;

	text-align: center;

	margin-bottom:20px;

}



#footer ul{

font-size: 11px;

color:#b2b2b2;

padding-top:25px;

	

}



#footer li{

	display:inline;

	margin-right:12px;

}



#footer a{

	border-bottom:1px solid #4D4D4D;

	text-decoration: none;

	color:#b2b2b2;

}







#footer a:visited{

border-bottom:1px solid #4D4D4D;

	text-decoration: none;

	color:#b2b2b2;

}

#footer a:hover{

	border-bottom:1px solid #1AA0AE;

	text-decoration: none;

	color:#EAE9E1;

}



#updates{
	margin-left:57px;
	padding-top:84px;
		height:195px;
}



.updates ul {
				list-style-type: none;
				width:663px;
			}

			

			.updates li {
				width: 63px;
				height: 57px;
				float: left;
				display: block;
				padding: 0 22px 15px 0;	
				overflow: hidden;
			
			}

			



#features{
		border-bottom:3px solid #DEDEDE;
		border-top:3px solid #DEDEDE;
		clear: both;
		margin-left:57px;
		margin-right:57px;
		padding-top:12px;
		padding-bottom:12px;
		margin-top:15px;
		font-size: 18px;
}

#features li{
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:18px;
	margin-bottom:5px;
}





#signup{
	width:588px;
	height:160px;
	background-image: url(images/signupbg.gif);
	background-repeat: no-repeat;
	position:relative;
	margin-left:85px;
	margin-top:20px;
	padding-bottom:20px;

}

#signup p{
	font-size: 18px;
	text-align: center;
	padding-top:7px;
	padding-bottom:15px;
}



#avatar{
	background-image: url(images/avatar.gif);
	width:172px;
	height:173px;
	margin-top:15px;
	margin-left:15px;
}



.avatarlarge{
	margin-left:5px;
	margin-top:5px;
}



.update{
	width:525px;
	margin-left:10px;
	margin-top:10px;
	border-bottom:2px solid #DEDEDE;
	padding-bottom:10px;
	position:relative;
}

.photoupdate{

	float:left;

	/*width:106px;*/

	/*height:84px;*/

	margin-right:10px;
	border:3px solid #ECEEEE;
}



.photoupdatemedium{

	float:left;

	/*width:218px;*/

	/*height:169px;*/

	margin-right:10px;

	border:3px solid #ECEEEE;

}



.photoupdatelarge{

	/*width:392px;*/

	/*height:304px;*/

	margin-left:0px;

	border:6px solid #ECEEEE;

}



.followings{

	float:left;

	width:55px;

	height:55px;

	margin-right:10px;

	border:3px solid #ECEEEE;

}



.update p{

	font-size: 14px;

	color:#393939;

}







#right ul {

				list-style-type: none;

				width:171px;

				margin-left:20px;

			}

			

			#right li {

				width: 24px;

				height: 24px;

				float: left;

				display: block;

				padding: 0 4px 4px 0;	

				overflow: hidden;

			}

			

			#right p{
				margin-left:18px;
				margin-top:10px;
				margin-bottom:3px;
				margin-right:5px;
			}



			.breadcrumb{
				margin-top:10px;
				margin-left:10px;
				
			}
			
			.breadcrumb ul{
				
			}

			.breadcrumb li{
				display:inline;
				margin-right:3px;
			}
			
		.breadcrumb li a{
			width:20px;
			height:20px;
		}

				.breadcrumb2{
				margin-left:10px;width: 525px;
				clear: both;
				padding-top:5px;
			}
			
			.breadcrumb2 ul{
				
			}

			.breadcrumb2 li{
			margin-top:10px;
				display:inline;
				margin-right:3px;
			}



#social{

	

	padding-top:15px;

	padding-bottom:10px;

}		

#social li{

	display:inline;

	margin-right:42px;

}	

#social ul{

		margin-left:10px;

}

.message{
	margin-left:10px;
	margin-top:10px;
	float:left;
	width:490px;
}

.message dt{
	border-bottom:1px solid #DEDEDE;
	margin-bottom:5px;
	padding-bottom:20px;
	width:525px;
	font-size: 14px;
}

.message dd{
	font-size:11px;
	margin-bottom:5px;
	padding-bottom:5px;
	margin-top:-25px;
}


.message2{
	margin-left:10px;
	margin-top:10px;
	float:left;
	width:490px;
}

.message2 dt{
	border-bottom:1px solid #DEDEDE;
	margin-bottom:5px;
	padding-bottom:10px;
	width:525px;
	font-size: 12px;
}

.message2 dd{
	font-size:12px;
	margin-bottom:5px;
	padding-bottom:5px;
	margin-top:10px;
	line-height: 16px;
}



.new{
	font-weight: bold;

}



			

		

/*

*	FORMS

*/



.loginbox{

		background-image: url(images/loginbox.gif);

		background-repeat: no-repeat;

		border:0px;

		width:123px;

		height:19px;

		margin-right:5px;

		padding-top:4px;

		padding-left:3px;

}



.signupbox{
		background-image: url(images/signupbox.gif);
		background-repeat: no-repeat;
		border:0px;
		width:185px;
		height:26px;
		margin-right:5px;
		padding-top:4px;
		padding-left:3px;
		margin-bottom:17px;
		float:left;
}

.mainlabel{
				font-size:10px;
				margin:0px;
				padding:0px;
				position:relative;
				margin-top:-15px;
				float:left;
}



.signupbut{
	width:188px;
	height:29px;
	float:left;
}



.sign{
	text-align: center;
	margin-top:10px;
	width:389px;
	margin-left:100px;
}





.stuff{

	
	margin-left:10px;
	border-bottom:2px solid #DEDEDE;
	padding-bottom:5px;
	width:525px;
	padding-top:15px;
}



.stuff ul{

	margin-bottom:15px;

	font-size:12px;

}



.stuff li{

	margin-bottom:15px;

}



.checkbox{

	margin-right:5px;

}



.checkbox2{
	clear:both;
	float:left;
	margin-right:5px;
	margin-bottom:10px;
}



.stufflabel{

	font-size:11px;

	float:left;

	clear:left;

	width:197px;

	display:block;

}



.stuffinput{

	background-image: url(images/inputbox.gif);
	background-repeat: no-repeat;
	width:192px;
	height:26px;
	border:0px;
	margin-top:3px;
	margin-bottom:9px;
	padding-left:5px;
	padding-top:6px;
	margin-right:5px;
}

.stufflabel2{
	font-size:11px;
	float:right;
	clear:right;
	width:197px;
	display:block;
	margin-right:105px;
}



.stuffinput2{

	background-image: url(images/inputbox.gif);
	background-repeat: no-repeat;
	width:192px;
	height:26px;
	border:0px;
	margin-top:3px;
	float:right;
	clear:right;
	margin-right:105px;
	margin-bottom:9px;
	padding-left:5px;
	padding-top:6px;
font-size:11px;
}



.stuffinputbig{
	background-image: url(images/inputboxbig.gif);
	background-repeat: no-repeat;
	width:418px;
	height:95px;
	border:0px;
	margin-top:3px;
	margin-bottom:9px;
	padding-left:5px;
	padding-top:6px;

}



.submit{

	background-image: url(images/buttonbg.gif);

	background-repeat: no-repeat;

	color:white;

	border:0px;

	width:105px;

	height:31px;

	font-size:11px;

	margin-left:10px;

	margin-top:15px;

	margin-bottom:35px;

}



.browse{

	background-image: url(images/buttonbg.gif);

	background-repeat: no-repeat;

	color:white;

	border:0px;

	width:105px;

	height:31px;

	font-size:11px;

	margin-top:17px;

	margin-left:26px;

	

}

/*

*	TOOLTIPS

*/



#tooltip {

    padding: 3px;

    background: #10ccdd;

    text-align: center;

    font-size: 10px;;

	 color:white;

}



span.tip {

   

}



/*

*		Navigation

-------------------------------------------------------------*/

#nav {

	font: 12px arial, Verdana, Geneva, Arial, Helvetica, sans-serif;

	width:747px;

	height:32px;

	float:left;

	clear:both;

	text-align: center;

	margin-top:47px;

	margin-left:15px;

}

#nav ul {

	margin:0;

   	list-style:none;

	

}

#nav a, #nav strong, #nav span {

	float:left;

   	display:block;

	color:#fff;



	background: url(images/tab.gif) no-repeat 100% -64px;

	width:105px;

		height:22px;

	text-decoration:none;

	padding-top:10px;

}

/* Commented Backslash Hack

     hides rule from IE5-Mac \*/

#nav a {float:none;}

/* End IE5-Mac hack */

#nav li {

   float:left;

   background:url(images/tab.gif) no-repeat 0px 0px;

	width:105px;

		height:32px;

   margin:0;

	margin-right:3px;

  

}

#nav .current {

   background:url(images/tab.gif) no-repeat 0 -32px;

}

#nav .current a {

   background:url(images/tab.gif) no-repeat 100% -32px;

	width:105px;

	height:22px;

	color:#939BCA

}

#nav a:hover {

	background:url(images/tab.gif) no-repeat 100% -0px;

	width:105px;

		height:22px;

	color:#fff

	}



	#innav{

		width:525px;

		margin-left:10px;

		border-bottom:2px solid #DEDEDE;

		padding-bottom:5px;

	}

	

	#innav ul{

	padding-top:15px;

	}

	

	#innav li{

			display:inline;

			font-size:16px;

			margin-right:15px;

	}
	
	#innav2{

		width:525px;

		margin-left:10px;

		border-bottom:2px solid #DEDEDE;

		padding-bottom:5px;

	}

	

	#innav2 ul{

	padding-top:5px;

	}

	

	#innav2 li{

			display:inline;

			font-size:11px;

			margin-right:15px;
color:#B7B7B7;
	}

	

	.rss{

	float:right;
	}

	

	/*

*		Rounded Corners

-------------------------------------------------------------*/

	.round{display:block}

.round *{

  display:block;

  height:1px;

  overflow:hidden;

  font-size:.01em;

  background:#ECEEEE}

.round1{

  margin-left:3px;

  margin-right:3px;

  padding-left:1px;

  padding-right:1px;

  border-left:1px solid #f6f7f7;

  border-right:1px solid #f6f7f7;

  background:#f0f2f2}

.round2{

  margin-left:1px;

  margin-right:1px;

  padding-right:1px;

  padding-left:1px;

  border-left:1px solid #fdfdfd;

  border-right:1px solid #fdfdfd;

  background:#eff1f1}

.round3{

  margin-left:1px;

  margin-right:1px;

  border-left:1px solid #eff1f1;

  border-right:1px solid #eff1f1;}

.round4{

  border-left:1px solid #f6f7f7;

  border-right:1px solid #f6f7f7}

.round5{

  border-left:1px solid #f0f2f2;

  border-right:1px solid #f0f2f2}

.roundfg{

  background:#ECEEEE}

.hovericons{
  	width:18px;
	z-index: 1000;
	position:absolute;top:10px;left:10px;
}
  
.hovericons li{
  	
	margin:0px;
	padding:0px;
}
  
.hovericons ul{
  	margin:0px;
	padding:0px;
}

.pmdelete{
	width:18px;
	z-index: 1000;
	position:absolute;top:5px;right:0px;
}


.comment {
	padding-top:5px;
}

.findfriends{
	height:250px;
	overflow: auto;
}
	
	.friendlabel{
	font-size:11px;
	float:left;
	clear:left;
	display:block;
	margin-top:5px;
	margin-bottom:5px;
}

.friendemail{
	margin-top:10px;
	background-image: url(images/inputboxbig.gif);
	background-repeat: no-repeat;
	width:418px;
	height:95px;
	border:0px;
	margin-bottom:9px;
	padding-left:5px;
	padding-top:6px;
}

#content p{
	margin-bottom:13px;
}

.allfollowers{
	margin-left:12px;
	margin-bottom:5px;
}



.allfollowers ul{

}

.allfollowers li{
	
}
#rightshare{
	background-image: url(images/righttop.gif);
	background-repeat: no-repeat;
	background-color: #ECEEEE;
	float:right;
	width:201px;
	display:inline;
	padding-top:10px;
}

#rightsharebottom{
	background-image: url(images/rightbottom.gif);
	width:201px;
	height:14px;
	margin-top:30px;
}

.addthis_button{
	margin-left:10px;
}

.shareinput{
	background-image: url(images/sharebox.gif);
	background-repeat: no-repeat;
	width:177px;
	height:25px;
	border:0px;
	margin-top:0px;
	margin-bottom:4px;
	margin-top:5px;
	padding-top:4px;
	padding-right:4px;
}

.sharelabel{
	font-size:11px;
	float:left;
	clear:left;
	width:197px;
	display:block;
	margin-left:10px;
	display: inline;
	margin-top:5px;
	height:12px;
}

.follow{
	background-image: url(images/button-bg.gif);
	background-repeat: no-repeat;
	border:0px;
	width:88px;
	height:19px;
	font-size:11px;
	text-align: center;
	padding-top:5px;
	display:block;
}

.follow a{
	display: block;
}

.follow a:hover{
	color:black;
	text-decoration: none;
	background-position: top 20px;
}

.follow, .button{
	background-image: url(images/button-bg.gif);
	background-repeat: no-repeat;
	border:0px;
	width:88px;
	height:19px;
	font-size:11px;
	text-align: center;
	padding-top:5px;
	display:block;
}

.follow a, .button a{
	display: block;
}

.follow a:hover, .button a:hover{
	color:black;
	text-decoration: none;
	background-position: top 20px;
}

#welcome{
	width:515px;
	border:1px solid #FFDD81;
	margin-top:10px;
	margin-left:10px;
	background-color: #FFFFC0;
	padding-bottom:20px;
}

	ol{
	margin-top:10px;
	}
	
	ol li{
		list-style: decimal;
		padding-left:0px;
		margin-left:27px;
		margin-bottom:10px;
	}
	
	.appbadge{
		margin-top:10px;
	}