body {
background-color: #212321;
font-size: smaller;
}
body, input, textarea {
font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
color: #5A3D1B;
}
textarea {
font-size: smaller;
}

a {
color: #004e23;
}

#layout {
background-color: white;
position: relative;
margin: 0 auto;
width: 60em;
padding: 0;
}

#logo img {
	float: left;
}

#content {
}

#left { 
padding: 1em;
padding-top: 0;
float: left;
width: 15em;
}

#right {
padding: 1em;
padding-top: 0;
float: left;
width: 40em;
}

#footer {
border-top: 1px solid;
padding-top: 1em;
padding-bottom: 1em;
text-align: center;
margin-top: 2em;
clear: both;
}

h1 {
color: #004e23;
font-size: large;
}
h2 {
color: #004e23;
font-size: medium;
}

/* listamatic navigation */
#navigation 
{
padding-left: 0;
margin-left: 0;
background-color: #352310;
color: #ffffff;
float: left;
width: 100%;
}

#navigation li { display: inline; }

#navigation li a
{
padding: 0.2em 1em;
background-color: #5A3D1B;
color: #ffffff;
text-decoration: none;
float: left;
border-right: 1px solid #ffffff;
}

#navigation li a:hover
{
background-color: #004e23;
color: #fff;
}

p.screenshots img {
border: 1px solid;
padding: 1px
}

form.contact label {
display: block;
margin-top: 1em;
font-weight: bold;
}

form.contact input, form.contact textarea {
width: 20em;
}

form.contact input.button {
width: auto;
}

#masthead {
	float: right;
	height: 150px;
	width: 380px;
	margin: 15px 25px auto auto;
}

#masthead h1 {
	margin-top: 0;
	padding-top: 0;
}

.highlight {
	background: #ddddaa;
	padding: 1em;
}