/*

	Media:      screen, projection
	Author:     Yoni De Beule <info@yoni-web.be>

*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

body {
	font: 300 12px Helvetica, Arial, sans-serif;
	line-height: 1.5;
	color: #fff;
	background: #000;
}

	body#whale {
		background: #000 url(../images/whale.jpg) no-repeat 25px 25px;
	}

/*
	Typography and text styles
*/

p {
	padding: 0 0 12px 0;
}

strong, th, thead td, h1, h2, h3, h4 {
	font-weight: 700;
}

h1, h2, h3 {
	line-height: 1.1;
}

h1 a, h2 a, h3 a, h4 a {
	border: 0;
}

h1 {
	font-size: 24px;
	padding: 0 0 12px 0;
}

h2 {
	font-size: 18px;
	padding: 0 0 12px 0;
}

h3 {
	font-size: 14px;
	padding: 0 0 12px 0;
}

h4 {
	font-size: 12px;
	padding: 0 0 6px 0;
}

small {
	font-size: 11px;
}

.mute {
	color: #999;
}

/* Links */

a { text-decoration: none; border-bottom: 1px solid #545454; color: #fff; }
a:link { border-color: #545454; color: #fff; }
a:visited { border-color: #434343; color: #ccc; }
a:hover, a:active { border-color: #fff; color: #fff; }

/* Image classes */

img.alignLeft {
	float: left;
	padding: 0 10px 10px 0;
}

img.alignRight {
	float: right;
	padding: 0 0 10px 10px;
}

a.linkedImage {
	border: 0;
	display: block;
	font-size: 11px;
	color: #333;
}

a.linkedImage img {
	display: block;
}

/*
	Page structure and layout
*/

#container {
	padding: 50px 100px;
}

/*
	Header
*/

	/* Logo */

	#header h1 {
		width: 237px;
		height: 32px;
		background: url(../images/logo.png) no-repeat;
		text-indent: -9999px;
		float: left;
		padding: 0;
		margin-bottom: 46px;
	}

	#header h1 a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		border: 0;
	}

/*
	Content
*/

#content {
	clear: left;
}

#content li {
	float: left;
	width: 200px;
	height: 112px;
}

#content li a {
	width: 200px;
	height: 112px;
	display: block;
	background: url(../images/sprite.jpg) no-repeat;
	overflow: hidden;
	border: 0;
}

#content li a:link, #content li a:visited {
	-webkit-transition: all 0.2s linear;
}

#content li a:hover, #content li a:active {
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
}

#content li a span, #content li a big {
	display: inline-block;
	width: 0;
	height: 0;
	text-indent: -9999px;
}

#content li a small {
	float: left;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.75);
	color: #fff;
	clear: left;
	margin: 2px 0 0 0;
	padding: 0 4px;
	line-height: 18px;
}

#content li.amerika a { background-position: 0 0; }
#content li.goedkoop a { background-position: 0 -112px; }
#content li.samesame a { background-position: 0 -224px; }
#content li.xantel a { background-position: 0 -336px; }
#content li.gameon a { background-position: 0 -448px; }
#content li.tvtweets a { background-position: 0 -560px; }
#content li.vlmbuzz a { background-position: 0 -672px; }
#content li.yakuza a { background-position: 0 -784px; }
#content li.deziweb a { background-position: 0 -896px; }
#content li.gangwarfam a { background-position: 0 -1008px; }
#content li.protour a { background-position: 0 -1120px; }
#content li.duximus a { background-position: 0 -1232px; }
#content li.mckinsey a { background-position: 0 -1344px; }
#content li.yoni a { background-position: 0 -1456px; }
#content li.ellen a { background-position: 0 -1568px; }
#content li.foodjobs a { background-position: 0 -1680px; }
#content li.ddelectrics a { background-position: 0 -1792px; }
#content li.gigalert a { background-position: 0 -1904px; }

#ie6note, #error {
	clear: left;
	padding-bottom: 20px;
}

/*
	Footer
*/

#footer {
	clear: left;
	padding-top: 46px;
	font-size: 11px;
	line-height: 18px;
}

#footer li {
	float: left;
	padding-right: 10px;
}

#footer li span {
	display: inline-block;
	width: 0;
	height: 0;
	text-indent: -9999px;
}

/* General purpose classes */

.hidden { display: none; }
.block { display: block; }

.floatLeft { float: left; }
.floatRight { float: right; }

.noPadding { padding: 0; }
.paddingBottom { padding-bottom: 12px; }

.clear { clear: both; }

/* Guillotine bug */

.guillotineBugFix {
	display: none;
}

/* Clearfix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}