/*
rood: #ae1023
groen: #687d31

comments-preview background: C9E2E9 (pantone 304)
comments-preview-color: 0072a7 pantone 307

*/

body {
	font-family: "Lucida Grande", verdana;
	font-size: 12px;
	line-height: 1.5em;
	color: #c2c2c2;
	background-color: #000;
}

h1 {
	margin-bottom: 1.5em;
}

h1, h2, h2 a, h3 {
	color: #ae1023;
}

p {
	margin-bottom: 1.5em;
}

img {
	border: 0;
}

a {
	color: #0064be;
	text-decoration: none;
}

a:link, a:visited {
	color: #0064be;
}

a:hover {
	color: #6ba53a;
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 79.5em;
	text-align: left;
}

#header {
	height: 10.5em;
	margin-bottom: 1.42em;
	background-color: #000;
}

	#topwrapper {
		height: 2.25em;
		background-color: #000;
	}

		#contentlink {
			float: left;
			width: 25em;
			height: 2em;
			background-color: #000;
			padding-top: 0.25em;
			padding-left: 2em;
		}
		
		#contentlink a,
		#contentlink a:link,
		#contentlink a:visited {
			float: left; /* IE */
			height: 1.5em;
			display: block;
			float: left;
			padding-left: 10px;
			padding-right: 10px;
			color: #fff;
			background-image: url("../images/interface/contentlink-down.gif");
			background-repeat: no-repeat;
		}

		#contentlink a:hover {
			color: #e1ad40;
			background-image: url("../images/interface/contentlink-down-hover.gif");
			background-repeat: no-repeat;
		}
	
		#languages {
			width: 25.5em;
			background-color: #000;
			float: left;
		}
	
		#languages ul li {
			display: inline;
		}

		#languages ul li.l10n_current {
			display: block;
			float: left;
			width: 10em;
			height: 2em;
			padding-top: 0.25em;
			padding-left: 2em;
			color: #e1ad40;
			background-image: url("../images/interface/currentlang.gif");
			background-repeat: no-repeat;
		}
	
		#languages a {
			display: block;
			float: left;
			width: 10em;
			height: 2em;
			color: #fff;
			padding-top: 0.25em;
			padding-left: 2em;
		}

		#languages a:hover {
			color: #e1ad40;
			background-image: url("../images/interface/currentlang.gif");
			background-repeat: no-repeat;
		}
	
		#searchform {
			float: right;
			width: 20em;
			height: 2em;
			background-color: #000;
			text-align: right;
			padding-top: .25em;
		}
		
		#searchform fieldset legend {
			display: none;
		}

		#searchform label {
			display: none;
		}
		
		#searchform button {
			width: 20px;
			height: 20px;
			display: block;
			background: transparent url("../images/interface/search.gif") no-repeat;
			margin: 0;
			padding: 0;
			margin-left: 0.2em;
			text-align: center;
			cursor: pointer;
			border: 0;
			float: left;
		}
		
		#searchform button span {
			display: none;
		}
		
		#searchform input {
			height: 1.39em;
			width: 16.5em;
			padding-left: 0.5em;
			padding-top: 0.2em;
			border: 0.08em solid #0064be;
			float: left;
		}

	#navwrapper {
		float: left;
		clear: both;
	}

	#navwrapper #magazine {
		float: left;
		width: 25.5em;
		margin-right: 1.5em;
	}

		#navwrapper #navigation ul li {
			float: left;
		}
		
		#navwrapper #navigation ul li a {
			display: block;
			float: left;
			width: 23.5em;
			height: 1.92em;
			padding-top: 0.25em;
			padding-left: 2em;
			border-bottom: 1px solid #444;
		}

		#navwrapper #navigation ul li a:link,
		#navwrapper #navigation ul li a:visited {
			background-color: #000;
			color: #ccc;
		}

		#navwrapper #navigation ul li a:hover {
			background-image: url("../images/interface/nav-hover.gif");
			background-repeat: no-repeat;
			background-color: #252525;
			color: #af1432;
		}

	#navwrapper #navigation {
		float: left;
		width: 25.5em;
		margin-right: 1.5em;
	}

	#navwrapper #plotslogo {
		float: left;
		width: 25.5em;
	}
	
#content {
	clear: both;
	float: left;
	padding-top: 3em;
}

	#covers-container,
	.covers-row {
		clear: both;
		float: left;
		width: 79.5em;
		margin-bottom: 1.5em;
	}

	.magazine-article-m {
		float: left;
		width: 39em;
/*		height: 18em; */
		margin-right: 1.5em;
	}

	.magazine-article {
		float: left;
		width: 39em;
/*		height: 18em; */
	}

	.magazine-cover {
		float: left;
		width: 12em;
		margin-right: 1.5em;
	}

	#description {
		clear: both;
		float: left;
		padding-left: 27em;
		width: 52.5em;
	}

	.magazine-description {
		border-top: 0.08em solid #333;	
		width: 25.5em;
		float: left;
	}
	
	.magazine-description h2,
	#description h2 {
		font-size: 1.2em;
		line-height: 2.42em;
		margin-bottom: 1.25em;
		color: #c2c2c2; /* 444 */
	}
	
	#description p {
		width: 39em;
	}
	
	#spreads-container {
		clear: both;
		float: left;
	}

	.spread-row {
		width: 79.5em; /* OK */
		clear: both;
		float: left;
		margin-bottom: 1.5em;
	}

	.firstspread {
		width: 306px;
		height: 234px;
		float: left;
		background-color: #000;
		text-align: right;
		margin-right: 1.5em;
	}

	.lastspread {
		width: 306px;
		height: 234px;
		float: left;
		background-color: #000;
		text-align: left;
		margin-bottom: 1.5em;
	}

	.leftpage {
		float: left;
		width: 153px;
		height: 234px;
	}
	
	.rightpage {
		float: left;
		width: 153px;
		height: 234px;
		margin-right: 1.5em;
	}

	.rightpage-last {
		float: left;
		width: 153px;
		height: 234px;
		margin-right: 0;
	}
	
	#mainimage {
		clear: both;
		float: left;
	}

	#lastpic a span,
	#firstpic a span,
	#next a span,
	#prev a span {
		display: none;
	}

	#firstpic,
	#prev {
		width: 477px;
		float: left;
		position: absolute;
	}
	
	#lastpic,
	#next {
		width: 477px;
		float: right;
		margin-left: 477px;
		position: absolute;
	}

	#lastpic a,
	#firstpic a,
	#next a,
	#prev a {
		color: #000;
		width: 477px;
		height: 1350px;
		display: block;
		z-index: 5;
	}

	#prev a:hover {
		background-image: url("../images/interface/prev_hover.gif");
		background-repeat: no-repeat;
		background-position: top left;
	}

	#next a:hover {
		background-image: url("../images/interface/next_hover.gif");
		background-repeat: no-repeat;
		background-position: top right;
	}

	#firstpic a:hover {
		background-image: url("../images/interface/firstpic_hover.gif");
		background-repeat: no-repeat;
		background-position: top left;
	}

	#lastpic a:hover {
		background-image: url("../images/interface/lastpic_hover.gif");
		background-repeat: no-repeat;
		background-position: top right;
	}
	 	
#footer {
	clear: both;
	float: left;
	background-color: #000;
	color: #fff;
	height: 7.5em;
	width: 100%;
	padding-top: 1.5em;
	margin-top: 1.42em;
	border-top: 0.08em solid #444;
}

#footer-col-1 {
	float: left;
	width: 25.5em;
	margin-right: 1.5em;
}

#footer-col-2 {
	float: left;
	width: 25.5em;
	margin-right: 1.5em;
}

#footer-col-3 {
	float: left;
	width: 25.5em;
}