/* CSS bij jvds.nl index 2010 */

/* Webfont definitions */
@font-face {
	font-family: Visje; 
	src: url('../fonts/goodfish.ttf');
}
@font-face {
	font-family: Visje; 
	font-weight: bold;
	src: url('../fonts/goodfisb.ttf');
}
@font-face {
	font-family: Visje; 
	font-style: italic;
	src: url('../fonts/goodfisi.ttf');
}
@font-face {
	font-family: Visje; 
	font-weight: bold;
	font-style: italic;
	src: url('../fonts/goodfisc.ttf');
}

/* Regular css */

body {
	background-color: purple;
	margin: 40px 100px;
	font-family: Visje, Goodfish, serif;
	font-size: 11pt;
	letter-spacing: 1px;
	line-height: 1.4em;
	color: black;
}
body {
	/* Future gradient effect */
	background: -o-linear-gradient(left, purple, #330033);
	background: -moz-linear-gradient(left, purple, #330033);
	background: -webkit-linear-gradient(left, purple, #330033);
	background: linear-gradient(left, purple, #330033);
}

article, section, footer {
	display: block;
}

article, footer {
	display: block;
	border: 10px purple double;
	background-color: #88FF88;
	color: black;
	padding: 20px;
	max-width: 600px;
}


footer {
	margin-top: 20px;
	padding: 0 20px;
}

h1 {
	font-size: 20pt;
}
h2 {
	font-size: 15pt;
}
h3 {
}
h1, h2, h3 {
	text-shadow: #880088 2px 2px 4px;
	letter-spacing: 2px;
}
h1, h2, h3, p {
	margin-top: .7em;
	margin-bottom: .7em;
}
h2 + p, h3 + p, p + p {
	margin-top: 3px;
}


dl {
	margin-top: 7px;
}

dl dt {
	display: list-item;
	height: 20px;
	list-style-position: inside;
}

dl dd {
	margin: -20px 0 0 100px;
	font-style: italic;
	font-size: 10pt;
}

a {
	color: black;
}

article a {
	color: #880088;
}


q {
	font-style: italic;
	font-weight: bold;
	quotes: none;
}

sup {
	font-size: 8pt;
	text-decoration: underline;
}

/* footer intern */

footer {
	font-size: 10pt;
}

footer h1 {
	font-size: 12pt;
}

footer ol {
	font-style: italic;
}
footer ol em {
	font-style: normal;
}