/*------------------------------------------------------------------
[Master Stylesheet]

Website:		http://www.pix4all.be
Version:		1.0
Last change:	2009-02-01
Primary use:	Website (screen)
Author:			Vincent Verbruggen
Company:		http://www.tse-webdesign.be
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Positioning]
-------------------------------------------------------------------*/
body, html {
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}
#container {
	background: transparent url('/img/logo.gif') no-repeat left 20px;
	margin: 0 auto;
	min-width: 820px;
	max-width: 1200px;
	padding: 190px 0 0 140px;
	width: 70%;
}
	#navigation {
		background: transparent url('/img/gray-overlay-70.png') repeat left top;
		margin: 200px auto 0pt -130px;
		padding: 5px 5px 5px 0;
		position: absolute;
		top: 0;
		z-index: 5;
	}
		#navigation li {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
	#content {
		padding: 10px;
		z-index: 10;
	}
		#news {
			float: right;
			margin: 0 0 10px 10px;
			padding: 10px;
			width: 220px;
		}
			#news h1, #news h2, #news p {
				margin: 0 0 0.5em;
				padding: 0 0 0.5em;
			}
		#content h1, h2, h3, h4, h5, h6, p, ul {
			margin: 0 0 15px;
			padding: 0;
		}
		#content .left-col {
			float: left;
			/*padding-left: 40px;*/
			width: 49.5%;
		}
		#content .right-col {
			float: right;
			width: 49.5%;
		}
		#content input, #content textarea {
			display: block;
			/*padding: 2px 4px;*/
			width: 100%;
		}
#footer {
	line-height: 1.5em;
	text-align: right;
}
	#footertext {
		margin: 0 auto;
		max-width: 1200px;
		min-width: 820px;
		padding: 50px 20px 50px 120px;
		width: 70%;
	}

/*------------------------------------------------------------------
[Structural elements]
-------------------------------------------------------------------*/
* {
	outline: none;
}
.fl-left {
	float: left;
}
.fl-right {
	float: right;
}
.clear {
	clear: both;
	float: none;
	font-size: 0px;
	margin-bottom: 50px;
}
.no-margin {
	margin-bottom: 10px;
}
.width-30 {
	width: 30%;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}
.align-top {
	vertical-align: top;
}
/*------------------------------------------------------------------
[Color, font and text styles]
-------------------------------------------------------------------*/
body {
	background-color: #000000;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 1em;*/
	font-size: 11px;
}
	a, a:link {
		color: #b7d540;
		text-decoratio: underline;
	}
	a:hover, a:focus, a:active {
		color: #6d6e71;
		text-decoratio: underline;
	}
	#navigation li a, #navigation li a:link {
		color: #FFFFFF;
		font-family: "Courier New", Courier, monospace;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		/*font-size: 1.1em;*/
		font-size: 1.5em;
		font-weight: bold;
		line-height: 1.4em;
		text-decoration: none;
	}
	#navigation li a:hover, #navigation li a:focus, #navigation li a:active, #navigation li a.active {
		color: #b7d540;
	}
	#news {
		background: #000000;
		border: 1px dashed #333333;
		border-top: none;
		border-right: none;
		text-align: center;
	}
		#news h1, #news h2, #news p {
			border-bottom: 1px dotted #333333;
			font-size: 0.75em;
		}
		#news h1 {
			font-family: "Courier New", Courier, monospace;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.2em;
			font-weight: bold;
		}
		#news h2 {
			font-family: "Courier New", Courier, monospace;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			font-weight: bold;
		}
	#content h1, h2, h3, h4, h5, h6 {
		font-family: "Courier New", Courier, monospace;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}
	#content h2, #content h3, #content p, #content ol, #content ul {
		padding-left: 40px;
		padding: 2px 5px;
	}
	#content ol, #content ul, #content table {
		margin: 0 0 1em 7%;
		padding: 0 0 0 5%;
		width: 88%;
	}
	#content table {
		margin-left: 12%;
	}
	#content h1 {
		font-size: 1.5em;
	}
	#content h2 {
		border: 1px solid #666666;
		border-left: none;
		border-right: none;
		font-size: 1.2em;
		margin-left: 40px;
		padding: 0.25em;
	}
	#content p, #content td {
		background-color: #222222;
		color: #EEEEEE;
		/*font-size: 0.9em;*/
		font-size: 11px;
		padding: 2px 5px;
	}
	#content ol li {
		background-color: #333333;
		font-family: "Courier New", Courier, monospace;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		/*font-size: 1.1em;*/
		font-size: 11px;
		font-weight: bold;
		padding: 2px 5px 5px;
	}
	#content ol p, #content ul p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		/*font-size: 0.8em;*/
		font-size: 11px;
		font-weight: normal;
		margin: 0;
	}
	#content ul p {
		/*font-size: 0.9em;*/
		font-size: 11px;
		margin: 0;
	}
	#content ol h3, #content ul h3 {
		font-family: "Courier New", Courier, monospace;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		margin: 0px;
		padding: 0;
	}
	#content p {
		margin-left: 40px;
	}
	#content label.checked {
		background: #222222 url('/img/chk_on.gif') no-repeat 8px center;
		border: 1px solid #252525;
		clear: both;
		color: #EEEEEE;
		cursor: pointer;
		display: block;
		/*font-size: 0.75em;*/
		font-size: 11px;
		margin-bottom: 5px;
		/*margin-right: 3px;*/
		padding: 0.2em 0.2em 0.2em 32px;
	}
	#content label.unchecked {
		background: #1c1c1c url('/img/chk_off.gif') no-repeat 8px center;
		border: 1px solid #252525;
		clear: both;
		color: #EEEEEE;
		cursor: pointer;
		display: block;
		/*font-size: 0.75em;*/
		font-size: 11px;
		margin-bottom: 5px;
		/*margin-right: 3px;*/
		padding: 0.2em 0.2em 0.2em 32px;
	}
	#content label {
		/*font-size: 0.7em;*/
		font-size: 11px;
	}
	#content input, #content textarea, #content button {
		background: #222222;
		border: none;
		color: #EEEEEE;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		/*font-size: 0.7em;*/
		font-size: 11px;
	}
	#content input {
		line-height: 1.5em;
		height: 1.5em;
	}
	#content textarea {
		height: 9.4em;
		overflow: auto;
	}
	#content input.button {
		background-color: #222222;
		border: 1px solid #333333;
		display: inline;
		float: right;
		height: 2.4em;
		line-height: 1.2em;
		overflow: visible;
		padding: 0.5em;
		width: auto;
	}
	#content input.button.busy {
		background: #222222 url('/img/loader.gif') no-repeat 0.5em center;
		padding-left: 32px;
	}
	#content .simple-albums {
		background: transparent;
	}
	#content .simple-albums span {
		display: block;
		float: left;
		width: 33%;
	}
	#content .simple-albums a {
		color: #9ab336;
	}
	#content #references {
		padding-bottom: 15px;
		text-align: center;
	}
	#content #references img {
		margin: 10px;
	}
	
	#content .showcase {
		margin-left:17%;
		padding-bottom:15px;
		text-align:left;
		width:690px;
	}

#footer {
	background-color: #111111;
	color: #555555;
	/*font-size: 0.75em;*/
	font-size: 11px;
}
	#footertext {
		background-color: #111111;
	}
	#footer a, #footer a:link {
		color: #a7c23a;
		text-decoration: none;
	}
.colored {
	color: #8fa632;
}
#home {
	position: relative;
	top: -190px;
}