/* Wow! This is quite messy… If you'd like an excuse, it'd be because I was just sort of rushing this site quickly while I was supposed to be doing other work… */




html, body
{
	padding:0; margin:0;
	font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:1.7em;
}

body
{
	background:#fff;
	background:-webkit-gradient(radial, 50% 50%, 400, 50% 50%, 1000, from(#fff), to(#999), color-stop(50%, #eee)) fixed;
	padding:0 0 0 0;
}


h1
{
	position:absolute; right:50%; top:150px;
	margin:0 120px 0 0; padding:0;
	
	background:url(../images/stock-logo.png) no-repeat;
	width:210px; height:242px;
	text-indent:-1000em;	
}


#main
{
	position:absolute; left:50%; top:130px;
	width:400px;
	margin:53px 0 20% -100px;
	
	text-shadow:0 1px 10px #bbb;
}



.section
{
	padding:10px; margin:10px 0 0 0;
	-webkit-box-shadow:3px 3px 60px rgba(0,0,0,0.08);
}


h2
{
	color:#000;
	
	margin:40px 0 0 0; padding:0;
	font-size:20px; line-height:20px; font-weight:bold; letter-spacing:-1px; text-transform:uppercase;

	
}


.brackets
{
	color:#999;
	text-shadow:none;
}

.preview
{
	outline:3px solid #000; -webkit-box-shadow:0 0 24px #000; margin:10px 0;
}

.icon
{
	/* Hey… that’s what vertical align is really for! */
	vertical-align:middle; margin:4px;
}

.type
{
	font-weight:bold;
	font-size:13px;
	margin:0;
}

.footer
{
	margin:40px 0 0 0;
	text-align:right;
	color:#999;
}

#wrapper	{overflow:auto;}

a, a:link, a:visited	{color:red; text-shadow:none;}
a:hover					{color:#555;}

.page		{height:auto;}