*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: Georgia, serif;
	font-size: 1.8em;
	background: #111;
}

h1, h2, h3, h4
{
	font-family: Georgia, serif;
}

a
{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	opacity: .7;
}

a:hover
{
	opacity: 1;
}

.bar
{
	background: transparent url('http://www.elarsen.dk/res/img/line_bg.png') repeat-x top;
}

div.clear
{
	clear: both;
}

#colors
{
	width: 200px;
	text-align: center;
	position: relative;
	left: 50%;
	margin-left: -100px;
}

.color
{
	cursor: hand;
	cursor: pointer;
	border: 3px double #111;
	display: block;
	float: left;
	padding: 5px;
}

#container 
{
	position: relative;
	min-height: 100%;
	background: #1b1d1e url('http://www.elarsen.dk/res/img/paper_bg.png') repeat-x top;
}

#header
{
	padding: 3.2em;
}
	#header h1
	{
		color: #fff;
		text-indent: -2000px;
		height: 151px;
		background: transparent url('http://www.elarsen.dk/res/img/header_multi.png') no-repeat center;
	}

#colorpicker
{
}
	#colorpicker ul 
	{
		display: block;
		overflow: hidden;		
	}
	#colorpicker ul li
	{
		display: block;
		float: left;
	}
	#colorpicker ul li a
	{
		background: transparent;
		padding: 9px;
		background: #fff;
		color: #555;
		border: none;
		display: block;	
		font-variant: small-caps;
		font-size: .7em;
		border-bottom: 3px solid #ccc;
		
		opacity: .2;
		filter: Alpha(opacity='20');
		
		-moz-border-radius-topright: 15px;   
		-webkit-border-top-right-radius: 15px;  
		
		-moz-border-radius-topleft: 2px;   
		-webkit-border-top-left-radius: 2px;
		
		padding-bottom: 0;
		padding-top: 4px;
		border-right:4px solid #fff;		
	}
		#colorpicker ul li a:hover, #colorpicker ul li a.active
		{
			border-bottom-color: #fff;
			opacity: 1;
			filter: Alpha(opacity='100');
			border-right:4px solid #ccc;
			outline: none;
		}	

#info
{
	padding: 1.4em 0;
	position: relative;
	background: #fff url('http://www.elarsen.dk/res/img/info_bg.png') repeat-y right bottom;
}
	#info p
	{
		margin-left: 140px;
		margin-right: 40px;
	}
	
	#info a
	{
		color: #444;
		border-bottom-color: #444;
	}
	
	#info p + p
	{
		font-size: .8em;
		margin-top: .6em;
	}
	
	#info img.headshot
	{
		float: left;
		position: absolute;	
		bottom: 5px;
		left: 15px;
	}	
	
	#info strong
	{
		font-weight: normal;
		font-size: smaller;
		text-transform: uppercase;
		color: #444;
	}
	
#status
{	
	padding: 1.4em;
	color: #fff;
	float: left;
	width: 40%;
}
	#status h2
	{
		color: #fff;
		/*font-size: smaller;
		text-transform: uppercase;*/
		font-variant: small-caps;
		opacity: .3;
		filter: Alpha(opacity='30');
		font-size: .7em;
		margin-bottom: 1em;
		font-weight: normal;
	}
		#status h2 a
		{
			opacity: 1;
		}
		
	#status p.status
	{
		margin-bottom: .5em;
		padding-bottom: .8em;
		background: transparent url('http://www.elarsen.dk/res/img/sep.png') no-repeat right bottom;
		font-size: .7em;		
	}
	
	#status p.status em.meta
	{
		display: block;
		font-size: smaller;
		opacity: .5;
	}

#mid
{
	height: 20px;
}
	
#elsewhere
{	
	padding: 1.4em;
	color: #fff;
	float: right;
	width: 40%;

}
	#elsewhere h2
	{
		color: #fff;
		/*font-size: smaller;
		text-transform: uppercase;*/
		font-variant: small-caps;
		opacity: .3;
		filter: Alpha(opacity='30');
		font-size: .7em;
		margin-bottom: 1em;
		font-weight: normal;
	}
	#elsewhere p, #elsewhere ul
	{
		font-size: .7em;
	}	
	#elsewhere ul
	{
		margin-left: 30px;
		margin-top: .7em;
		margin-bottom: .7em;
	}
	
	#elsewhere p.seealso
	{
		color: #fff;		
		font-style: italic;
		font-size: .6em;
	}
	
	p.seealso a
	{
		color: #fff;
		border: none;
		text-decoration: underline;
	}
	p.seealso a:hover
	{
		color: #fff;
		opacity: 1;
		filter: Alpha(opacity='100');
	}
	p.seealso span.slash
	{
		opacity: .3;
		filter: Alpha(opacity='30');
	}

#footer
{
	background-color: #111;
	text-align: center;
	color: #ccc;
	position: absolute;
	width: 100%;
	clear: both;	
}
	#footer p
	{
		font-size: .4em;
		padding: 2em;
		color: #777;
	}
	
	#footer p em
	{
		font-variant: small-caps;
	}