html { height: 100%; }

body {
  background-color: #460000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: white;
  text-align: center;
}

a { 
  color: white; text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
td { font-size: 11px; }

#page {
	text-align: left;
	width: 670px;
	padding: 0;
	margin: auto;
	margin-top: 80px;
	padding-top: 28px;
	background-image: url(img/robbert.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#navbar {
  border-top: 2px solid white;
  margin: 0; padding: 0;
  background-color: #790000;
  height: 22px;
}

#bottombar {
  padding-top: 2px;
  border-top: 2px solid white;
  text-align: right;
}
#credits {
  float: left;
  color: #6D3636;
}
#bottombar #credits a { 
  color: #6D3636;
}
#bottombar #credits a:hover {
  text-decoration: underline;
}

#bottombar a {
  text-decoration: none;
  color: white;
}

#navbar img {
	float: left;
	margin-right: 1px;
}

#navbar a {
  color: #CABA95;
  font-size: 14px;
  text-decoration: none;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 10px;
  float: right;
}

#navbar a:hover {
  color: white;
}

#navbar a.selected {
  background-color: #460000;
  color: white;
}

td.side {
  width: 192px;
  vertical-align: top;
}

.dark {
  background-color: #400000;
}

#main {
  width: 682px;
  margin: 0; padding: 0;
/*  padding-left: 192px; */
}

.inlay {
  clear: both;
  float: right;
  background-color: #600000;
  padding: 8px;
  margin-left: 12px;
} 
.mb {
  margin-bottom: 12px;
}
.mt {
  margin-top: 12px;
}

.mtt {
  margin-top: 8px;
}
.mrt {
  margin-right: 8px;
}

.red {
  background-color: #600000;
  padding: 8px;
}

.redb {
  border: 2px solid #600000;
  padding: 8px;
}

.redbar {
  border-top: 2px solid #600000;
  margin-top: 12px; padding-top: 12px;
}
.dim {
  color: #CABA95;
}

p {
  text-align: justify;
  padding: 0; margin: 0;
  padding-bottom: 12px;
}

h1,h2,h3 {
  padding: 0; margin: 0;
  font-size: 12px;
}

.pr { padding-right: 12px; }
.pl { padding-left: 12px; }
.pt { padding-top: 12px; }
.pb { padding-bottom: 12px; }

.w1 { /* full width */ 
  width: 466px; }
.w2 { /* half width */
  width: 225px; }
.w3 { /* 1/3 width */
  width: 140px; }
.w4 { /* 1/4 width */
  width: 116px; }

a.project {
  display: block;
  color: white;
  padding: 3px;
}
a.selected {
  background-color: #460000;
}
a.project:hover {
  background-color: #993333;
}

ul.projects li {
  display: block;
}

div.download {
  border: 2px solid #600000;
  margin-top: 8px;
  padding: 4px;
  float: left;
  width: 217px;
  overflow: hidden;
}
div.download a, div.thumb a {
  color: white;
}

a.thumb {
  margin-bottom: 8px;
  float: left;
}
img.thumb {
  border: 2px solid #600000 ! important;
}

.marginal, a.marginal {
  font-size: 9px;
  color: #993333 ! important;
}
.marginal a {
  color: #993333 ! important;
  text-decoration: underline;
}

ul.links {
  margin: 0px; padding-left: 16px;
}
.error input, .error textarea {
  border: 2px solid red;
}

input, textarea {
  border: 0;
  padding: 2px;
  border: 2px solid #460000;
  background-color: #460000;
  color: white;
}