/***************************************************************\
 
 Stylesheet:	homepage.css 
 Contains:		design styles for the homepage
 Used:			homepage only
 
\***************************************************************/
  
   

/* begin media wrapper */
@media screen
{

	/* additional header margin */
	.header
	{
		margin-bottom:10px;
	}
	html.images-off .header
	{
		margin-bottom:10px;
	}

	/* variations in logo styling */
	.logo
	{
		width:390px;
		height:170px;
		margin:12px 0 0 10px;
		font-size:3em;	
		position:relative;
	}
	
	.logo strong
	{
		font-size:1.8em;
	}
	
	.logo q
	{
		display:block;
		position:absolute;
		top:4.7em;
		left:1.8em;
	}



	/* quote in homepage header */
	.quote
	{
		float:left;
		width:310px;
		padding:20px 0 0 60px;
		margin:20px 0 0 100px;
		color:#0a4270;
		background:url(../images/icons/quote-leftmark.png) no-repeat;
		font:normal normal normal 1em/1.3 georgia, serif;
	}
	
	.quote p
	{
		text-align:right;
		padding:0 25px 0 0;
	}

	.quote blockquote
	{
		padding:0 25px 10px 0;
		text-align:center;
		min-height:46px;
		background:url(../images/icons/quote-rightmark.png) no-repeat 100% 100%;
		font-size:1.7em;
	}

	.quote blockquote p
	{
		text-align:center;
		font-weight:normal;
		text-shadow:1px 1px 0 #fff;
	}
	
	.quote a, .quote a:visited
	{
		color:#122940;
		text-decoration:underline;
		display:inline-block;
		padding:0 15px 0 0;
		background:url(../images/icons/quote-raquo.png) no-repeat 100% 70%;
		font-weight:bold;
		font-size:1.25em;
	}

	.quote a:hover, .quote a:focus
	{
		opacity:0.8;
	}
	
	
	
	/* big buy and sell button area */
	.buy-sell
	{
		clear:both;
		position:relative;
		background:#fff;
		margin:0 0 30px 0;
		-moz-border-radius:10px;
		border-radius:10px;
	}
	
	.buy-sell div.background
	{
		height:180px;
		padding:0px 0 0 0;
		-moz-border-radius:10px;
		border-radius:10px;
	}
	
	/* screenshot mosaic */
	.mosaic
	{
		display:block;
		position:absolute;
		left:30px;
		top:60px;
		width:450px;
		height:118px;
		background:url(../images/mosaic-shadow.jpg) no-repeat 0 100%;
	}
	
	.mosaic img
	{
		position:absolute;
		left:32px;
		bottom:14px;
	}
	
	
	/* screenshots */
	.buy-sell div.screenshots
	{
		display:block;
		position:absolute;
		left:0;
		top:-117px;
		width:560px;
		height:350px;
		overflow:hidden;
	}
		
	.buy-sell div.screenshots .screenshot1
	{
		position:absolute;
		left:-11px;
		top:57px;
		width:227px;
		height:308px;
		background:url(../images/backgrounds/homepage-screenshot1.png) no-repeat;
	}
	.buy-sell div.screenshots .screenshot1 img
	{
		margin:18px 0 0 33px;
		width:161px;
		height:145px;
	}
	
	.buy-sell div.screenshots .screenshot2
	{
		position:absolute;
		left:109px;
		top:4px;
		width:378px;
		height:513px;
		background:url(../images/backgrounds/homepage-screenshot2.png) no-repeat;
	}
	.buy-sell div.screenshots .screenshot2 img
	{
		margin:30px 0 0 55px;
		width:268px;
		height:242px;
	}

	.buy-sell div.screenshots .screenshot3
	{
		position:absolute;
		left:290px;
		top:126px;
		width:272px;
		height:370px;
		background:url(../images/backgrounds/homepage-screenshot3.png) no-repeat;
	}
	.buy-sell div.screenshots .screenshot3 img
	{
		margin:21px 0 0 39px;
		width:194px;
		height:175px;
	}

	.buy-sell div.screenshots div img
	{
		border:2px solid black;
		position:relative;
		left:-2px;
		top:-2px;
	}
	html.images-off .buy-sell div.screenshots div img
	{
		border:none;
	}

	/* buttons */
	.buy-sell form
	{
		float:left;
		margin:0 0 0 570px;
		width:303px;
	}
	
	.buy-sell form input
	{
		color:#509250;
		font-size:2.5em;
		width:343px;
	}
	
	.buy-sell a
	{
		float:left;
		margin:0 0 0 550px;
		width:303px;
	}
	
	.buy-sell a span
	{
		color:#509250;
		font-size:2.5em;
		width:343px;
		background:url(../images/buttons/buy.png) no-repeat;
		text-indent:-10000em;
	}
	
	.buy-sell a.buy, 
	.buy-sell a.buy span
	{
		height:89px;
		display:block;
	}
	
	.buy-sell a.sell, 
	.buy-sell a.sell span
	{
		height:100px;
		display:block;
	}

	.buy-sell a.sell span
	{
		background:url(../images/buttons/sell.png) no-repeat;
	}

	.buy-sell a:hover, 
	.buy-sell a:focus
	{
		opacity:0.9;
	}
	
	/*
	.buy-sell form.buy, 
	.buy-sell form.buy input
	{
		height:89px;
	}

	.buy-sell form.buy input
	{
		background:url(../images/buttons/buy.png) no-repeat;
	}
	
	.buy-sell form.sell, 
	.buy-sell form.sell input
	{
		height:100px;
	}

	.buy-sell form.sell input
	{
		background:url(../images/buttons/sell.png) no-repeat;
	}
	
	html.images-off .buy-sell form, 
	html.images-off .buy-sell form input
	{
		height:50px;
		white-space:nowrap;
	}

	.buy-sell form input:hover, 
	.buy-sell form input:focus
	{
		opacity:0.9;
	}
	
	*/
	
	
	
	/* move the content area up to cover 
	   the extra bottom padding on the listings tabs */
	.page
	{
		top:-10px;
	}
	
	
	
	
	/* no margin below the listings table */
	table.listings
	{
		margin-bottom:0;
	}

	
	




	/* "as seen in" press logos */
	.press
	{
		float:left;
		clear:both;
		width:100%;
		background:#fff;
		margin:15px 0 0 0;
		-moz-border-radius:10px;
		border-radius:10px;
	}
	
	.press dt, 
	.press dd
	{
		float:left;
	}
	
	.press dt
	{
		padding:22px 10px 5px 25px;
		color:#666;
		font-size:.7em;
		font-weight:bold;
		text-align:right;
	}
	html.images-off .press dt
	{
		padding-top:16px;
		padding-bottom:15px;
	}
	
	.press dd
	{
		padding:18px 0 13px 15px;
		color:#666;
		font-size:1em;
	}
	
	.press dd.nyt { margin-top:4px; }
	.press dd.cnnmoney { margin-top:5px; }
	.press dd.guardian { margin-top:6px; }
	.press dd.theage { margin-top:7px; }
	.press dd.bostonglobe { margin-top:6px; }
	
	html.images-off .press dd
	{
		margin-top:0 !important;
	}

	/* statistics */
	.stats
	{
		float:left;
		clear:both;
		width:100%;
		margin:15px 0;
		padding:7px 0 5px 0;
		-moz-border-radius:10px;
		border-radius:10px;
	}
	
	.stats li
	{
		float:left;
		text-align:right;
		width:20%;
		text-shadow:1px 1px 0 #fff;
	}
	
	.stats li strong
	{
		display:block;
		font-weight:normal;
		font-size:2.1em;
		line-height:1.1;
		color:#0a4270;
	}
	
	.stats li span
	{
		display:block;
		color:#4c7ea6;
		text-transform:uppercase;
	}
	
	.tabs li strong span, .tabs li a span, .tabs li a:visited span
	{
		font-weight:normal;
		font-size:1.5em;
		padding-top:6px;
	}

}
/* end media wrapper */