/**
 * Stylesheet for Minoc
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	Pieter De Baets <pieter@netlash.com>
 */

/* Typography and text styles */
body {
	font: 300 12px Arial, sans-serif;
	line-height: 1.48; /* Safari 2.0.4 */
	padding: 0 0 20px;
	color: #333;
	background: #898989 url('../images/body.png') center repeat-y;
}

/* Headings */
h1, h2, h3, h4 {
	font-weight: 700;
	line-height: 1.1;
	font-family: Helvetica, Arial, sans-serif;
}

h2 {
	font-size: 24px;
	padding: 20px 0 2px 0;
	margin: 0 0 12px 0;
	color: #607ba0;
}

h3, h3 a:link, h3 a:visited {
	color: #d2232a;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 28px;
	clear: both;
}

h4 {
	color: #7291a3;
	font-size: 14px;
	line-height: 26px;
	padding: 0;
	clear: both;
}

p {
	padding: 0 0 14px 0;
}

ul, ol {
	padding: 0 0 14px 0;
}

ul {
	list-style: none;
}

li {
	background: url('../images/li.gif') no-repeat 0 7px;
	padding-left: 14px;
}

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 #D6E0EC;
	border-left: 1px solid #D6E0EC;
}

td, th {
	padding: 5px;
	border-right: 1px solid #D6E0EC;
	border-bottom: 1px solid #D6E0EC;
	font-size: 11px;
}

th {
	font-weight: 700;
	background: #F5F7F9;
	color: black;
	line-height: 1.2;
	text-align: left;
}

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

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: #607BA0;
}

a:visited {
	color: #607BA0;
}

a:hover,
a:active {
	color: #D2232A;
}

.action span {
	float: left;
	display: block;
	padding: 0;
	background: url('../images/button.png') no-repeat left;
}

	.action a:link, .action a:visited {
		display: block;
		margin-left: 10px;
		padding-right: 10px;
		color: #FFF;
		font-size: 14px;
		line-height: 26px;
		text-decoration: none;
		background: url('../images/button.png') no-repeat right;
		font-weight: 100;
	}
	.action a:hover, .action a:active {
		text-decoration: underline;
	}

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

	#container {
		width: 950px;
		margin: 0 auto;
		position: relative;
	}

	#topbar {
		padding-top: 20px;
		border-bottom: 1px solid #CCC;
	}

	#header {
		background: url('../images/header.jpg') top right no-repeat;
	}

	#header h1 {
		padding: 18px 0 62px 29px;
		display: block;
		width: 288px;
		height: 109px;
		text-indent: -9999px;
	}

	#header h1 a {
		display: block;
		width: 243px;
		height: 109px;
		background: url('../images/logo.png') no-repeat;
		text-decoration: none;
	}


	#language {
		float: right;
		top: 14px;
		right: 12px;
		position: absolute;
	}

	#language ul {
		float: right;
	}

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

	#language li a:link,
	#language li a:visited {
		display: block;
		width: 19px;
		height: 19px;
		line-height: 19px;
		text-align: center;
		color: #fff;
		font-weight: 700;
		text-decoration: none;
		margin-left: 5px;
	}

	#language li a:hover,
	#language li a:active {
		background: url('../images/lang-selected.png') no-repeat;
		color: #fff;
		text-decoration: none;
	}

	#language li.selected a {
		background: url('../images/lang-selected.png') no-repeat;
		color: #fff;
		text-decoration: none;
	}

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

	/* Navigation */

	#sidebar {
		width: 260px;
		margin: -55px 0 0 1px;
		padding: 55px 27px 0;
		float: left;
		background: #f3f3f3 url('../images/sidebar.png') top repeat-x;
	}

	#navigation {
		width: 190px;
	}

	#navigation ul {
		padding: 0;
	}

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

	#navigation ul li a {
		padding: 5px 10px;
		display: block;
		text-decoration: none;
		border-bottom: 1px solid #EDEDED;
	}

	#navigation ul li.selected a {
		color: #000;
		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: #EEE;
	}

	#navigation ul li.selected ul li a {
		padding: 5px 10px 5px 25px;
		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;
	}

	.spotlight-block {
		padding: 5px;
		font-size: 11px;
		color: #6d6e71;
	}

	.spotlight-block h3, .spotlight-block h3 a:link, .spotlight-block h3 a:visited {
		font-size: 14px;
		color: #607ba0;
		text-decoration: none;
		font-weight: 700;
		line-height: 22px;
	}

	.spotlight-block h3 a:hover {
		text-decoration: underline;
	}

	/* Content */

	#content {
		width: 594px;
		float: left;
		margin: 0 0 0 22px;
		min-height: 400px;
		height: auto !important;
		height: 400px;
	}

	/* Footer */
	#footer {
		border-top: 1px solid #f5f3f3;
	}
	#footer ul {
		padding: 10px 10px 10px 327px;
	}

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

	#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-left: 0;
}

li.photo {
	float: left;
	padding: 7px 7px 21px;
	background: white;
	border: 1px solid #CCC;
	margin: 0 12px 12px 0;
	text-align: center;
	list-style: none;
}

li.photo p {
	padding: 0;
}

li.photo p a {
	text-decoration: none;
}

#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;
}

#login-permanent {
	width: 960px;
	margin: 0 auto;
}

#login-permanent p {
	float: right;
	padding: 8px 20px;
	background: white;
	border: 1px solid #D9D9D9;
	border-top: none;
	margin: 0 0 20px;
	font-size: 11px;
}

/**
 * = MODULE: Links module
 * ----------------------------------------------------------
 */

#linkscategories table, #linksdetail table {
	margin: 0 0 20px;
	border: none;
	width: 100%;
	border-top: 1px solid #EEE;
}

#linkscategories table td, #linksdetail table td {
	border: none;
	border-bottom: 1px solid #EEE;
	padding: 10px 2px;
}

#linksdetail h2, #linkscategories table td h2 {
	font-size: 12px;
	padding: 0;
}

td.linkname {
	width: 30%;
}

td.linkdescription {
	width: 60%;
}

/**
 * = MODULE: News
 * ----------------------------------------------------------
 */

div.newsarticle {
	margin: 0 0 18px 0;
	border-bottom: 1px solid #EEE;
}

#home div.newsarticle h4 {
	padding: 0;
}

#newsdetail h1 {
	padding: 0;
}

#newsdetail div.newscontent {
	padding: 0 0 10px 0;
}

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

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

#blog h2 {
	padding-bottom: 0;
}

#home #blog {
	width: 100%;
	margin: 0;
}

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

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

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

div#blogarchive-mini {
	width: 130px;
	float: right;
	border: 1px solid #D9D9D9;
	background: #fff;
	padding: 10px;
}

#blogarchive table {
	float: left;
	font-family:Arial,sans-serif;
	margin: 0;
	margin-right:20px;
	width: 498px;
	border: none;
}

#blogarchive table tfoot {
	display: none;
}

#blogarchive table td {
	border: none;
	border-bottom: 1px solid #EEE;
}

#blogarchive table th {
	border: none;
	font-size: 10px;
	color: #808080;
	font-weight: 300;
	text-transform: uppercase;
	border-bottom: 1px solid #EEE;
	background: none;
}

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

.blogcomments h4.commenttitle {
	font-size: 11px;
	font-weight: 300;
}

.blogcomments p.author {
	font-size: 11px;
	font-weight: 700;
}

#blog {
	float: left;
	width: 450px;
	margin: 0 20px 0 0;
	overflow: hidden;
}
#blogdetail {
	overflow: hidden;
}
/* Minimum breedte voor blog is 450px */

p.date {
	font-size: 11px;
	line-height: 1.5;
	padding: 0 0 9px 0;
	color: #808080;
}

div.meta {
	margin: 0 0 20px 0;
	border-top: 1px solid #D9D9D9;
	color: #808080;
}

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;
	border-bottom: 1px solid #DDD;
	position: relative;
}

div.blogcomment img.gravatar {
	position: absolute;
	top:0;right:0;
}

/**
 * = MODULE: events
 * ----------------------------------------------------------
 */

#eventdata {
	border: 2px solid #7fc8d2;
	border-width: 2px 0;
	padding: 2px 0;
	}

	#eventdata p {
		padding: 0 0 6px 0;
	}
	#eventdata ul {
		list-style: disc inside;
		padding: 0 0 8px 0;
	}
	#eventdata li {
		background: none;
		padding: 0;
	}

#eventdetail {}

	#eventdetail h3 {
		background: url('../images/event-h3.png') left no-repeat;
		padding-left: 10px;
		text-transform: uppercase;
		margin: 15px 0 10px 0;
	}
	
	#eventdetail h3, #eventdetail h3 a:link, #eventdetail h3 a:visited {
		line-height: 42px;
	}

	#eventdetail table {
		width: 100%;
		border: 0;
	}
		#eventdetail td, #eventdetail th, #eventdetail tr {
			border: 0;
			font-size: 12px;
		}

		#eventdetail th {
			background: none;
			font-weight: 100;
			width: 45px;
			border-right: 1px solid #eeecec;
		}
			#eventdetail tr.rowEven th {
				background: #F5F3F3;
			}

		#eventdetail td {
			padding-left: 15px;
		}

#participants {
	margin-bottom: 5px;
}
	#participants dl {
		padding: 5px;
	}

table.noborder {
	border: 0;
}
	table.noborder td, table.noborder th {
		border: 0;
	}



/**
 * = 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;
}

span.form-success {
	color: green;
	display: block;
	background: #CFC;
	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: 10em;
}

/**
 * = MODULE: FAQ
 * ----------------------------------------------------------
 */
#faqdetail dt {
	padding: 0;
	clear: both;
}

#faqdetail dt p {
	font-weight: 700;
	padding: 0 0 5px 0;
}

#faqdetail dd {
	border-bottom: 1px solid #DEDEDE;
	margin: 0 0 10px 0;
	clear: both;
}

/* Module: newsletter subscription */
#newslettersubscribeform ul {
	padding: 0;
}

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

/* Module: Guestbook */
img.gravatar {
	float: right;
}

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 26px;
	min-height: 45px;
	height: auto !important;
	height: 45px;
}

/* 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: 1px solid #E5EAF7;
	background: #FFF;
	padding: 3px 8px;
	display: block;
	float: left;
	font-weight: 700;
	margin: 0 10px 0 0;
}

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

p.backlink a {
	background: #FFF;
	padding: 3px 6px;
	border: 1px solid #AAA;
	text-decoration: none;
	font-size: 12px;
}

p.backlink a:hover {
	background: #FFD;
}

/* 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; }

/* Fork defaults: simple column system */
.columns .column { float: left; }

/* Two columns */
.columns .column-12,
.columns .column-24 { width: 49.9%; }

/* Three columns*/
.columns .column-23 { width: 66.5%; }
.columns .column-13 { width: 33.2%; }

/* Four columns */
.columns .column-14 { width: 24.9%; }
.columns .column-34 { width: 74.9%; }

/* Five columns */
.columns .column-15 { width: 19.9%; }
.columns .column-25 { width: 39.9%; }
.columns .column-35 { width: 59.9%; }
.columns .column-45 { width: 79.9%; }

/* Spacing divs to fit inside colunns: gutter width and 1/2 gutter width */
.columns .spacing-left { margin-left: 20px; }
.columns .spacing-left-half { margin-left: 10px; }
.columns .spacing-right { margin-right: 20px; }
.columns .spacing-right-half { margin-right: 10px; }
.columns .spacing-both-half { margin-right: 10px; margin-left: 10px; }

/* Clearfix */
.clearfix:after, p.action:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}