* {
	margin: 0;
	padding: 0;
}



html {
	background-color: #000000;
	color: #ffffff;
	
}

body {
	text-align: center;
	font-size: 13px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	
}


a {
	color: #ffffff;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
	color: #000000;
	background-color: #ffffff;
}



#doc2 {
	background-position: -15px -30px;
	background-repeat: no-repeat;
	background-image: url(/static/images/bg-wrapper.png);
	position: relative;
}


#logo {
	
	position: absolute;
	z-index: 5000000;
	top: 30px;
	left: 8px;
}


#page {
	padding: 0px 0 70px 0;
}

#pagehead {
	width: 36em;
	min-width: 320px;
	margin-left: 245px;
	padding: 0px 0 25px 0;
	clear: both;
	float: left;
	display: inline;
}


#pagetitle {
	text-align: center;
	padding: 45px 1.5em 30px 5em;
	font-size: 1.2em;
	min-height: 40px;
}

#getFlash {
	float: right;
	padding: 30px 0 15px 0;
}

#flashbanner {
	text-align: center;	
}

.yui-b #flashbanner {
	padding: 0 0 8px 0;	
}

#flashbanner.home {
	padding: 0 3em 0px 5em;
}

#strapline {
	position: absolute;
	left: -95px;
	top: -65px;
}

#menu {
	text-transform: uppercase;
	font-family: "Trebuchet MS";	
	float: right;
	position: relative;
}

	#menu ul {
	}
	
		#menu ul li {
			padding: 8px 0;
			border-right: 1px solid #000000;
			font-weight: bold;
			font-size: .9em;
			text-align: center;
			display: block;
			float: left;				
			color: #000000;
			padding: 8px 0;

		}
			
			
			#menu ul li a {
				background-repeat: repeat-x;
				background-image: url(/static/images/bg-button.png);
				background-color: #999999;
				padding: 8px 4.7em;
				color: #000000;
				text-decoration: none;
			}


			#menu ul li a:hover,
			#menu ul li.this a {
				background-image: url(/static/images/bg-button-this.png);
				background-repeat: repeat-x;
				background-color: #000000;
				color: #ffffff;
			}

#launch {
		font-weight: bold;
		font-size: .7em;
		text-align: center;
		color: #000000;
		text-transform: uppercase;	
		margin-bottom: 30px;
		padding: 8px 0;
}

#launch.home {
	font-size: 0.9em;
	padding: 8px 2.5em;
}

	#launch a {
			background-repeat: repeat-x;
			background-image: url(/static/images/bg-button.png);
			background-color: #999999;
			padding: 8px 1.5em;
			color: #000000;
			text-decoration: none;
		
	}
	
	#launch a:hover {
			background-image: url(/static/images/bg-button-this.png);
			background-repeat: repeat-x;
			background-color: #000000;
			color: #ffffff;		
	}
	

#pagehead div.content {
	background-image: url(/static/images/bg-content.png);
	background-repeat: repeat;
	clear: both;
	float: right;
	width: 29.5em;
	border: 1px solid #ffffff;
	margin: 2px 1px;
	padding: 0.5em 2em;
}


	#pagehead div.content li {
		padding: .35em 0;
		font-family: "georgia", Times, serif;
		font-style: italic;
		font-size: 1.2em;
	}

		#pagehead div.content li a {
			text-decoration: none;
			font-weight: normal;
		}

	#pagehead div.content h2 {
		padding: 0.4em 0 0.5em 0;
		font-size: 1.3em;
		line-height: 1.4em;
		border-bottom: 1px solid #ffffff;	
	}

	#pagehead div.content p {
		padding: 0.5em 0 0.4em 0;
		font-size: 1.3em;
		font-family: "georgia", Times, serif;
		font-style: italic;
		text-align: center;
	}

#pagehead a.link {
	background-color: #000000;
	font-family: "Trebuchet MS", Arial, sans-serif;	
	text-transform: uppercase;
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #ffffff;	
	text-decoration: none;
	padding: 0px 2px;
	font-style: normal;
	text-align: center;
	font-size: 0.8em;

}

#pagehead a.link:hover {
	background-color: #000000;
	color: #ffffff
}


#demo {
	float: right;
	padding: 10px 2em 70px 5em;
}



h1, h2, h3, h4, h5, h6, .post, .content {
	clear:both;
}

.post {
	padding: 25px 15px 0 0;
}

.yui-b {
	padding-top: 35px;
}


#sidemenu {
	padding: 0 0 1.75em 0;
}


#sidemenu ul li ul {
	padding: 0.4em 0 1.5em 0;
}

#sidemenu ul li ul li {
		font-family: "georgia", Times, serif;
		font-style: italic;
		font-size: 1.1em;
		text-transform: lowercase;
		padding: 0.2em 0 0 0;
}

#sidemenu a {
		font-weight: normal;
}


#credits {
	padding: 4px;
	border: 1px solid #ffffff;
	text-align: center;
	margin-bottom: 2em;
}

#credits div.content {
	background: url(/static/images/bg-credits.png) no-repeat #ffffff center top;	
	color: #000000;
	padding: 0 10px 30px 10px;
}

p.iconomical {
	padding: 70px 0 15px 0;
	font-size: 1.3em;
}

p.mediagilde {
	background: url(http://mediagilde.nl/media/M.png) no-repeat transparent center bottom;
	padding: 20px 0 105px 0;
}

p.freebase {
	background: url('http://www.freebase.com/api/trans/raw/freebase/attribution') no-repeat transparent center bottom;
	padding: 10px 0 45px 0;
	font-size: 0.8em;
}

p.digg {
	display:inline;
	font-size:1em;
	font-weight:bold;
	margin-top:0px;
}

#sidemenu div.digg a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#sidemenu div.digg a:hover {
	color: #000000;
	text-decoration: underline;
	background-color: transparent;
}

div.digg {
	background-color:#CCCCCC;
	border:3px outset #CCCCCC;
	color:#000000;
	padding: 4px 7px 7px 7px;
	margin-top: 6px;
	}

#ft {	
	clear: both;
	padding: 24px 0px 70px 0;
	background: url(/static/images/bg-footer.png) repeat-x transparent top left;
	text-align: right;
	font-family: "Trebuchet MS", Arial, sans-serif;	
	text-transform: uppercase;
	font-weight: bold;	
	font-size: 0.8em;
}

/* Typography */


h1, h2, h3, h4, h5, h6, h7 {
	font-family: "Trebuchet MS", Arial, sans-serif;	
	text-transform: uppercase;
	font-weight: bold;
}

h1 {
	font-size: 1.5em;
	border-bottom: 1px solid #ffffff;	
	padding: 1em 20px 0 0;
}

.post h2 {
	font-size: 1.3em;
	border-bottom: 1px solid #ffffff;	
}

.post h2 a {
	text-decoration: none;
}

.post .content {
	padding: 9px 0 5px 0
}

#sidemenu h2 {
	font-size: 1.1em;
	border-bottom: 1px solid #ffffff;
}



#credits a {
	color: #0099ff
}

#credits a:hover {
	background-color: #0099ff;
	color: #ffffff;
}