/**
 * Stylesheet for <Arts for Liedts>
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	name <johan@netlash.com>
 */

/* Typography and text styles */
body {
	font: 300 13px Georgia, sans-serif;
	line-height: 1.74; /* Safari 2.0.4 */
	padding: 0 0 20px;
	color: #444;
}

/* Headings */
h1, h2, h3, h4 {
	line-height: 1.1;
	font-family: Georgia, "Times New Roman", serif;
	color: #000;
}

h2, h3 {
	font-family: "Palatino", "Times New Roman", Georgia, serif;
	font-weight: 700;
	margin: 0 0 14px 0;
}

h2 {
	background: #FFF url(../images/ornament.gif) no-repeat bottom right;
	position: relative;
	left: -18px;
	font-size: 23px;
	padding: 8px 0 2px 0;
}

	h2 span, h3 span {
		background: white;
		padding-right: 2px;
	}

	#header h1 {
		background: url('../images/wapenschild.jpg') no-repeat scroll top left;
		width: 149px;
		height: 149px;
		text-indent: -9000px;
		margin: 0 auto;
	}
	
	#header h1 a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		border: none !important;
		text-decoration: none;
	}

h3, #blogdetail h1 {
	font-size: 18px;
	padding: 7px 0 4px 0;
	background: #FFF url(../images/ornament2.gif) no-repeat bottom right;
}

h4 {
	font-size: 13px;
	padding: 7px 0 7px 0;
	font-weight: 700;
}

p {
	padding: 0 0 14px 0;
}


p.special {
	font-size: 15px;
	font-style: italic;
	color: #000;
	padding-right: 20px;
}

ul, ol {
	padding: 0 0 12px 24px;
}

ul {
	list-style: disc;
}

ol {
	list-style-type: decimal;
	padding: 0 0 12px 24px;
}

	ul ul, ol ul {
		padding-bottom: 0;
	}
	
	ol ol {
		padding-bottom: 0;
	}
	
	ul ol {
		padding: 0 0 0 28px;
	}

small, span.mute {
	color: #808080;
	font-size: 11px;
}

code {
	font-family: Monaco, "Courier New", monospace;
	font-size: 12px;
	line-height: 1.15;
}

pre {
	padding: 7px 14px;
	background: #F5F5F5;
	margin: 0 0 14px;
}

blockquote, q {
	font-style: italic;
	color: #666;
}

blockquote {
	padding: 0 0 0 14px;
}

cite {
	font-size: 11px;
	text-align: right;
	display: block;
	position: relative;
	top: -14px;
	height: 0;
	/* Dismisses height to correctly align next element */
}

/* Default styling for data tables */
table {
	font-family: Arial, sans-serif;
	margin: 0 0 14px;
	border-top: 1px solid #CDCDCD;
	border-left: 1px solid #CDCDCD;
}

td, th {
	padding: 7px;
	border-right: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
	font-size: 12px;
}

th {
	font-weight: 300;
	font-style: italic;
	font-size: 14px;
	font-family: Georgia, sans-serif;
	color: #000;
	line-height: 1.2;
	text-align: left;
}

tr.rowOdd { background: white; }
tr.rowEven { background: #FCFCFC; }

form table {
	border: none;
}

form table td {
	border: none;
	font-size: 13px;
	vertical-align: top;
	padding: 0 5px 10px 0;
}

abbr, acronym {
	cursor: help;
}

/* Links */
a:link {
	color: #032086;
	text-decoration: none;
	border-bottom: 1px solid #032086;
}

a:visited {
	color: #431a97;
	text-decoration: none;
	border-bottom: 1px solid #431a97;
}

a:hover,
a:active {
	color: black;
	text-decoration: none;
	border-bottom: 1px solid black;
}


/**
 * = Page structure and layout
 * ----------------------------------------------------------
 */

	#container {
		width: 711px;
		margin: 0 auto;
	}
	
	#sidebar {
		padding-top: 20px;
		width: 149px;
		float: left;
	}
	
	#sponsors {
		border-top: 1px solid #D5D5D5;
		padding: 10px 0 0 0;
		margin-top: 30px;
		position: relative;
	}

		#sponsors a {
			text-indent: -9000px;
			display: block;
			border: none;
			position: absolute;
			overflow: hidden;
		}
		
		#sponsors a.stichting {
			width: 50px;
			height: 58px;
			top: 139px;
			right: 14px;
		}

		#sponsors a.contreras {
			width: 50px;
			height: 50px;
			top: 13px;
			left: 10px;
		}
		
		#sponsors a.netlash {
			width: 70px;
			height: 30px;
			top: 195px;
			right: 0;
		}
		
		#sponsors a.cortina {
			width: 68px;
			height: 30px;
			top: 195px;
			left: 10px;
		}

		#sponsors a.academie {
			width: 68px;
			height: 60px;
			top: 240px;
			left: 10px;
		}
		
		#sponsors a.dexia {
			width: 68px;
			height: 40px;
			top: 300px;
			left: 10px;
		}
		
		#sponsors a.bebotax {
			width: 58px;
			height: 50px;
			top: 14px;
			right: 10px;
		}
		
		#sponsors a.shoes {
			width: 67px;
			height: 50px;
			top: 74px;
			left: 10px;
		}
		

	#header {
		position: relative;
	}

	/* Main */
	#main {
		padding: 0 0 60px 0;
	}

	/* Navigation */
	#navigation {
		font-family: Georgia, serif;
		text-transform: uppercase;
		font-size: 12px;
	}
	
	#navigation ul {
		padding: 0;
		padding-top: 23px;
	}
	
	#navigation ul ul {
		padding: 0;
	}

	#navigation ul li {
		list-style: none;
	}

	#navigation ul li a {
		padding: 1px 0 14px 5px;
		display: block;
		border-top: 1px solid #c6cde4;
		text-decoration: none;
		border-bottom: none;
	}

	#navigation ul li.selected a {
		font-weight: 700;
	}

	#navigation li ul {
		padding: 0;
	}

	#navigation ul li.selected ul li {
		border: none;
		font-size: 12px;
	}

	#navigation li a:hover,
	#navigation li a:active {
		background: #F5F5F5;
	}

	#navigation ul li.selected ul {
		position: relative;
		top: -5px;
	}
	#navigation ul li.selected ul li a {
		padding: 5px 5px;
		margin: 0 0 0 10px;
		font-size: 11px;
		font-family: Arial;
		text-transform: none;
		font-weight: 300;
	}
	
	#navigation ul li.selected ul li.selected a {
		font-weight: 700;
	}

	#navigation ul li.selected ul li.selected ul li a {
		padding: 5px 10px 5px 50px;
		font-weight: 300;
	}

	#navigation ul li.selected ul li.selected ul li.selected a {
		font-weight: 700;
	}
	
	#navigation ul li.selected ul li.selected ul li.selected ul li a {
		background: #e5eaf7;
		border-bottom: 1px solid #DDD;
		padding: 5px 10px 5px 75px;
		font-weight: 300;
	}
	
	#navigation ul li.selected ul li.selected ul li.selected ul li.selected a {
		font-weight: 700;
	}
	
	#navigation ul li.selected ul li.selected ul li.selected ul li.selected ul li a {
		background: #e5eaf7;
		border-bottom: 1px solid #DDD;
		padding: 5px 10px 5px 75px;
		font-weight: 300;
	}
	
	#navigation ul li.selected ul li.selected ul li.selected ul li.selected  ul li.selected a {
		font-weight: 700;
	}

	/* Content */

	#content {
		padding: 95px 0 0 62px;
		width: 500px;
		float: left;
		min-height: 400px;
		height: auto !important;
		height: 400px;
	}
	
		.innercontent {
			width: 440px;
		}

	/* Footer */
	
	#footer {
		padding-top: 5px;
		margin: 30px auto 0;
		width: 711px;
		border-top: 1px solid #C7C7C7;
	}
	
	#footer ul {
		float: right;
		font-family: Arial, sans-serif;
	}

	#footer li {
		float: left;
		padding: 0 10px;
		list-style: none;
		font-size: 11px;
	}

	#footer li.last {
		padding-right: 0;
		border: none;
	}


/**
 * = MODULE: Guestbook
 * ----------------------------------------------------------
 */

dt.guestbook-comment-author,
dt.blog-comment-author {
	font-size: 11px;
	padding: 0 0 2px 0;
	height: 40px;
	color: #6b7982;
}

dt.guestbook-comment-author p {
	position: relative;
	top: 15px;
	padding: 0;
}

dd.guestbook-comment-message,
dd.blog-comment-message {
	padding: 0 0 2px 0;
	border-bottom: 1px dotted #EEE;
	margin: 0 0 10px 0;
}

p.form-moderation {
	padding: 5px;
	border: 1px dotted #808080;
	font-weight: 700;
	text-align: center;
	margin: 0 0 10px 0;
	background: #fffae2;
	color: #808080;
}

.hidden {
	display: none;
}

/**
 * = MODULE: Photo album
 * ----------------------------------------------------------
 */

div.galleryalbum {
	padding: 0 0 20px 0;
}

div.galleryalbum ul {
	clear: both;
	padding: 0;
}

li.photo {
	padding: 0 0 20px;
	background: white;
	list-style: none;
	clear: both;
}

li.photo img {
	float: left;
	padding-right: 10px;
}

li.photo p {
	padding: 0;
	font-family: "Palatino", Georgia, serif;
	font-size: 16px;
	font-weight: 700;
	float: left;
}

#gallery div.galleryalbum {
	float: left;
	overflow: hidden;
	border: 1px solid #DDD;
	padding: 0;
	margin: 0 0 20px;
	padding: 10px;
}

#gallery div.galleryalbum .album-preview {
	float: left;
	width: 120px;
}

#gallery div.galleryalbum .album-desc {
	float: left;
	width: 200px;
	padding-left: 10px;
}

#galleryimage ul {
	position: relative;
	padding: 0 0 10px 0;
}

#galleryimage ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content #galleryimage ul li.previousimage {
	position: absolute;
	left: 0;
	top: 0;
}

#galleryimage img {
	max-width: 100%;
}

#galleryimage ul li.nextimage {
	position: absolute;
	right: 0;
	top: 0;
}

#galleryimage ul li.currentimage {
	margin: 0 auto;
	width: 90px;
	text-align: center;
}

#content #galleryimage ul li a {
	text-decoration: none;
	padding: 2px 5px;
	font-size: 11px;
}

/**
 * = MODULE: Login
 * ----------------------------------------------------------
 */

div.error-report p {
	padding: 10px;
	background: red;
	color: white;
	font-weight: bold;
	margin: 0 0 18px 0;
}


/**
 * = MODULE: Blog
 * ----------------------------------------------------------
 */

#blogdetail h1 {
	font-size: 18px;
	padding: 0;
}

.blogform {
	padding: 0 0 0 50px;
}

#blog a.readmore {
	display: block;
	text-align: right;
	position: relative;
	bottom: 14px;
	font-style: italic;
	float: right;
	padding: 0 4px;
}

#blog h3, #blogdetail h1 {
	padding: 0;
	margin: 7px 0 2px;
}

#blog h3, #blogdetail h1 {
	background: none;
}

#blog h3 a, #blogdetail h1 {
	border: none;
}


div.blogpost {
	margin: 0 0 16px 0;
}

.blogpost div.text {
	padding: 0 0 5px 0;
}

#home div.blogpost h3.blogposttitle {
	padding: 0;
}

.blogcomments {
	padding-left: 49px;
}

.blogform h3, .blogcomments h3 {
	color: #333;
}

div.date {
	margin: 0 10px 9px 0;
	width: 38px;
	padding: 6px 0 0;
	text-align: center;
	float: left;
	color: black;
	border: 1px solid #DDD;
}

div.date span {
	display: block;
}

div.date span.day {
	font-size: 24px;
	font-family: Palatino, "Times New Roman", Georgia, serif;
	line-height: 1;
	font-weight: 700;
}

div.date span.month {
	font-family: Arial, sans-serif;
	font-weight: 700;
	color: #333;
	font-size: 12px;
}

div.blogpost-content {
	float: left;
	width: 390px;
	overflow: hidden;
}

div.meta {
	clear: both;
	margin: 0 0 10px 0;
	color: #808080;
	font-family: Arial, sans-serif;
}

p.author {
	color: #808080;
	font-family: Arial, sans-serif;
	font-size: 11px;
	padding: 0 0 5px;
}

p.author a {
	font-weight: 700;
}

p.author strong {
	color: #000;
}

div.meta a:link,
div.meta a:visited {
	color: #444;
	border-bottom: 1px solid #BBB;
}

div.meta ul {
	padding: 0;
	list-style: none;
}
div.meta ul li {
	font-size: 11px;
	float: left;
	line-height: 1.8;
	padding: 0 8px 0 0;
}

div.meta ul li.last {
	padding-right: 0;
	border: none;
}

div.blogcomment {
	margin: 0 0 18px 0;
	font-size: 12px;
	color: #666;
	font-family: Arial, sans-serif;
}

/**
 * = MODULE: Contact
 * ----------------------------------------------------------
 */

input, textarea {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

textarea.textarea {
	padding: 3px 2px;
}

span.form-error {
	color: red;
	display: block;
	padding: 0 0 2px 0;
	font-family: Arial, sans-serif;
	font-size: 11px;
}

span.form-success {
	color: green;
	display: block;
	font-family: Arial, sans-serif;
	font-weight: 700;
	padding: 8px;
	border: 1px solid green;
	margin: 0 0 10px;
}

input.input-text-error,
input.input-password-error,
textarea.textarea-error {
	border: 1px solid red;
	padding: 3px 2px;
}

form dl dd {
	padding: 0 0 8px 0;
}

#name, #email, #website, #subject {
	width: 210px;
}

#message {
	width: 350px;
	height: 8em;
}

p.guestbook-comment-author {
	font-size: 11px;
	padding: 0 0 2px 0;
	color: #6b7982;
}

p.guestbook-comment-message {
	padding: 0 0 2px 0;
	margin: 0 0 10px 0;
	width: 460px;
}

p.form-moderation {
	padding: 5px;
	border: 1px dotted #808080;
	font-weight: 700;
	text-align: center;
	margin: 0 0 10px 0;
	color: #808080;
}

div.guestbookcomment {
	margin: 0 0 15px;
}

/* Fork defaults: image classes */
img.alignleft {
	float: left;
	padding: 0 10px 10px 0;
}

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

/* Fork defaults: breadcrumb */
#breadcrumb {
	font-size: 11px;
	float: left;
}

/* Fork defaults: user */
#user {
	font-size: 11px;
	float: right;
}

#user input {
	font-size: 11px;
}

#user input.input-text {
	width: 110px;
}

#user input.input-password {
	width: 70px;
}

#user p {
	padding: 0 0 10px;
}

/* Fork defaults: linkbutton */
a.linkbutton {
	border-bottom: 1px solid #E5EAF7;
	background: #FFF;
	padding: 3px 12px;
	display: block;
	font-family: Arial, sans-serif;
	float: left;
	font-size: 11px;
	font-weight: 700;
	margin: 0 0 0 10px;
}

/* Fork defaults: backlinks*/
p.backlink {
	clear: both;
}

p.backlink a {
	background: #FFF;
	font-family: Arial, sans-serif;
	font-weight: 700;
	padding: 1px 4px;
	float: right;
	border-bottom: 1px solid #032086;
	text-decoration: none;
	font-size: 11px;
}

/* Fork defaults: pagination */
.pagination-wrap {
	width: 100%;
	overflow: hidden;
}

.pagination {
	float: left;
	position: relative;
	left: 50%;
}

.pagination ul {
	padding: 18px 0;
	z-index: 2;
	overflow: hidden;
	position: relative;
	left: -50%;
}

.pagination li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
}

.pagination li span {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #CCC;
	min-width: 12px;
}

.pagination li.currentpage span {
	font-weight: 700;
	color: black;
}

.pagination li.selected span {
	padding: 4px 5px;
	font-weight: 700;
	color: black;
}

.pagination li a:link,
.pagination li a:visited {
	float: left;
	display: block;
	padding: 3px 4px;
	border: 1px solid #DDD;
	text-decoration: none;
	min-width: 12px;
}

li.ellipsis {
	margin: 0;
}

li.ellipsis span {
	color: black;
}

.pagination li a:hover,
.pagination li a:active {
	background: #EEE;
	border: 1px solid #BBB;
	color: black;
}

.nextpage, .previouspage { font-size: 11px !important; }
.pagination li.nextpage { margin-left: 10px; }
.pagination li.previouspage { margin-right: 15px; }

/* Fork defaults: general purposes classes */
.hidden { display: none; }
.block { display: block; }
.nopadding { padding: 0 !important; }
.floatleft { float: left; }
.floatright { float: right; }
.noborder { border: none !important; }
.mute { color: #808080; }
.small { font-size: 11px; }

/* Clearfix */
.clearfix:after, .blogpost:after, .backlink:after, li.photo:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}