@import url("reset.css");

body
{
	font-family: helvetica neue, helvetica, arial, sans-serif;
	font-size: 12px;
	color: #9a9a9a;
	background: #141414 url('/media/assets/images/bg.jpg') top left repeat-x;
}

h1
{
	font-size: 140px;
	color: #ffffff;
	font-weight: bold;
	margin: 0 0 0 0;
	line-height: 0px;
/*	margin: 150px 0 0 0;*/
}

div#homepageHello { margin: 130px 0 0 0; }

div#upgradeHello { margin: 120px 0 0 0; }

span#hello
{
	font-size: 120px;
        color: #ffffff;
        font-weight: bold;
        margin: 0 0 0 0;
        line-height: 0px;
}

span#comma
{
	font-size: 70px;
        color: #ffffff;
        font-weight: bold;
        margin: 0 0 0 -5px;
        line-height: 0px;
}

h1.project { font-size: 60px; margin: 60px 0 15px 0; }

h2
{
	font-size: 28px;
	font-weight: bold;
	color: #feff39;
	line-height: 0px;
	margin: -18px 0 0 0;
}

h2.smaller { font-size: 18px; }

h3
{
	font-size: 20px;
	font-weight: 300;
	color: #919191;
}

h3 span { margin: 0 0 2px 0; }

p.larger { font-size: 14px; line-height: 17px; }

p.smaller { font-size: 11px; }

p.light { font-weight: 300; }

p.bold { color: #ffffff; font-weight: bold; font-style: italic; }

p.title { color: #ffffff; font-weight: bold; margin: 0 0 3px 0; }

a { color: #feff39; text-decoration: none; }

a:hover { text-decoration: underline; }

p.link a { color: #ffffff; }

p.project-link a { color: #feff39; font-weight: bold; }

p.footer-link a { color: #000000; }


/* Structure */
div#contentHolder
{
	position: absolute;
	top: 50%;
	width: 4000px;
	margin: -300px 0 0 30px;
	padding: 0 30px 0 0;
}

div#contentHolder #content
{
	height: 552px;
	padding: 0 0 0 30px;
	background: url('/media/assets/images/content_bg.png') top left repeat-x;
}

div#contentHolder #contentBelowLeft
{
	float: left;
	width: 80px;
	height: 15px;
	background: url('/media/assets/images/content_shadow_left.png') top left no-repeat;
}

div#contentHolder #contentBelowRight
{
	float: right;
	width: 80px;
	height: 15px;
	background: url('/media/assets/images/content_shadow_right.png') top right no-repeat;
}

div#contentHolder #contentBelowMiddle
{
	float: left;
	width: 1840px;
	height: 15px;
	background: url('/media/assets/images/content_shadow_middle.png') top left repeat-x;
}

div.fade { display: none; }

div.projectWrapper { float: left; height: 552px; margin: 0 90px 0 0; }

div.lastProject { margin: 0 30px 0 0; }

div.overview
{
	float: left;
	width: 395px;
	margin: 0 150px 0 0;
}

div.error { float: left; margin: 150px 0 0 0; }

/*div.error h1 { margin: 150px 0 0 0; }*/

div.upgrade { float: left; }

div.homepage { margin: 0 55px 0 0; }

div.overview .copy { height: 394px; }

div.overview .copy p { font-size: 13px; line-height: 16px; margin: 0 0 15px 0; }

div.overview .copy p a { font-weight: bold; }

div.overview #bio { margin: 15px 0 0 0; }

div.overview #bio h3 { margin-bottom: 15px; }

div.overview #bio h3.space-bottom { margin-bottom: 20px; }

div.overview #bio #fav { float: left; }

div.overview #bio #fav p { color: #feff39; font-size: 16px; font-weight: bold; margin: 1px 0 0 0; }

div.overview #bio .hotspot { position: absolute; z-index: 1; border-bottom: #919191 1px solid; }
div.overview #bio #hotspotPoke { margin: 81px 0 0 146px; width: 45px; height: 20px; }
div.overview #bio #hotspotTBG { margin: 22px 0 0 0; width: 189px; height: 20px; }

div.year-wrapper
{
	float: left;
	width: 350px;
	height: 552px;
	background: url('/media/assets/images/year_sep_bg.png') top left no-repeat;
}

div.year-wrapper-last { width: 290px; }

div.year
{
	width: 38px;
	height: 29px;
	background:url('/media/assets/images/date_holder.png') top left no-repeat;
	padding: 13px 0 0 4px;
}

div.year p
{
	font-size: 13px;
        color: #000000;
	font-weight: bold;
}

div.projectImage
{
	float: left;
	margin: 55px 30px 0 0;
}

div.lastProjectImage { margin: 55px 0 0 0; }

div.projectImage img { margin: 0 0 16px 0; }

div.favourite-project { position: absolute; text-align: center; }

div.favourite-project .title
{
	margin: 5px 0 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;
}

div.favourite-project .title a { color: #ffffff; }

div.favourite-project .title a:hover { color: #feff39; text-decoration: none; } 

div#footer
{
	width: 100%;
	position: fixed;
	z-index: 1;
	bottom: 0;
	background-color: #feff39;
}

div#footer div#inline { width: 1040px; }

div#footer p { font-size: 11px; font-weight: bold; color: #000000; }

div#footer span.unbolden { font-weight: normal; }

div#footer #location, #navigation, #prev, #next, #follow
{
	float: left;
	height: 21px;
	padding: 9px 10px 0 49px;
	background: url('/media/assets/images/footer_grad.png') top left no-repeat;
}

div#footer #location { margin: 0 0 0 11px; }	

div#footer #navigation { height: 24px; padding: 6px 10px 0 49px; }

div#footer #navigation p { float: left; padding: 3px 10px 0 0; }

div#footer #navigation select { float: left; }

div#footer #footerRight { float: right; }

div#footer #next { background: none; }

div#getInTouch
{
	float: left;
	height: 21px;
	padding: 9px 10px 0 19px;
}

select { margin: 0; padding: 0; display: block; }

br.clearer { clear: left; }