/* @override http://www.leemputten.be.loc/css/screen.css */

* {
	text-shadow: #fff 0 0 0;
}

/* @group General */

body {
	font: 11px/1.7em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333;
	background: #F5F5F5;
}

#wrap {
	width: 800px;
	margin: 0 auto;
}

#body {
	clear: both;
}

a {
	text-decoration: none;
	color: #005aff;
}

a:hover {
	text-decoration: underline;
	color: #0031b5;
}

h1.maintitle {
}

#alt_content {
	padding-left: 20px;
	float: left;
	width: 190px;
	text-align: right;
	padding-bottom: 2em;
}

#body h1 {
	font-weight: normal;
	font-size: 225%;
	padding-bottom: .6em;
	letter-spacing: -0.05em;
	color: #444;
}

#body p {
	padding-bottom: 1em;
}

#main_content {
	width: 545px;
	float: right;
	padding-right: 20px;
}

.float-left {
	float: left;
}

.float-left.image {
	margin: 0 1em 1em 0;
}

.float-right {
	float: left;
}

.float-right.image {
	margin: 0 1em 0 1em;
}





/* @end */

/* @group Header */

#skip_navigation {
	display: none;
}

#header {
	height: 140px;
	background: transparent url(/assets/header.png) no-repeat 15px bottom;
}

#header h1 {
	display: none;
}

/* @end */

/* @group Navigation */

#navigation h2 {
	display: none;
}

#navigation ul li {
	float: left;
	margin-left: .8em;
	border-left: 1px solid #999;
	padding-left: .8em;
}

#navigation ul li:first-child,
#navigation ul li.first-child {
	border-left: none;
	margin-left: 0;
	padding-left: 0;
}

#navigation a {
	text-decoration: none;
	color: #444;
	font-size: 110%;
}

#navigation li.selected {
	font-weight: bold;
	color: #111;
}

#navigation a:hover {
	color: #111;
}

#navigation {
	padding-left: 237px;
	margin: 2em 0 3em 0;
	float: left;
}

/* @end */

div.header {
	padding-left: 235px;
	padding-bottom: 1.3em;
}

div.header h1 {
	display: inline;
}

div.header p.backlink {
	display: inline;
	padding-left: .8em;
}

/* @group Projects */

div#projects {
	float: left;
	width: 100%;
}

div.project {
	padding-bottom: .6em;
	float: left;
	width: 100%;
	border-bottom: 1px solid #dadada;
	margin-bottom: .8em;
}

div.project hr {
	display: none;
}

div.project h2 {
	font-weight: normal;
	font-size: 120%;
	color: #111;
	float: right;
	width: 360px;

}

div.project div.imagecontainer {
	float: left;
	padding-top: 0.35em;
}

div.project div.description {
	clear: right;
	padding-left: 185px;
	line-height: 1.6em;
}

#body div.project div.description p.buttons {
	padding-bottom: .5em;
}

/* @end */

/* @group Images */
ol#images {
	float: left;
}

li.image {
	float: left;
	width: 100%;
	clear: left;
}

li.image hr {
	display: none;
}

li.image h2 {
	font-weight: normal;
	font-size: 120%;
	color: #111;
	float: right;
	width: 360px;
}

li.image div.imagecontainer {
	float: left;
	width: 170px;
	padding-bottom: 1em;
}

li.image div.description {
	padding-left: 185px;
	line-height: 1.6em;
}

/* @end */

/* @group Form */

form label {
	float: left;
	width: 100%;
	padding: .50em 0 .25em 0;
}

form .text input{
	float: left;
	width: 100%;
}

form .textarea textarea {
	float: left;
	width: 100%;
	height: 180px;
}

form div.buttons {
	float: left;
	margin: 2em 0;
}

form div.error-message {
	color: #c00;
}

form div.required label {
	font-weight: bold;
}

form .maintitle {
	font-weight: normal;
	font-size: 225%;
	letter-spacing: -0.05em;
	color: #444;
	width: 70%;
}

.header label {
	display: none;
}
	
/* @end */

#footer {
	clear: both;
	color: #777;
	padding-top: 2.5em;
	margin: 0 15px 3em 235px;
}