/** Mingan.name **/
body {
  background: black;
  color: #aaa;
}
.note {
	font-size: .8em;
	color: #555;
}

#Container {
	width: 650px;
	margin: 40px auto;
}
#Content {
	position: relative;
}
h1 {
	float: right;
	margin-left: .5em;
	font-size: 2em;
	text-align: right;
}
h1 .note {
	font-size: .3em;
}
.verb {
	border-bottom: 1px dotted #222;
	cursor: pointer;
	cursor: hand;
}
#LinksList li {
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: -100px -100px;
	margin-bottom: .5em;
}
#LinksList li:hover {
	background-position: left center;
}
#Facebook {background-image: url('img/facebook.png');}
#Twitter {background-image: url('img/twitter.png');}
#LinkedIn {background-image: url('img/linkedin.png');}
#Bikemap {background-image: url('img/bikemap.png');}
#Flickr {background-image: url('img/flickr.png');}
#YouTube {background-image: url('img/youtube.png');}
#LastFm {background-image: url('img/last.fm.png');}
#Mingan {
	font-variant: small-caps;
	color: #555;
}
#Mingan:hover {
	color: inherit;
}
#MinganSpoiler {
	position: absolute;
	right: -210px;
	top: 0;
	width: 200px;
	background: #191919;
	display: none;
}
#MinganSpoiler p {
	margin: 1em;
	font-size: .8em;
}
#Foot {
	margin-top: 20px;
	margin-bottom: 40px;
}
#MeBeingCool {
	border: 5px solid #222;
	float: left;
	margin-right: 20px;
}
#Contact {
	float: left;
	clear: right;
	width: 470px;
}
#Contact h2 {
	margin: 0 0 10px 0;

}
#Contact dt,
	#Contact dd {
	margin-top: .4ex;
	border-bottom: 1px dotted black;
}
#Contact dt {
	float: left;
	clear: both;
}
#Contact .hovered {
	border-bottom-color: #555;
}
#Contact dd {
	float: right;
	padding-left: 1ex;
	text-align: right;
}