html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, img
{
	margin: 0;
	padding: 0;
	border: none;
}

html
{
	font-size: 62.5%;
}

body
{
	letter-spacing: 0.3em;
	font-family: "Trebuchet MS", Tahoma, Helvetica, Verdana, sans-serif;
	font-size: 1.1em;
}

h1#logo
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}

h3
{
	text-transform: uppercase;
	font-size: 1.1em;
	margin: 0 0 1em -2em;
}
h3 a { text-transform: lowercase; }

ul.info
{
	list-style-type: none;
	margin-bottom: 1.6em;
}

ul.info li a:link, ul.info li a:visited
{
	display: block;
	text-decoration: none;
	color: #000;
}

ul.info li a:hover
{
	background: #000 url(../images/white-arrow.png) no-repeat -14px 50%;
	color: #fff;
	padding-left: 14px;
}

#main-content
{
	margin: 80px 0 0 220px;
}

#last_fm a, #tweets a
{
	display: inline;
}
#last_fm li a, #tweets li.tweet, #tweets li.tweet a
{
	color: #666;
}

#last_fm a:hover, #tweets a:hover
{
	background: none;
	padding: 0;
	color: #111;
}

#tweets {
	width: 24em;
}
#tweets li.tweet {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ddd;
}
#tweets div.tweet:last-child { border: none; }
#tweets div.tweet a:link, #tweets div.tweet a:visited { color: #666; text-decoration: none; border-bottom: 1px dotted #ccc; }
#tweets div.tweet a:hover { color: #333; text-decoration: none; border-bottom: 1px dotted #333; }