/*
   style.css
   collison_app
   
   Created by Patrick O'Doherty on 2009-07-10.
   Copyright 2009 Patrick O'Doherty.com. All rights reserved.
*/
body
{
	width: 700px;
	margin:auto;
	margin-top: 50px;
}
html
{
	font-family: "Helvetica Neue","Myriad Pro",Helvetica,Arial,sans-serif;
	background: url('bg.png') repeat-x #2F2F2F;
}

#container 
{
	background: white;
	padding: 10px;
	border: 5px solid #eee;
	float:left;
	-moz-border-radius: 10px;
}

#container #header
{
	margin: auto;
	text-align:center;
	padding: 10px 0;
	background:url('icon.png') no-repeat; 
	padding-left: 120px;
	height: 104px;
	margin-left: 80px;
	
}
#container #header h1
{	font-size: 160%;
	font-family: "Helvetica Neue","Myriad Pro",Helvetica,Arial,sans-serif;
	font-weight:100;		
	text-align:left;
}
#container #header h1 b
{
	font-size: 210%;
	padding-right: 20px;
	font-weight: bold;
}

#container #header p
{
	font-family: "Helvetica Neue","Myriad Pro",Helvetica,Arial,sans-serif;
	text-align:left;
	padding-left: 100px;
	font-weight: 100;
	font-size:160%;
	margin-top: -15px;
}

#container #quotes ul li
{
	list-style-type: none;
	font-size: 105%;
}
#container #quotes
{
	text-align:center;
	font-weight: bold;
	padding: 20px 0;
	line-height: 1.5;T
}

#container #quotes i
{
	font-weight:normal;
}

#container #column1
{
	width: 48%;
	float:left;
	padding: 2px;
}
#container #column2
{
	width: 48%;
	float:right;
	padding: 4px;
}
#container h2
{
	font-size: 200%;
	font-weight: 100;
	font-family: "Helvetica Neue","Myriad Pro",Helvetica,Arial,sans-serif;
	text-align: center;
	padding: 3px 0;
}

#container #download 
{
	padding: 20px 0;
	width: 100%;
	float: right;
	text-align: center;
}
#container #download a img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#container ul li
{
	list-style-type:square;
	list-style-position: inside;
	margin-left: 10px;
	padding:2px 0;
}

#container .meta
{
	width: 100%;
	float: right;
	padding-top: 10px;
	font-size: 90%;
	color: #474747;
	text-align: center;
}

#container #screenshots h2
{
	font-size: 300%;
	text-align: center;
	padding: 0;
}


#container #screenshots
{
	height: 610px;
	padding-top: 20px;
	float:left;
	white-space:nowrap;
	max-width: 680px;
	overflow-y:hidden;
	overflow-x:scroll;
	padding-right:10px;
}
#container #screenshots img
{
	padding-left:10px;
	max-width: 330px;
}
#container #title
{
	width: 100%;
	float: left;
	text-align:center;
}