/* clean positioning slate */
* {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0 0 0 0;
}
/* generic classes */
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.text-right {
	text-align: right;
	padding-right: 3em;
}
.text-center {
	text-align: center;
}
.half {
	width: 45%; /* Not exactly half to account for paddings, margins etc. */
}
.hide { /* Hide stuff without resorting to display: none; */
	visibility: hidden;
	width: 0 !important;
	height: 0 !important;
	line-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}
/* should bang in some generic # ids too - header with h1, footer, menu with ul, li, and a. And an accomanying html template */
/* html elements */
html {
	font-size: 16px;
}
body {
	font-size: 62.5%; /* now 1em == 10px */
}
a {
	text-decoration: none;
}
ul, ol {
	list-style: none;
}