*
	{
	margin:0;
	padding:0;
	border:0;
	}

body
	{
	background:#f0f0f0;
	color:#505050;
	height:100%;
	width:100%;
	font:normal 12px/120% Arial, Verdana, Helvetica, sans-serif;
	color:#c2c2c2;
	}

h1
	{
	font-size:150%;
	margin-bottom:0.2em;
	margin-left:-0.1em;
	}

#copyright
	{
	position:absolute;
	bottom:10px;
	right:20px;
	z-index:12;
	text-align:right;
	color:#c0c0c0;
	}
		
/* Mail form ============================================================ */
.mailform table
	{
		border-collapse:collapse;
		margin:0;border:solid 1px red;
	}

#mailformConnect, #mailformName, #mailformMessage
	{
	border:solid 1px #505050;
	width:30em;
	padding:0.1em;
	font-size:1em;
	color:#303030;
	}

#mailformMessage
	{
		height:5em;
	}

/* Menu =============================================================== */
#menuBar
	{
	position:absolute;
	right:0;
	top:0;
	z-index:5;
	width:100%;
	text-align:right;
	margin:0;
	padding:1.4em;
	background-color:#303030;
	vertical-align:middle;
	font-size:1.8em;
	color:#f0f0f0;
	}

#menuBar a.common:hover
	{
		text-decoration:none;
	}

#menuBar a.active
	{
		color:#303030;
		padding-left:0.1em;
		padding-right:0.1em;
		text-decoration:none;
		background:#f0f0f0;
		cursor:text;
	}

#menuBar a.common
	{
		color:#f0f0f0;
		padding-left:0.1em;
		padding-right:0.1em;
		text-decoration:none;
		background:#303030;
		text-decoration:underline;
	}

/* Screen wrapper ======================================================= */
#screenWrapper
	{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	overflow:hidden;
	}

/* Screen inner ========================================================= */
#screenInner{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;}

/* Start page =========================================================== */
#startPage
	{
	position:absolute;
	left:0; 
	top:0;
	padding-top:5em;
	text-align:left;
	width:100%;
	height:100%;
	background-color:#f0f0f0;
	float:left;
	overflow:hidden;
	}

/* Contact page ========================================================= */
#contactPage
	{
	position:absolute;
	left:100%; 
	top:0;
	text-align:left;
	width:100%;
	height:100%;
	background-color:#f0f0f0;
	float:left;
	overflow:hidden;
	padding-top:5em;
	}

/* Projects page ======================================================== */
#projectsPage
	{
	position:absolute;
	left:200%; 
	top:0;
	text-align:left;
	width:100%;
	height:100%;
	background-color:#f0f0f0;
	float:left;
	//clear:right;
	overflow:hidden;
	padding-top:5em;
	}

/* Blog page =========================================================== */
#blogPage
	{
	position:absolute;
	left:0; 
	top:100%;
	text-align:left;
	width:100%;
	height:100%;
	background-color:#f0f0f0;
	//float:left;
	overflow:hidden;
	padding-top:5em;
	}

/* Content -=========================================================== */
.content
	{
	padding:1.2em;
	padding-top:2em;
	font-size:1.4em;
	line-height:1.5em;
	color:#303030;
	}

.content p
	{
		margin-bottom:1em;
	}


/* Links ============================================================= */
a:link, a:visited
	{
	text-decoration:underline;
	color:#20416a;
	}

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

span.link
	{
	text-decoration:underline;
	color:#20416a;
	}

span.link:hover
	{
	text-decoration:underline;
	color:#b01b1b;
	cursor:pointer;
	}
	

acronym
	{
	border-bottom:dashed 1px #20416a;
	cursor:help;
	}