body {
	font-family: Arial, "Liberation Sans", Helvetica, sans-serif;
	text-align: center;
	margin: 0;
}

h1, h2 {
	font-family: "Droid Sans", Trebuchet, "Trebuchet MS", sans-serif;
}

#headerblock {
	background: #F3F3F3;
	padding: 10px;
	border-bottom: 1px solid silver;
}

#headerblock h1 {
	display: inline;
	padding: 0;
	margin: 0;
	padding-left: 10px;
	vertical-align: -10px;
}

#headerblock img {
	vertical-align: bottom;
}

#footer {
	color: #888888;
}

#footer img {
	border: 0;
}

.button {
	width: 400px;
	background: red;
	border: 1px solid black;
	text-align: left;
	padding-left: 140px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	height: 140px;
	background-repeat: no-repeat !important;
	background-position: 5px !important;
}

.button a {
	font-weight: bold;
	text-decoration: none;
	font-family: "Droid Sans", Trebuchet, "Trebuchet MS", sans-serif;
	font-style: italic;
}

#footer {
	margin-top: 20px;
}

#blog {
	background: #CFE8CF;
	border: 1px solid #AAC6AA;
	background-image: url('blog.png');
}

#wiki {
	background: #e8cfcf;
	border: 1px solid #c6aaaa;
	background-image: url('wiki.png');
}

#sfnet {
	background: #cfcfe8;
	border: 1px solid #aaaac6;
	background-image: url('web.png');
}