/*
-----------------------------------------------------------------------------
 Screen Style
 Author:	Robert Hilbe
 Version:	2011-04-15
-----------------------------------------------------------------------------*/

/* =Reset
-----------------------------------------------------------------------------*/

/* Taken from blueprint.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse:separate;
	border-spacing:0;
	}

caption, th, td {
	text-align:left;
	font-weight:normal;
	}

table, td, th {
	vertical-align:middle;
	}

/* Remove annoying border on linked images. */
a img {
	border:none;
	}

/* =Basic Elements
-----------------------------------------------------------------------------*/

body {
	font:small/1.4 'helvetica neue',helvetica,arial,sans-serif;
	color:#111;
	background:#fff;
	color:#585C60;
	margin:10px;
}
h1 {
	font:2em/1.3 'helvetica neue',helvetica,arial,sans-serif;
	font-weight:bold;
	margin:0 0 0.3em 0;
	color:#539fc4;
}
h2 {
	font:1.5em/1.3 'helvetica neue',helvetica,arial,sans-serif;
	font-weight:bold;
	margin:1.6em 0 0.3em 0;
}
h3 {
	font:1.1em/1.3 'helvetica neue',helvetica,arial,sans-serif;
	font-weight:bold;
	margin:1.3em 0 0.3em 0;
}
p {
	margin-bottom:0.5em;
}
em {
	font-style:italic;
}
ul {
	list-style:square;
	padding-left:2em;
}
li {
	margin-bottom:0.5em;
}
a {
	text-decoration:none;
	color:#539fc4;
	}
a:hover {
	color:#aaa;
	}

/* =Layout
-----------------------------------------------------------------------------*/

#page {
	margin:80px 0 0 0;
	position:relative;
}
#header {
	
}
#navigation {
	position:absolute;
	top:50px;
	left:30px;
	width:200px;
	font-size:0.9em;
}
#navigation li {
	display:inline;
}
#navigation li a {
	padding:0.5em 1em;
	display:block;
	width:150px;
	text-decoration:none;
	font-weight:bold;
	color:#585C60;
	border-top:1px solid #c9cdd3;
	}
#navigation li a.last {
	border-bottom:1px solid #c9cdd3;
	}	
#navigation li a:hover {
	background:#539fc4 url(../img/navigation-li-a.gif) no-repeat 95% 50%;
	color:#fff;
	}
#content {
	margin:0 0 0 250px;
	padding:0 15px 15px 15px;
	width:650px;
	border-left:1px solid #c9cdd3;
	border-right:20px solid #539fc4;
	overflow:hidden;
}
#footer {
	margin:10px 0 40px 0;
	text-align:center;
	font-size:0.9em;
	
}

/* =Debug
-----------------------------------------------------------------------------*/


/* Outline basic elements 

div {
	border:1px solid red;
	}
	
p {
	border:1px solid green;
	}

ul, li, a {
	border:1px solid blue;
	}
*/