/*  Lords of Metal stylesheet
		Written by Pasz.nl. Kickstarted by HTML5 Boilerplate	*/

/*	CSS reset	*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*	Fonts	*/
body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea {
	color: #444;
	font-family:"Arial", sans-serif;	/* Base font	*/
}

/*	Base styles, fixes and hacks	*/
html { overflow-y: scroll; }

a:hover, a:active { outline: none; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px;  -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;  box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #807671; color:#fff; text-shadow: none; }
::selection { background:#807671; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #807671; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/*	Primary Styles
		**************/

* {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

html	{
	height:100%;
	background:black;
}

body {
	position:relative;
	font-size:12px;
	line-height:20px;
	min-height:100%;
	width:980px;
	margin:0 auto;
	padding:0 20px 20px 20px;
}

p {
	margin:0 0 1.5em 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family:BlockGothicRR-MediumCond;
	font-weight:normal;
	color:black;
}
	/*	Font aliasing turned off?	*/
	.hasFontSmoothing-false h1, .hasFontSmoothing-false h2, .hasFontSmoothing-false h3, .hasFontSmoothing-false h4, .hasFontSmoothing-false h5, .hasFontSmoothing-false h6 {
		font-family:'Arial', sans-serif;
		font-weight:bold;
	}


h1	{font-size:32px;line-height:35px;}
h2	{font-size:24px;line-height:30px;}
h3	{font-size:20px;line-height:25px;}
h4	{font-size:14px;line-height:20px;}
h5	{font-size:13px;line-height:15px;}
h6	{font-size:12px;line-height:15px;}

	/*	Font aliasing turned off?	*/
	.hasFontSmoothing-false h1	{font-size:22px;}
	.hasFontSmoothing-false h2	{font-size:16px;}
	.hasFontSmoothing-false h3	{font-size:14px;}
	.hasFontSmoothing-false h4	{font-size:10px;}
	.hasFontSmoothing-false h5	{font-size:9px;}
	.hasFontSmoothing-false h6	{font-size:8px;}

a, a:active, a:visited {
	color:#444;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

table {
	width:100%;
	margin:0 0 20px 0;
}

table.entries tr td
{
	padding:0px 0px 7px 7px;
}

table tr th,
table tr td {
	padding:7px 10px;
	font-weight:normal;
	text-align:left;
	line-height:14px;
	border-left:1px solid white;
	background:#e7e2e1;
}


table tr th:first-child,
table tr td:first-child {
	border-left:none;
}

table tr th:first-child {
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}

table tr th:last-child {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

table tr.even td {
	background:#f3f1f0;
}

table tr th {
	color:white;
	background:#2c261e;
}

table tr:last-child td:first-child {
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}

table tr:last-child td:last-child {
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}

/*	Image	*/
.image img {
	display:block;
	margin:0;
	padding:0;
}

img[style="float:left"],
img.alignLeft {
	margin-right:15px;
}

img[style="float:right"],
img.alignRight {
	margin-left:15px;
}

/*	Forms	*/
form p {
	clear:both;
	overflow:auto;
}

form p label {
	width:150px;
	float:left;
	font-weight:bold;
}

form p > label strong {
	color:red;
}

form p span label {
	display:inline;
	float:none;
	width:auto;
	font-weight:normal;
}

form p span {
	display:block;
	float:left;
}

form p > input,
form p > select,
form p > textarea {
	float:left;
}


form p > input[type=text],
form p > input[type=email] {
	width:150px;
}
form p textarea {
	width:300px;
	height:10em;
}

/*	Custom non-semantic helper classes
	**********************************/

.align-left {
	float:left;
	margin-right:20px;
}

.align-right {
	float:right;
	margin-left:20px;
}



/*	Common components
	*****************/

/*	Button	*/
.btn {
	position:relative;
	display:inline-block;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	height:26px;
	margin:0;
	padding:0;
	border:0;
	background:no-repeat 100% -26px url(../gfx/common/btn.png);
}

.btn.gold {background-position:100% -78px;}

.btn span {
	display:inline-block;
	height:26px;
	margin:0 5px 0 0;
	padding:2px 5px 0 10px;
	font-family:BlockGothicRR-MediumCond;
	font-size:16px;
	font-weight:normal;
	line-height:24px;
	color:black;
	white-space:nowrap;
	-moz-text-shadow:0 1px 1px white;
	-webkit-text-shadow:0 1px 1px white;
	text-shadow:0 1px 1px white;
	background:0 0 url(../gfx/common/btn.png);
}

	/*	Font aliasing turned off?	*/
	.hasFontSmoothing-false .btn span {
		font-family:'Arial', sans-serif;
		font-size:12px;
	}

.btn.gold span {background-position:0 -52px;}

.btn:hover span {
	color:#817671;
}

.btn.gold:hover span {color:#796100;}

	/*	Mozilla workaround	*/
	.mozilla button.btn {
	}

	.mozilla button.btn span {
		position:relative;
		top:-1px;
		margin-right:0;
	}

.ie7 .btn {
	width:auto;
	overflow:visible;
}

/*	More	*/
.more {
	display:inline-block;
	padding:0 10px 0 0;
	background:no-repeat 100% 50% url(../gfx/common/more.png);
}

/*	i icon	*/
.i {
	padding:0 0 0 12px;
	text-decoration:none;
	background:no-repeat 0 50% url(../gfx/common/i_icon.png);
}

/*	Images	*/
.cover {
	padding:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #cdcdcd;
}
img.inline {
	padding:0 10px 0 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.cover img {
	display:block;
	margin:0;
	padding:0;
}

/*	Video	*/
.youtube {
	margin:0 0 10px 0;
}

/*	Banner box for one banner	*/
.banner {
	height:70px;
	padding:10px 10px 0 10px;
	margin:0 0 10px 0;
	text-align:center;
	background:no-repeat 0 0 url(../gfx/common/bg_banner.png);
}

.banner > * {
	display:block;
	margin:0 auto;
	padding:0;
}

/*	Banner box for two banners	*/
.banner.two {
	height:130px;
	padding:10px;
	margin:0 0 10px 0;
	text-align:center;
	background:no-repeat 0 0 url(../gfx/common/bg_banner_two.png);
}

.banner.two > * {
	margin:0 auto 10px auto;
}

/*	Skyscraper banner	*/
.banner.skyscraper {
	width:120px;
	height:600px;
	padding:10px;
	background:no-repeat 0 0 url(../gfx/common/bg_skyscraper.png);
}

/*	Banners in the header	*/
#header .banners {
	position:absolute;
	top:11px;
	right:11px;
}

.ie6 #header .banner {
	width:1%;
}

#header .banners .banner {
	display:block;
	height:60px;
	margin:0 0 7px 0;
	padding:0;
	border:1px solid white;
	background:transparent;
}

#header .banners .banner * {
	display:block;
	margin:0;
	padding:0;
}

/*	Placeholder text	*/
#header .banners a.placeholder u {
	line-height:60px;
	display:inline;
}

/*	Placeholder banner	*/
a.placeholder {
	display:inline-block;
	border:none;
	width:470px;
	height:60px;
	margin:0 0 10px 0;
	font-size:14px;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	color:#999590;
	background:no-repeat url(../gfx/common/banner_placeholder.png);
}

#center a.placeholder {
	line-height:60px;
	color:white;
}

/*	Placeholder banner	*/
.banner.skyscraper a.placeholder {
	display:inline-block;
	border:none;
	width:110px;
	height:340px;
	margin:0 0 10px 0;
	padding:260px 5px 10px 5px;
	text-align:center;
	text-decoration:none;
	color:#999590;
	background:no-repeat url(../gfx/common/banner_placeholder_vertical.png);
}

.banner.placeholder a:hover {
	color:#b3afa8;
}



/*	Score box	*/
p.score {
	float:left;
	width:154px;
	height:117px;
	margin:0 20px 10px 0;
	padding:0 10px;
	text-align:center;
	color:black;
	background:no-repeat 0 0 url(../gfx/common/bg_score.png);
}

p.score strong {
	display:block;
	font-family:BlockGothicRR-MediumCond;
	font-size:46px;
	font-weight:normal;
	line-height:50px;
	padding:8px 0 0 0;
}

p.score strong span {
	position:relative;
	left:2px;
}

p.score em {
	display:block;
	margin:0 0 5px 0;
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	font-style:normal;
}

p.score a {
	display:block;
	font-size:12px;
	line-height:26px;
}

/*	"Options" box	*/
.options {
	float:left;
	margin:0 0 10px 0;
}

/*	Social icons	*/
.social {
	margin:5px 0 10px;
	height:32px;
}

.social li {
	display:block;
	float:left;
	margin:0 8px 0 0;
	padding:0;
	width:32px;
	height:32px;
}

.social li a {
	display:block;
	width:32px;
	height:32px;
	text-indent:-4096px;
	overflow:hidden;
}

/*	Header
	******/
#header {
	position:relative;
	height:190px;
	background:no-repeat 0 0 url(../gfx/header/bg.jpg);
}

/*	Header: Logo	*/
#header #logo {
	display:block;
	position:absolute;
	top:7px;
	left:7px;
	width:482px;
	height:102px;
	background:no-repeat 0 0 url(../gfx/header/logo.png);
}

#header #logo img {
	display:none;
}

/*	Header: Navigation	*/
#header nav, #langswitch {
	position:absolute;
	top:151px;
	left:0;
	width:980px;
	text-align:center;
}

#header nav li {
	position:relative;
	display:inline-block;
	height:39px;
	font:17px/39px BlockGothicRR-MediumCond;
	font-weight:normal;
	letter-spacing:1px;
	background:no-repeat 100% 100% url(../gfx/header/nav.png);
}

	/*	Font aliasing turned off?	*/
	.hasFontSmoothing-false #header nav li {
		font-family:'Arial', sans-serif;
		font-size:11px;
	}

#header nav li:last-child {
	background:transparent;
}

#header nav li a {
	display:block;
	margin:0 0 0 5px;
	padding:0 11px 0 5px;
	height:39px;
	color:white;
	text-decoration:none;
}

#header nav li a:hover {
	color:#d6c5bd;
}

#header nav li.active {
	background:no-repeat 0 -39px url(../gfx/header/nav.png);
}

#header nav li.active a {
	color:black;
	-moz-text-shadow:0 1px 1px white;
	-webkit-text-shadow:0 1px 1px white;
	text-shadow:0 1px 1px white;
	background:no-repeat 100% 0 url(../gfx/header/nav.png);
}

.oldie #header nav li {
	display:inline;
	width:auto;
	float:left;
}

/*		Quick fixes to make the site more usable in IE6	*/
	.ie6 #header nav {
		width:980px;
	}

	.ie6 #header nav li {
		display:inline;
		float:left;
		background:transparent;
	}

	.ie6 #header nav li a {
		display:block;
		float:left;
		color:white;
		background:transparent;
	}

	.ie6 #header nav li.active {
		background:#d6c5bd;
	}

	.ie6 #header nav li.active a {
		color:black;
	}

/*	Sub navigation	*/
#header nav ul ul {
	display:none;
	position:absolute;
	top:39px;
	left:-3px;
	z-index:100;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;

	-moz-box-shadow: 0px 0 5px black;
	-webkit-box-shadow: 0px 0 5px black;
	box-shadow: 0px 0 5px black;
	background:black;
}

.no-js #header nav li:hover ul {
	display:block;
	z-index: 2;
}

#header nav li ul li,
#header nav li.active ul li {
	display:block;
	margin:0;
	padding:0;
	height:auto;
	white-space:nowrap;
	font:16px/19px BlockGothicRR-MediumCond;
	background:transparent;
}

#header nav li ul li a,
#header nav li.active ul li a {
	height:auto;
	margin:0;
	padding:5px 13px;
	color:white;
	text-align:left;
	text-shadow:none;
	border-top:1px solid #6f6d6c;
	background:transparent;
}

#header nav li.active ul li.active a {
	background:#3f3e3d;
}

#header nav li.active ul li a:hover {
	color:#d6c5bd;
}

#header nav li ul li:first-child a,
#header nav li.active ul li:first-child a {
	border:none;
}

	/*	Font aliasing turned off?	*/
	.hasFontSmoothing-false #header nav li ul li,
	.hasFontSmoothing-false #header nav li.active ul li {
		font-family:'Arial', sans-serif;
		font-size:11px;
	}

/*	Header: Navigation: Issue number and extra links	*/
#header nav p {
	position:absolute;
	top:-30px;
	left:13px;
	margin:0;
	padding:0;
	font-size:11px;
	line-height:13px;
	color:#D7D4D1;
}

#header nav p a {
	color:#D7D4D1;
}

#header nav p a:hover {
	color:white;
	text-decoration:underline;
}

/*	Header: Search	*/
#search {
	position:absolute;
	top:113px;
	left:245px;
	width:242px;
	height:27px;
	background:no-repeat 0 0 url(../gfx/header/bg_search.png);
}

#search input[type=text] {
	margin:0;
	padding:0;
	width:218px;
	height:27px;
	font-size:11px;
	line-height:27px;
	color:#D7D3D1;
	text-indent:8px;
	outline:none;
	border:0;
	background:transparent;
}

#search input[type=text]::-webkit-input-placeholder {
	font-style:italic;
}

#search input[type=text]:-moz-placeholder {
	font-style:italic;
}

#search input[type=submit] {
	position:absolute;
	top:0;
	right:0;
	width:38px;
	height:27px;
	padding:27px 0 0 0;
	border:0;
	overflow:hidden;
	background:no-repeat url(../gfx/header/btn_search.png);
}



/*	Mid
		***/

#mid {
	margin:0;
	background:#D6C5BD no-repeat 0 100% url(../gfx/mid/bottom.jpg);
}

/*	Mid: Left and right	sides */
#mid .side {
	width:140px;
	padding:10px 8px 10px 10px;
	min-height:620px;
	float:left;
	background:no-repeat -7px 0 url(../gfx/mid/top.png);
}

#mid #right {
	padding:10px 10px 10px 8px;
	background-position:150px 0;
}

/*	Side box	*/
.side .box .top {
	padding:5px 10px;
	background:no-repeat 0 0 url(../gfx/side/box.png);
}

.side .box .inner {
	margin:0;
	padding:0 9px 10px 9px;
	list-style:none;
	background:no-repeat 0 100% url(../gfx/side/box.png);
}

.side .box .inner.covers li {
	margin:8px 0 0 0;
}

.side .box .inner.covers li:first-child {
	margin:0;
}

.side .box .inner.covers a {
	display:block;
	border:1px solid black;
}

.side .box .inner.covers a img {
	display:block;
}


/*	Mid: Center	*/
#mid #center {
	width:664px;
	float:left;
	padding:10px 0 19px 0;
}

/*	Mid: Center: Crumbs	*/
.crumbs {
	margin:0 0 0 4px;
	padding:0;
}

.crumbs li {
	position:relative;
	display:block;
	float:left;
	margin:0;
	padding:0 0 0 10px;
	height:23px;
	font-size:12px;
	line-height:23px;
	background:no-repeat 4px 100% url(../gfx/common/crumbs.png);
}

.crumbs li:first-child {
	padding:0;
	background:transparent;
}

.crumbs li a {
	display:inline-block;
	color:black;
	overflow:hidden;
}

/*	Mid: Center: Crumbs	compacted */
.crumbs li.compact a {
	display:inline-block;
	width:7px;
	height:0;
	padding-top:23px;
	overflow:hidden;
	background:no-repeat 0 -52px url(../gfx/common/crumbs.png);
}

/*	Crumb tooltip	*/
.crumbs li.compact span {
	display:none;
	position:absolute;
	top:-20px;
	left:50%;
	padding:0 0 0 7px;
	height:26px;
	white-space:nowrap;
	line-height:23px;
	z-index:50;
	background:no-repeat 0 -26px url(../gfx/common/crumbs.png);
}

.crumbs li.compact span span {
	display:block;
	position:static;
	top:0;
	padding:1px 10px 0 3px;
	background:no-repeat 100% 0 url(../gfx/common/crumbs.png);
}

/*	Mid: Center: Content block	*/
.c-block {
	clear:both;
}

.c-block-top,
.c-block-bottom {
	position:relative;
	min-height:4px;
	padding:3px 2px 0 2px;
	background:no-repeat 0 0 url(../gfx/mid/c_block_top_bottom.png);
}

/*	Rusty looking top	*/
.c-block-top.rusty {
	color:white;
	overflow:auto;
	background-image:url(../gfx/mid/c_block_top_rusty.png);
}

.c-block-top-header {
	width:auto;
	margin:20px 15px 20px 20px;
	padding:0;
}

.c-block-top-header th,
.c-block-top-header td {
	margin:0;
	padding:0;

	font-family:BlockGothicRR-MediumCond;
	font-size:18px;
	line-height:22px;
	color:white;
	vertical-align:middle;

	border:none;
	background:transparent;
}

.c-block-top-header td a {
	color:white;
}

.c-block-top-header h1,
.c-block-top-header h1 img {
	display:block;
	margin:0;
	padding:0;
}

.c-block-top-header h1 {
	margin-right:20px;
}

.c-block-top.rusty p {
	margin:0;
}

/*	Top has search form	*/
.c-block-top .search-form {
	position:absolute;
	top:21px;
	right:22px;
	width:221px;
	height:27px;
	background:no-repeat -38px 0 url(../gfx/mid/search.png);
}

.c-block-top .search-form input[type=text] {
	margin:0;
	padding:0;
	width:205px;
	height:27px;
	font-size:11px;
	line-height:27px;
	color:black;
	text-indent:8px;
	outline:none;
	border:0;
	background:transparent;
}

.c-block-top .search-form input[type=text]::-webkit-input-placeholder {
	font-style:italic;
}

.c-block-top .search-form input[type=text]:-moz-placeholder {
	font-style:italic;
}

.c-block-top .search-form input[type=submit] {
	position:absolute;
	top:0;
	right:0;
	width:38px;
	height:27px;
	padding:27px 0 0 0;
	border:0;
	overflow:hidden;
	background:no-repeat url(../gfx/mid/search.png);
}

/*	.c-block-top "LAATSTE UPDATE"	*/
.c-block-top .last-update {
	display:block;
	margin:10px 0 0 0;

	font-size:16px;
	line-height:18px;
}

/*	Top has tabs	*/
.c-block-top .tabs {
	clear:both;
	height:27px;
	margin:0;
	padding:0 0 0 20px;
	list-style:none;
}

.c-block-top .tabs li {
	display:block;
	float:left;
	margin:0 2px 0 0;
	padding:0;
	background:no-repeat 0 -27px url(../gfx/mid/tabs.png);
}

.c-block-top .tabs li a {
	display:block;
	height:27px;
	margin:0 0 0 3px;
	padding:0 10px 0 7px;
	font:14px/27px "Arial narrow", "Arial";
	font-weight:normal;
	color:#666666;
	text-decoration:none;
	background:no-repeat 100% 0 url(../gfx/mid/tabs.png);
}

.c-block-top .tabs li.active	{background-position:0 -81px;}
.c-block-top .tabs li.active a	{background-position:100% -54px; color:black;}

/*	Bottom	*/
.c-block-bottom {
	padding:0 2px 3px 2px;
	background-position:0 100%;
}

.c-block-bottom .inner {
	min-height:30px;
	padding:0 20px;
	line-height:30px;
	border-top:1px solid #e7e2e1;
}

.c-block-bottom .inner .prev-page,
.c-block-bottom .inner .next-page {
	display:inline-block;
	text-decoration:none;
}

.c-block-bottom .inner .prev-page {
	position:relative;
	left:-10px;
	float:left;
	padding:0 0 0 9px;
	width:auto;
	background:no-repeat 0 50% url(../gfx/common/prev_page.png);
}

.c-block-bottom .inner .next-page {
	position:relative;
	left:10px;
	float:right;
	padding:0 9px 0 0;
	background:no-repeat 100% 50% url(../gfx/common/next_page.png);

}

.c-block-mid {
	padding:12px 20px 4px 20px;
	background:repeat-y 0 0 url(../gfx/mid/c_block_mid.png);
}

.c-block-mid.no-padding {
	padding:0 2px;
}

.ie6 .c-block-mid,
.ie7 .c-block-mid {
	height:1%;
}



/*	Footer
	******/
#footer {
	position:relative;
	margin:0 auto;
	width:666px;
	height:134px;
	clear:both;
	background:no-repeat 0 0 url(../gfx/footer/bg.png);
}

#footer #form-newsletter {
	position:absolute;
	left:2px;
	width:260px;
	height:92px;
	margin:0;
	padding:0;
}

#footer #form-newsletter h2 {
	position:absolute;
	top:17px;
	left:21px;
}

#footer #form-newsletter h2,
#footer #btn-facebook,
#footer #btn-twitter {
	margin:0;
	padding:0;
	font-family:BlockGothicRR-MediumCond;
	font-size:22px;
	line-height:30px;
	-moz-text-shadow:0 1px 1px white;
	-webkit-text-shadow:0 1px 1px white;
	text-shadow:0 1px 2px white;
}

	/*	Font aliasing turned off?	*/
	.hasFontSmoothing-false #footer #form-newsletter h2,
	.hasFontSmoothing-false #footer #btn-facebook,
	.hasFontSmoothing-false #footer #btn-twitter {
		font-family:'Arial', sans-serif;
		font-size:15px;
		font-weight:bold;
	}

#footer #form-newsletter input[type='text'] {
	position:absolute;
	top:45px;
	left:21px;
	width:130px;
	height:26px;
	font-size:12px;
	line-height:26px;
	text-indent:8px;
	margin:0 4px 0 0;
	padding:0;
	outline:none;
	border:none;
	background:repeat url(../gfx/common/transparent.gif);	/*	IE7 bug workaround, "background:transparent;" makes the input unclickable	*/
}

#footer #form-newsletter button {
	position:absolute;
	top:45px;
	left:158px;
}

#footer #btn-facebook,
#footer #btn-twitter {
	position:absolute;
	top:0;
	color:black;
	padding:17px 0 0 65px;
	height:75px;
	text-decoration:none;
}

#footer #btn-facebook strong,
#footer #btn-twitter strong {
	display:none;
}

#footer #btn-facebook {
	left:262px;
	width:129px;
	padding-left:80px;
}

#footer #btn-twitter {
	left:471px;
	width:125px;
	padding-left:68px;
}

#footer p {
	margin:0;
	padding:94px 0 0 0;
	font-size:12px;
	line-height:40px;
	color:black;
	text-align:center;
	-moz-text-shadow:0 1px 1px white;
	-webkit-text-shadow:0 1px 1px white;
	text-shadow:0 1px 1px white;
}

/*	Bottom, under footer	*/
#bottom {
	text-align:center;
	width:auto;
	margin:0 auto;
	padding:20px 0;
}

#bottom .banner a.placeholder {
	line-height:60px;
}



/*	Page: Home
	**********/

/*	Headers	*/
#home .c-block-top h1,
#home h2 {
	margin:0 0 10px 0;
	padding:5px 20px 5px 20px;
	font-size:24px;
	line-height:32px;
	color:#615440;
	background:#e7e2e1;
}

#home h3,
#home h3 a {
	font-size:24px;
	color:#978463;
	text-decoration:none;
}

/*	Top	*/
#home .c-block-top {
	height:auto;
	background-image:url(../gfx/mid/c_block_top_bottom_home.png);
}

#home .c-block-top h1 {
	margin:0;
}

/*	Mid	*/

/*	Home: Voorwoord	*/

#home .voorwoord {
	clear:both;
	font-size:12px;
	padding:15px 20px;
	position:relative;
}

#home .voorwoord p {
	padding:0;
}


/*	Home: Gehoord	*/
#home .gehoord {
	float:right;
	width:160px;
	margin:0 0 20px 0;
	background:#e7e2e1 repeat-y 0 0 url(../gfx/home/bg_gehoord.png);
	border-top:1px solid #969696;
}

#home .gehoord h2 {
	padding:5px 0 5px 13px;
	background:transparent;
}

#home .gehoord ul {
	margin:0 0 0 13px;
	padding:0;
	list-style:none;
}

#home .gehoord ul li {
	display:block;
	float:left;
	margin:0 11px 11px 0;
}

#home .gehoord ul li a {
	display:block;
	margin:0;
	padding:0;
}

#home .gehoord ul li img {
	display:block;
	margin:0;
	padding:0;
	border:1px solid #41392b;
}

#home .gehoord .bottom {
	clear:both;
	height:47px;
	padding:0 0 0 10px;
	background:no-repeat 0 0 url(../gfx/home/gehoord_bottom.png);
}

/*	Home: Common stuff	*/
#home .voorwoord .image {
	position:relative;
	float:left;
	margin:0 15px 0 0;
	border:1px solid #50493c;
}

#home .banner,
#home .special,
#home .gesproken,
#home .gezien,
#home .prijsvraag {
	position:relative;
	width:490px;
}

#home .banner .more,
#home .special .more,
#home .gesproken .more,
#home .gezien .more,
#home .prijsvraag .more,
#home .agenda .more {
	position:absolute;
	top:11px;
	right:15px;
}

#home .special p,
#home .gesproken p,
#home .gezien p,
#home .prijsvraag p {
	font-size:14px;
}

#home .gesproken .content a,
#home .gezien .content a {
	text-decoration:none;
}

#home .content .more {
	position:static;
	top:auto;
	right:auto;
}

#home .content {
	margin-left:20px;
}

/*	Home: Banners	*/
#home .banner {
	clear:left;
	padding:0 0 10px 20px;
	margin:0 0 10px 0;
	width:470px;
	height:auto;
	text-align:right;
	background:no-repeat;
}

#home .banner img {
	margin:0;
}

/*	Home: Gesproken	*/
#home .gesproken {

}

/*	Home: Gezien	*/

/*	Home: Prijsvraag	*/

/*	Home: Agenda	*/
#home .agenda {
	position:relative;
}

#home .agenda table tr th:first-child,
#home .agenda table tr th:last-child,
#home .agenda table tr td:first-child,
#home .agenda table tr td:last-child {
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

#home .agenda {
	clear:both;
	padding:0 0 24px 0;
}

#home .agenda h2 {
	margin:0;
}

#home .agenda table {
	margin:0 0 5px 0;
}

#home .agenda table tr.sold-out td {
	text-decoration:line-through;
}

#home .agenda table tr td:last-child {
	text-decoration:none;
}


#home .agenda .add-concert {
	display:block;
	float:right;
	margin:0 15px 0 0;
}





/*	Page: Review
	************/
article.review header p {
	font-size:11px;
}

article.review header p a {
	color:black;
}

/*	Large Pop Merchandising	*/
.pop-merch {
	clear:both;
}

.pop-merch h2 {
	margin:0 0 5px 0;
	font-family:'Helvetica Neue Narrow', 'Arial Narrow', "Arial";
	font-size:32px;
	line-height:40px;
	font-weight:bold;
	text-align:center;
}

@media screen {
	.pop-merch h2 span {
		display:inline-block;
		width:127px;
		height:40px;
		text-indent:-4096px;
		overflow:hidden;
		background:no-repeat 0 0 url(../gfx/icons/large.png);
	}
}

.pop-merch table td {
	padding:10px;
	font-size:14px;
	vertical-align:middle;
}

.pop-merch table .artw {
	width:40px;
}

.pop-merch table .title {
	width:100%;
}

.pop-merch table .price {
	text-align:right;
	white-space:nowrap;
}

.pop-merch table .buttn {
	text-align:center;
}


.tooltip{
	margin:8px;
	padding:8px;
	border:1px solid black;
	background:#e7e2e1;
	position: absolute;
	z-index: 2;
	display: none;
}
/*	Page: Reviews
	*************/

/*	Table top 	*/
.c-block-mid .table-top {
	position:relative;
}

.table-top h2 {
	margin:5px 0 10px 0;
	font-size:28px;
	line-height:32px;
}

.table-top .filters {
	position:absolute;
	top:5px;
	right:0;
}

table.reviews th.artist 	{width:100px;}
table.reviews th.title  	{width:auto;}
table.reviews th.style  	{width:100px;}
table.reviews th.score  	{width:35px;}

table.reviews th:last-child,
table.reviews td:last-child {
	text-align:right;
}
th.header
{
    background-image: url(../gfx/icons/bg.gif);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
    border-right: 1px solid #dad9c7;
    margin-left: -1px;
   	background-color: #6E6E6E;
}


th.headerSortDown {
   	background-image: url(../gfx/icons/desc.gif);
}

th.headerSortUp {
   	background-image: url(../gfx/icons/asc.gif);
}

/*	Media queries for responsive design
		***********************************/

@media all and (orientation:portrait) {
	/* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
	/* Style adjustments for landscape mode goes here */

}

/*	Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)	*/
@media screen and (max-device-width: 480px) {
	
	body {
		margin:0;
		padding:0;
		width:auto;
		font-size:100%;
		line-height:120%;
		background:white;
	}
	
	#mid,
	#mid #center {
		clear:both;
		width:auto;
		float:none;
		margin:0;
		padding:0;
	}
	
	.c-block-top,
	.c-block-mid,
	.c-block-bottom {
		margin:0;
		padding:0;
		background:white;
	}
	
	.c-block-mid {
		padding:5px 10px;
	}
	.rusty { 
		border-left: 0px solid transparent;
		background-clip: border-box;
		background-origin: border-box;
		background-position: -1px -5px; 
	}
	
	/*	Base styling	*/
	#left,
	#right,
	.crumbs,
	.banner {
		display:none;
	}
	
	object {
		width:100%;
		overflow:hidden;
	}
	
	/*	Common components	*/
	.cover {
		float:none;
		margin:0 0 10px 0;
		padding:0;
		border:none;
		width:100%;
		height:100%;
	}
	
	/*	Header	*/
	#header,
	#header nav,
	#header #search,
	#header #search input,
	#header p {
		position:static;
		float:none;
		margin:0;
		padding:0;
		width:auto;
		height:auto;
		background:transparent;
	}
	
	#header {
		overflow:auto;
		background:black no-repeat top center url(../gfx/header/bg.jpg);
	}
	
	#header .banners { display:none;}
		
	#header #logo {
		position:static;
		width:240px;
		height:70px;
		margin:10px auto;
		-o-background-size:240px auto;
		-webkit-background-size:240px auto;
		-khtml-background-size:240px auto;
		background-size:240px auto;
	}
	
	#header #search {
		position: absolute;
		top: 62px;
		left: 160px;
		width:auto;
		background:transparent;
		margin-bottom: 5px;
	}
	
	#header #search input[type=text] {
		font-size:12px;
		line-height:16px;
		padding:5px 0;
		border:1px solid black;
		background:white;
	}
	
	#header #search input[type=submit] {
		font-size:12px;
		line-height:16px;
		width:60px;
		height:26px;
		text-indent:0;
		text-align:center;
		border:1px solid black;
		background:gray;
	}
	
	/*	Navigation	*/
	#header nav {
		overflow:auto;
		margin:5px;
		padding:0 0 5px 0;
	}
	
	#header nav li,
	#header nav li:last-child {
		display:block;
		float:left;
		height:auto;
		margin:2px;
		padding:0;
		font:11px/12px "Arial", sans-serif;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border:1px solid black;
		background:white;
	}
	
	#header nav ul li a {
		display:block;
		margin:0;
		padding:0 5px;
		height:25px;
		line-height:25px;
		color:black;
	}
	
	#header nav ul li.active {
		background:#b1a492;
	}

	#header nav ul li.active a {
		background:transparent;
	}
	/*  Language and editions bar */
	#header nav p {
		position: absolute;
		top: 70px;
		left: 7px;
		font-size: 11px;
		line-height: 13px;
		color: #fff;
		margin-bottom: 7px;
	}
	
	#header nav p a{
		color: #fff;
		font-size: 11px;
	}
	/*	Footer	*/
	
	#footer * {
		display:none;
	}
	
	#footer {
		position:static;
		margin:0;
		padding:5px 10px;
		width:auto;
		height:auto;
		background:black;
	}
	
	#footer #legal {
		display:block;
		position:static;
		margin:0;
		padding:0;
		width:auto;
		height:auto;
		color:white;
		font-size:11px;
		line-height:16px;
		-moz-text-shadow:none;
		-webkit-text-shadow:none;
		text-shadow:none;
	}
	
	/*	Score	*/
	p.score strong {
		font-size:40px;
	}
	
	/* Additions by Patrick van der Horst */

	a, a:visited, a:active, a:link, a:hover,a.more { font-size: 14px }
	article.review * { font-size: 14px; }

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	table tr th, table tr td {
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	table.c-block-top-header tr { border: 0; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		left: 6px;
		padding-right: 10px; 
		white-space: nowrap;

	}
	
	/*
	Label the data
	*/
	
	table.reviews td { text-align: right; padding-left: 100px;}
	table.reviews td:before { font-weight:bold;}
	table.reviews td:nth-of-type(1):before { content: "Artist"; font-weight:bold; }
	table.reviews td:nth-of-type(2):before { content: "Title"; font-weight:bold; }
	table.reviews td:nth-of-type(3):before { content: "Style"; font-weight:bold; }
	table.reviews td:nth-of-type(4):before { content: "Score"; font-weight:bold; }

	div.gezien { position: initial; z-index:1; display:block;}
	div.gesproken { position: initial; z-index:1; display:block;}
	div.gehoord { position: relative;  z-index:2; }	

	#home .banner .more,
	#home .special .more,
	#home .gesproken .more,
	#home .gezien .more,
	#home .prijsvraag .more,
	#home .agenda .more {
		position:initial;
		top: 0px;
		left:0px;
		width: auto;
		display: block;
	}

	#home .banner ,
	#home .special ,
	#home .gesproken ,
	#home .gezien ,
	#home .prijsvraag ,
	#home .agenda {
		width: auto;
	}
	
	.table-top .filters {
		position: initial; 
		top: 0;
		right: 0; 
	}

	/* Create Youtube small videos */
	.youtube {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}
	.youtube object,
	.youtube embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.options {float:none;}
	.options h2 {display:-webkit-inline-box;}
	table #reviews a, table #reviews a:active, table #reviews a:visited {padding-left: 100px;}
}


/*	Page: Streams
	************/
article.stream {
	overflow: auto;
}



/*	Page: Concerten	*/
#concertagenda .c-block-top {
	padding:23px 22px 5px 22px;
}

#concertagenda .c-block-top {
	color:white;

	background-image:url(../gfx/mid/c_block_top_concertagenda.png);
}

#concertagenda .c-block-top h1 {
	margin:0 0 15px 0;
	color:white;
}

#concertagenda .c-block-top p {
	font-size:14px;
	line-height:16px;
}

#concertagenda .c-block-top p a,
#concertagenda .c-block-top p a:active,
#concertagenda .c-block-top p a:visited {
	color:white !important;
}

#concertagenda .concert-dag {
	position:relative;
}

#concertagenda .concert-dag h2 {
	margin:0;
	padding:5px 20px 5px 20px;
	font-size:24px;
	line-height:32px;
	color:white;
	border-top:1px solid white;
	background:#2C261E;
}

#concertagenda .concert-dag .more {
	position:absolute;
	top:11px;
	right:15px;
}

#concertagenda .festival * {
	font-weight: bold;
	text-transform: uppercase;
}

#home .agenda .cancelled *,
#home .agenda .sold-out *,
#concertagenda .sold-out *, 
#concertagenda .cancelled * {
	color: red;
}

#home .agenda .moved *,
#home .agenda .recently-changed *,
#concertagenda .recently-changed *,
#concertagenda .moved * {
	color: green;
}

#concertagenda .concert-dag tr th,
#concertagenda .concert-dag tr td {
	width: 340px;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

#concertagenda .banner {
	margin:20px auto;
	background-position:50% 0;
}

/*	Concerts table	*/
table.concerts {
	margin:0 0 40px 0;
}

table.concerts th {
	color:black;
	background:white;
}

table.concerts th.concert	{width:50%;}
table.concerts th.location	{width:35%;}
table.concerts th.comment	{width:15%;}

.scoreTooltip {left: 350px;}
.scoreTooltip li {list-style-type: none;}

.currentScore {font-weight: bold;}

/*	Print styles
		************/
@media print {
	* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
	a, a:visited { color: #444 !important; text-decoration: underline; }
	/*	#mid a:after { content: " (" attr(href) ")"; } */
	abbr:after { content: " (" attr(title) ")"; }
	.ir a:after { content: ""; }	/* Don't show links for images */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }

	body, #mid, #center {
		width:auto;
	}

	#header {
		height:auto;
	}

	#header nav,
	#header #search,
	.banners,
	.banner,
	.side,
	.youtube {
		display:none;
	}

	.crumbs {
		display:none;
	}

	#header #logo {
		position:static;
		display:block;
		width:auto;
		text-align:center;
	}

	#header #logo img {
		margin:0 auto;
		display:inline-block;
		width:482px;
	}

	.score {
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border:1px solid black;
	}
	.social a {
		text-indent:0;
		overflow:visible;
	}

	.social li {
		display:block;
		float:left;
		margin:0 10px 0 0;
		padding:0;
		width:auto;
		height:auto;
	}

	.social li a {
		display:block;
		width:auto;
		height:auto;
		text-indent:0;
		overflow:visible;
	}

	table {
		border:1p5 solid black;
	}

	tr td {
		border:1pt solid gray;
	}

	/*	Footer	*/
	#footer * {
		display:none;
	}

	#footer {
		position:static;
		margin:5px 0 0 0;
		padding:5px 10px;
		width:auto;
		height:auto;
		border-top:1pt solid gray;
	}

	#footer #legal {
		display:block;
		position:static;
		margin:0;
		padding:0;
		width:auto;
		height:auto;
		color:black;
		font-size:11px;
		line-height:16px;
		-moz-text-shadow:none;
		-webkit-text-shadow:none;
		text-shadow:none;
	}


}