body
{
	color: #999;
	font: 11px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a:link,
a:active,
a:visited
{
	color: #666;
	text-decoration: none;
}

a:hover
{
	color: #990000;
}

#logo
{
	width: 193px;
	margin: 200px auto 0;
	padding: 10px 0 11px 44px;
	background: url(/images/logo-icon.png) no-repeat;
	text-align: center;
}

#logo h1 a
{
	display: block;
}

#tagline
{
	color: #999;
}

#tagline .heart
{
	color: #990000;
}

#projects
{
	width: 236px;
	margin: 50px auto;
}

#projects h2
{
	margin: 0 0 10px;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

#projects ul
{
	text-align: center;
}

#projects ul li
{
	width: 118px;
	line-height: 50px;
	float: left;
}

#projects li.ninjawhoiscom
{
	background: url(/images/ninjawhoiscom-icon.png) no-repeat center top;
}

#projects li.shrtat
{
	background: url(/images/shrtat-icon.png) no-repeat center top;
}

#projects li.tellmethetimenet
{
	float: none;
	width: 100%;
	line-height: inherit;
}

#footer
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	padding: 10px 0;
	color: #999;
	font-size: 9px;
	text-align: center;
	text-transform: uppercase;
}

#footer a:link,
#footer a:active,
#footer a:visited
{
	color: #666;
}

#footer a:hover
{
	text-decoration: none;
}