body {
	margin:0;
	padding:0;
	background:#eeeeee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.highlight a {
	text-decoration:none; 
}

.highlight a:link, .highlight a:visited {
	background:#ff9900;
	color:#ffffff;
}

.highlight a:hover, .highlight a:active {
	background:#0066ff;
	color:#ffffff;
}

#wrapper {
	width:900px;
	height:auto;
	margin:40px auto 20px auto;
	text-align:left;
	padding:0;
	border:none;
	clear:both;
}

#header {
	width:184px;
	margin-right:40px;
	padding:10px;
	border:4px solid #ff9900;
	float:left;
	background:#ffffff;
	}
	
#header h2 {
	color:#f93;
	font-size:24px;
	margin:0px;
	padding-top:5px;
}
	
#logo {
	margin:0px;
	background:url(logo.png) no-repeat;
	background-position:0px 0px;
	width: 177px;
	height:125px;
}

#logo h1 {
	margin:0px;
	font-size:40px;
	text-indent: -9999px;
}

#logo p {
	margin-top:50px;
}

#logo:hover {
	background:url(logo.png) no-repeat;
	background-position:0px -125px;
	width:177px;
	height:125px;
}

#projects {
	width:350px;
	margin-right:20px;
	padding:0 10px 10px 10px;
	text-align:left;
	border-right:1px dotted #333333;
	float:left;
	overflow:auto;
}

#projects h3 {
	margin:0;
	padding:0;
}

#projects p {
	padding-bottom:15px;
}

#projects img {
	margin:5px;
	border:4px solid #ff9900;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#social {
	width:200px;
	margin-left:10px;
	padding:0 10px 10px 10px;
	height:auto;
	padding:0px;
	border:none;
	float:left;
}

#social h3 {
	margin:0;
	padding:0;
}

#lastfmrecords {
	float:left;
	margin:0;
	padding:0;
}

#lastfmrecords img {
	width:125px;
	height:125px;
}
	
#footer {
	width:900px;
	margin:0px auto 40px auto;
	padding-top:20px;
	text-align:left;
	border:none;
	clear:both;
	font-size:12px;
}