/* Reset */
/* ////////////////////////////////////////////////// */

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, th {
	font-style: normal;
	font-weight: normal;
}

body {
	background: #fff;
	font: 12px/18px Helvetica, Arial, sans-serif;
	color: #aaa;
	padding: 50px 25px;
}

a {
	font-weight: bold;
	color: #777;
	text-decoration: underline;
	padding: 2px 3px;
	margin: 0px -3px;
}

a:hover {
	background: #e6e6e6;
	color: #777;
}

div#head {
	margin-bottom: 20px;
}

div#head a:hover {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

div#links {
	margin-bottom: 20px;
}

div#links a {
	margin: 0px 1px;
	padding: 5px 15px;
	font: normal 21px/39px Georgia;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


div#head a.surfing {
	color: #96f;
	padding: 3px 5px;
	margin: 0px -1px 0px -5px;
}

div#head a.surfing:hover {
	color: #96f;
	background: #eae2fe;
}

div#links a.surfing {
	color: #63c;
	background: #96f;
}

div#links a.surfing:hover {
	color: #96f;
	background: #eae2fe;
}

div#links a.surfing.off {
	color: #96f;
	background: #eae2fe;
}

div#head a.listening {
	color: #7df;
	padding: 3px 5px;
	margin: 0px -1px 0px -5px;
}

div#head a.listening:hover {
	color: #7df;
	background: #dff;
}

div#links a.listening {
	color: #7cd;
	background: #aef;
}

div#links a.listening:hover {
	color: #aef;
	background: #dff;
}

div#links a.listening.off {
	color: #aef;
	background: #dff;
}

div#head a.snapping {
	color: #f66;
	padding: 3px 5px;
	margin: 0px -1px 0px -5px;
}

div#head a.snapping:hover {
	color: #f66;
	background: #fde1e0;
}

div#links a.snapping {
	color: #c33;
	background: #f66;
}

div#links a.snapping:hover {
	color: #f66;
	background: #fde1e0;
}

div#links a.snapping.off {
	color: #f66;
	background: #fde1e0;
}

div#head a.tweeting {
	color: #bd0;
	padding: 3px 5px;
	margin: 0px -1px 0px -5px;
}

div#head a.tweeting:hover {
	color: #bd0;
	background: #f4ffce;
}

div#links a.tweeting {
	color: #9c0;
	background: #cf0;
}

div#links a.tweeting:hover {
	color: #cf0;
	background: #f4ffce;
}

div#links a.tweeting.off {
	color: #cf0;
	background: #f4ffce;
}

div#head a.reading {
	color: #f39;
	padding: 3px 5px;
	margin: 0px -1px 0px -5px;
}

div#head a.reading:hover {
	color: #f39;
	background: #fed9ea;
}

div#links a.reading {
	color: #c06;
	background: #f39;
}

div#links a.reading:hover {
	color: #f39;
	background: #fed9ea;
}

div#links a.reading.off {
	color: #f39;
	background: #fed9ea;
}

div#head a.filming {
	color: #9d9;
	padding: 3px 5px;
	margin: 0px -1px 0px -5px;
}

div#head a.filming:hover {
	color: #9d9;
	background: #e3fcec;
}

div#links a.filming {
	color: #6c6;
	background: #9f9;
}

div#links a.filming:hover {
	color: #9f9;
	background: #e3fcec;
}

div#links a.filming.off {
	color: #9f9;
	background: #e3fcec;
}

div#head a.watching {
	color: #888;
	padding: 3px 5px;
	margin: 0px -1px 0px -5px;
}

div#head a.watching:hover {
	color: #888;
	background: #eee;
}

div#links a.watching {
	color: #444;
	background: #666;
}

div#links a.watching:hover {
	color: #666;
	background: #eee;
}

div#links a.watching.off {
	color: #666;
	background: #eee;
}


a:hover { }