@import url(reset.css);


/* General */


body
{
	background: #EAE8E7 url(../img/bg.jpg) top left;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 66.7%;
	overflow: hidden;
}


/* Content */


#content
{
	background: url(../img/brush.png) no-repeat top center;
	height: 300px;
	left: 50%;
	margin: -162px 0 0 -250px;
	padding: 80px 0 0 0;
	position: absolute;
	top: 45%;
	width: 500px;
}

	#content h1
	{
		background: url(../img/header.png) no-repeat center center;
		height: 69px;
		margin: 0 auto;
		text-indent: -9999px;
		width: 267px;
	}
	
	#content .elsewhere
	{
		margin: 0 auto;
		width: 379px;
	}
	
		#content .elsewhere li
		{
			display: inline;
			float: left;
			margin: 10px 2px 0;
		}
	
			#content .elsewhere li a
			{
				background: url(../img/socials.png) no-repeat;
				display: block;
				height: 42px;
				text-indent: -9999px;
			}
		
			#content .elsewhere li a.delicious
			{
				background-position: -128px -5px;
				width: 42px;
			}
		
			#content .elsewhere li a.lastfm
			{
				background-position: -219px -5px;
				width: 59px;
			}
		
			#content .elsewhere li a.deviantart
			{
				background-position: -282px -5px;
				width: 69px;
			}
		
			#content .elsewhere li a.flickr
			{
				background-position: -353px -5px;
				width: 62px;
			}
		
			#content .elsewhere li a.youtube
			{
				background-position: -45px -5px;
				width: 81px;
			}
		
			#content .elsewhere li a.facebook
			{
				background-position: -173px -4px;
				width: 42px;
			}


/* Footer */


#footer
{
	background: url(../img/bg_sea.png) repeat-x top center;
	bottom: 0;
	height: 10%;
	position: absolute;
	width: 100%;
}