body {
	background: url("/images/backg.png") repeat-x #333333;
	color: #333333;
}

* {
	margin: 0;
	padding: 0;
	border: none;
	font-family: sans-serif;
}
html, body {
	width: 100%;
	height: 100%;
}
ul {
	padding-left: 18px;
}
h3 {
	padding: 4px 0;
}
#main {
	width: 894px;
	margin: 0 auto;
	height: 100%;
}
#sidebar, #balance {
	width: 176px;
	float: left;
}
#container {
	float: left;
	width: 542px;
	background-color: #ffffff;
}
#container, #green-container {
	padding: 0 4px;
}
#green-container {
	background-color: #aebb37;
}
#real-container {
	background-color: #ffffff;
}
#content {
	width: 100%;
	padding-bottom: 4px;
}
.red-header, .lime-header, .brown-header, .orange-header {
	width: 100% - 12px;
	margin: 4px;
	margin-bottom: 0;
	padding: 4px;
	padding-bottom: 0;
}
.red-header {
	background-color: #7d4a51;
	color: #aebb37;
}
.lime-header {
	background-color: #aebb37;
	color: #7d4a51;
}
.brown-header {
	background-color: #624f3e;
	color: #f58855;
}
.orange-header {
	background-color: #f58855;
	color: #624f3e;
}
.column {
	width: 50%;
	float: left;
	padding-bottom: 8px;
}
.section {
	clear: left;
	width: 100%;
	padding-top: 4px;
}
.full-column {
	clear: left;
	width: 100%;
}

.full-column > * {
	padding: 4px;
}
.column-contents {
	margin: 8px;
	padding-right: 8px;
}
#other-projects > * {
	padding-right: 4px;
}
p {
	padding-bottom: 8px;
}
#invisible {
	display: none;
}

a, a:link {
	color: #624f3e;
}
a:visited {
	color: #f58855;
}
a:active {
	color: #aebb37;
}
a:hover {
	color: #7d4a51;
}