body {
	background: url("gfx/texture.jpg") repeat;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
	color: #ffca7b;
	display: block;
	font: bold 5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: -0.08em;
	margin-bottom: .5em;
	text-shadow: 0 5px 0 rgba(0,0,0,.1);
}

div#Top {
	background: url("gfx/repeat.png") repeat-x top center;
	height: 8px;
}

div#Wrapper {
	margin: 4em auto 2em auto;
	width: 650px;
}

div#Header {
	padding-bottom:3em;
}
div#Header a {
	border:1px solid transparent;
	display:block;
	float:left;
	color:#cde3f0;
	padding:.2em .7em;
	text-indent:25px;
	font-size:120%;
	margin-right:.6em;
	background-repeat:no-repeat;
	background-attachment:center;
	background-position:10px;
	text-decoration:none;
}
div#Header a:hover {
	background-color:rgba(0,0,0, .3);
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
}
div#Header a:focus {
	margin-top:1px;
	background-color:rgba(0,0,0, .1);
}
div#Header a.flickr {
	background-image:url("gfx/flickr.png");
}
div#Header a.facebook {
	background-image:url("gfx/facebook.png");
}
div#Header a.twitter {
	background-image:url("gfx/twitter.png");
}
div#Header a.email {
	background-image:url("gfx/email.png");
}

	ul li a {
		border-bottom:1px dotted rgba(255,255,255,.2);
		color:#ffb03b;
		font-size:90%;
		letter-spacing:-0.03em;
		text-decoration: none;
	}
	h2 {
		color:#cef09d;
		border-bottom:1px solid rgba(255,255,255,0.08);
		font-size:150%;
		letter-spacing:-0.08em;
		padding: .3em .8em;
		margin-bottom: .5em;
		text-shadow: 0 3px 0 rgba(0,0,0,0.2);
		text-align: left;
	}
	ul li {
		background:rgba(255, 255, 255, 0.009);
		border:1px solid transparent;
		padding:.6em 1em;
		font-size:90%;
		text-shadow:0 1px 0 rgba(0,0,0, 0.7);
		color:rgba(255, 255, 255, 0.8);
	}
	ul li:hover {
		border:1px solid rgba(255,255,255 0.005);	
	}
	ul li:nth-of-type(odd)
	 {
		background:rgba(255, 255, 255, 0.02);
	}
	#preloader {
		color:rgba(255, 255, 255, 0.5);
		text-shadow:0 1px 0 rgba(0,0,0,0.9);
	}