/*
-----------------------------------------------
Front Styles
Author:  OpenCreate
----------------------------------------------- */

#content.frontShowcase{
	border-top:4px solid #547da2;
}


/* Frontpage Showcase
----------------------------------------------- */


#showcase { padding:15px; background:#6790b4 url(../images/bg-showcaseFeature-trans.png) top left no-repeat; overflow:hidden; }

	#showcase .featureList { width:480px; float:left; background:url(../images/bg-showcaseFeature.png) top left no-repeat; padding:10px 0 0 0; }

		#showcase .featureList div { display:block; height:260px; background:#d8e2eb url(../images/bg-showcaseFeature.png) bottom right no-repeat; overflow:hidden; padding:15px 0 15px 0; }
		#showcase .featureList ul { display:block; overflow:hidden; padding:15px 0 15px 0; }
		#showcase .featureList ul li { height:40px; overflow:hidden; font-size:14px; display:block; margin:0 15px 8px 15px; background:#fff url(../images/bg-showcaseFeature-LI.png) top left no-repeat; }
		#showcase .featureList ul li a { height:40px; display:block; color:#369; text-decoration:none; padding:0 8px 0 8px; background: url(../images/bg-showcaseFeature-LI.png) bottom right no-repeat; }
		#showcase .featureList ul li:hover { background:#e8eff6 url(../images/bg-showcaseFeature-LI.png) top left no-repeat; }
		
	#showcase .featureList img.peel{ position:absolute; margin:-10px 0 0 401px; z-index:69;}

	#showcase .featureList ul li span{ line-height:40px; display:block; float:left; }
	#showcase .featureList ul li .name{ width:280px;}
	#showcase .featureList ul li .price{ width:80px; font-size:13px;}
	#showcase .featureList ul li .status{ width:70px; font-size:10px; text-transform:uppercase;}



#showcase .txtContent { width:420px; float:left; margin:10px 20px 0 10px; }

	#showcase .txtContent h2 { font-size:24px; font-weight:bold; color:#fff; line-height:34px; letter-spacing:-0.3px; font-family:Verdana, Geneva, sans-serif; }
	#showcase .txtContent p { font-size:13px; color:#d9e3ec; line-height:20px; margin:15px 0 0 0; }
	
	#showcase .txtContent .bigButton-1 { text-align:center; text-decoration:none; color:#fff; line-height:20px; display:block; height:60px; overflow:hidden; margin:20px 0 0 0; background:url(../images/bigButton-1.png) top no-repeat; }
	#showcase .txtContent .bigButton-1:hover { background:url(../images/bigButton-1.png) bottom no-repeat; }
	#showcase .txtContent .bigButton-1 span.title { display:block; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; text-transform:uppercase; margin:11px 0 0 0px; }
	#showcase .txtContent .bigButton-1 span.sub { font-size:12px; line-height:22px; display:block; color:#ade077; }
	
	#showcase .txtContent .iconFree { padding:1px 0 0 30px; min-height:25px; color:#153043; background:url(../images/icon-25-iconFree.png) top left no-repeat; }




/* Member Search Results
----------------------------------------------- */

.searchBox-1{ clear:both; overflow:hidden; background:#f3f8fc; padding:10px; margin:0 0 0 0;}

#friendSearch label{ float:left; margin:0 5px 0 0;}
#friendSearch #friendKeyword{ width:198px; border:1px solid #8da4b6; padding:2px;}
#friendSearch .submit{ float:right; width:40px; padding-bottom:3px;}

#searchResults { clear:both; width:100%; margin:-10px 0 20px 0; background:#f3f8fc;}
	#searchResults h4{ border-bottom:1px solid #9bb0c0; margin:5px 0 10px 0px; padding:0 0 0 5px;}
	#searchResults ul { margin: 0px 5px 0 5px;}
	#searchResults ul li { float:left; margin: 0px 0 6px 5px; padding:3px 3px 5px 3px; background:#fff; min-height:30px; width:30px; }
	
	#searchResults .clearMe{ clear:both; margin:10px 0 20px 10px;}



/* Domain Search
----------------------------------------------- */

#searchBox{background:url(../images/searchBox.png) no-repeat; width:495px; height:50px; margin:20px 0 0 0; padding:10px 10px 10px 50px;}
	#searchBox input{ float:left; margin:12px 8px 0 0;}
	#searchBox #keyword{ border:1px solid #8da4b6; width:295px; height:18px; padding:4px; color:#9bb0c0;}
	#searchBox .submit{  width:60px; height:28px; }
	#searchBox .link{ float:left; margin:15px 0 0 10px; text-decoration:none; color:#9bb0c0; display:block; width:95px;}
	#searchBox .link:hover{ text-decoration:underline;}


/* Twitter Updates
----------------------------------------------- */

#twitterUpdates { clear:left; margin:20px 0 0 0; line-height:17px;}
#twitterUpdates div.blueHead { background: #51738b; }


/* Activities
----------------------------------------------- */

#userActivity { clear:left; margin:20px 0 0 0; line-height:17px;}

	#userActivity ul { margin: 0 0 10px 0; height: 100%; overflow: hidden; }
	#userActivity ul li { clear:left; float:left; margin: 8px 0 0 5px; padding:3px 3px 5px 3px; background:#fff; min-height:40px; width:320px; border-bottom:1px dotted #dae4eb;}
	
		#userActivity ul li a { text-decoration:none;}
		#userActivity ul li img { float:left; border:1px solid #333; margin:2px; width:30px; height:30px; display:block;}
		#userActivity ul li .username { float:left; margin:0 6px 0 10px;}
		#userActivity ul li .action { float:left; margin:0 6px 0 0px;}
		#userActivity ul li .time { float:right; margin:1px 0px 0 0px; font-size:90%; color:#9bb0c0;}
		#userActivity ul li .title{ font-size:11px;}
		#userActivity ul li h5 { float:left; margin:0 6px 0 10px; width:260px;}
		#userActivity ul li h5 a{ color:#62b1e5;}
		#userActivity ul li h5 a:hover{ text-decoration:underline; color:#F60;}
	
	#userActivity p.friends { text-align: right; padding: 0 10px 5px 0; }
	
	#userActivity p.friends strong { color: #e8b044;}
	
	
	
/* Ads
----------------------------------------------- */

#adsense-front{	background:#f3f8fc;	padding:15px;}