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

/**
 * = Global reset
 * ----------------------------------------------------------
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

/**
 * = General
 * ----------------------------------------------------------
 */

body {
	font: 300 13px Arial, sans-serif;
	background: #9dc21c url(../images/bodybg2.png) repeat-x;
	color: #2b2b2b;
}

#container {
	width: 960px;
	background: #9dc21c;
	margin: 0 auto;
}

strong {
	font-weight: 700;
}

em {
	font-style: italic;
}

div.blogpost {
	clear: both;
	padding: 0 0 20px 0;
}

object, embed {
	padding: 0 0 0 20px;
	display: block;
}

#pagination {
	text-align: center;
	padding: 15px 0;
}

/**
 * = Headings
 * ----------------------------------------------------------
 */

/* Image replacement of the h1 in header */

#header {
	position: relative;
}

#header h1 {
	text-indent: -9000px;
	top: 200px;
	left: 50px;
	position: absolute;
}

#header h1 a {
	width: 310px;
	height: 100px;
	display: block;
	overflow: hidden;
}

/* Regular headings */

h1 {
	font: 700 28px Arial, sans-serif;
	color: #e2007a;
}

h2 {
	font: 700 18px "Trebuchet MS", Arial, sans-serif;
	color: #ed7719;
	padding: 0 0 8px 0;
}

h3 {
	font: 700 15px Arial, sans-serif;
	color: #407883;
	padding: 0 0 6px 0;
}

h4 {
	font: 700 13px "Trebuchet MS", Arial, sans-serif;
	color: #ed7719;
	padding: 0 0 6px 0;
}

ul {
	padding: 0 0 14px 28px;
}

dl {
	padding: 0 0 14px 0;
}

ul li {
	list-style: square;
	line-height: 1.4;
}

span.small {
	font-size: 11px;
}

span.mute {
	color: #808080;
}

p {
	padding: 0 0 12px 0;
	line-height: 1.4;
}

/**
 * = Archief
 * ----------------------------------------------------------
 */

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

table.datagrid td {
	padding: 3px 6px;
}

tr.rowOdd {
	background: #f3ecd6;
}

tr.rowEven {
	background: transparent;
}

/**
 * = Main
 * ----------------------------------------------------------
 */

#maintop {
	width: 960px;
	background: url(../images/maintop.png) no-repeat 0 0;
	height: 30px;
}

#main {
	background: url(../images/mainbg.png) repeat-y 0 0;
	padding: 0 20px;
}

/**
 * = Links
 * ----------------------------------------------------------
 */

a:link {
	color: #e68127;
	text-decoration: underline;
}

a:visited {
	color: #c26a21;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #378696;
	text-decoration: underline;
}

span.meta {
	color: #834c3b;
	font: 300 11px Arial, sans-serif;
	display: block;
	padding: 0 0 11px 0;
}


/**
 * = Blog
 * ----------------------------------------------------------
 */

div.extra-blog h3 a,
div.blogpost h3 a {
	text-decoration: none;
}

div.extra-blog h3,
div.blogpost h3 {
	padding: 0 0 1px 0;
}

div.extra-blog {
	padding: 0 0 20px 0;
}

#extra {
	padding: 30px 0 0 0;
}

/**
 * = Header
 * ----------------------------------------------------------
 */

#header {
	background: #d5edf7 url(../images/header.png) no-repeat 0 0;
	width: 960px;
	height: 300px;
}

/**
 * = Navigation
 * ----------------------------------------------------------
 */

#navigation {
	width: 145px;
	margin: 0 20px;
	float: left;
	background: #ea631d url(../images/navbg.png) no-repeat top center;
	display: inline;
}

#navbottom {
	background: url(../images/navbottom.png) no-repeat 0 0;
	width: 145px;
	height: 21px;
}

#navigation ul {
	padding: 30px 0;
}

#navigation li {
	font: 700 14px Arial, sans-serif;
	color: #fbf8b9;
	border-bottom: 1px solid #f08126;
	list-style: none;
}

#navigation li ul {
	padding: 0;
	background: #d65b1b;
}

#navigation li ul li {
	font: 700 12px Arial, sans-serif;
}

#navigation li ul li a:link,
#navigation li ul li a:visited,
#navigation li ul li a:hover,
#navigation li ul li a:active {
	padding: 5px 7px 5px 25px;
}


#navigation li.selected ul li a {
	background: #d65b1b;
	color: #fbf8b9;
}

#navigation li.selected ul li.selected a {
	background: #ec7c20;
	color: white;
}

#navigation li.selected {
	color: white;
}

#navigation li a:link,
#navigation li a:visited {
	display: block;
	padding: 7px 7px 7px 15px;
	color: #fbf8b9;
	text-decoration: none;
}

#navigation li a:hover,
#navigation li a:active {
	color: white;
}

#navigation li.selected a {
	background: #ec7c20;
	color: white;
}

/**
 * = Img classes
 * ----------------------------------------------------------
 */

img.left, img.alignleft {
	float: left;
	padding: 0 8px 8px 0;
}

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

img.center, img.aligncenter, img.aligncentered {
	text-align: center;
	margin: 0 auto;
}

/**
 * = Content
 * ----------------------------------------------------------
 */

#contentwrap {
	width: 715px;
	float: left;
}

#contenttop {
	width: 715px;
	height: 20px;
	background: #fffef2 url(../images/contenttop.png);
}

#content {
	background: #fffef2;
	padding: 5px 40px 0 40px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	line-height: 1.4;
}

div.comments {
	color: #7f7f79;
	font-size: 11px;
	line-height: 1.4;
	padding: 20px 0 0 0;
}

div.comments ul {
	float: right;
}

div.comments ul li {
	float: left;
	margin: 0 5px;
	list-style: none;
}

/**
 * = Linkbutton
 * ----------------------------------------------------------
 */

a.linkbutton span.corner {
	width: 12px;
	height: 12px;
	display: block;
	position: absolute;
	font-size: 1px;
	line-height: 1px;
}

a.linkbutton span.topleft {
	background: url(../images/cornersffc.png) no-repeat top left;
	top: 0; left: 0;
}

a.linkbutton span.topright {
	background: url(../images/cornersffc.png) no-repeat top right;
	top: 0; right: 0;
}

a.linkbutton span.bottomleft {
	background: url(../images/cornersffc.png) no-repeat bottom left;
	bottom: 0; left: 0;
}

a.linkbutton span.bottomright {
	background: url(../images/cornersffc.png) no-repeat bottom right;
	bottom: 0; right: 0;
}

a.linkbutton:link,
a.linkbutton:visited {
	color: #fbf8b9;
	text-decoration: none;
	background: #ea631d;
	font-size: 11px;
	padding: 5px 14px;
	position: relative;
	top: -2px;
	float: left;
	line-height: 1;
	font-weight: 700;
}

a.linkbutton:hover,
a.linkbutton:active {
	background: #ec7c20;
	color: white;
}

a.linkbutton-alt:link,
a.linkbutton-alt:visited {
	color: #fbf8b9;
	background: #378696;
	font-size: 12px;
}

a.linkbutton-alt:hover,
a.linkbutton-alt:active {
	color: white;
	background: #2c616c;
}

ul.morepages {
	padding: 15px 0;
}

ul.morepages li {
	float: left;
	margin: 0 15px 0 0;
	list-style: none;
}

/**
 * = Forms
 * ----------------------------------------------------------
 */

input, textarea {
	font: 300 12px Arial, sans-serif;
	border: 1px solid #cbc9af;
	padding: 3px;
}

input#name {
	width: 200px;
}

input#website, input#subject, input#email {
	width: 300px;
}

input.input-button {
	background: #ea631d;
	color: white;
	border: none;
	padding: 2px;
}

textarea#message {
	width: 500px;
	border: 1px solid #cbc9af;
	font: 300 13px Arial, sans-serif;
}

textarea.textarea-full {
	height: 7em;
}

form dl dt {
	padding: 0 0 2px 0;
}

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

/**
 * = Fotoalbum
 * ----------------------------------------------------------
 */

/**
 * = Guestbook
 * ----------------------------------------------------------
 */

img.gravatar {
	float: right;
}

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 #e8dfc4;
	margin: 0 0 10px 0;
}

span.form-error {
	display: block;
	padding: 10px 0;
	color: #e70404;
}

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

/**
 * = Blog comments
 * ----------------------------------------------------------
 */

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

/**
 * = Footer
 * ----------------------------------------------------------
 */

#footer {
	padding: 60px 40px 0 0;
	height: 47px;
	width: 920px;
	color: #fffef2;
	background: url(../images/footerbg.png) no-repeat 0 0;
	clear: both;
}

#footer a:link,
#footer a:visited {
	color: #fffef2;
}

#footer ul {
	float: right;
}

#footer ul li {
	display: inline;
	padding: 0 4px;
	list-style: none;
}

#footer ul li.last {
	border: none;
}


/**
 * = Clearfix
 * ----------------------------------------------------------
 * @see http://www.positioniseverything.net/easyclearing.html
 * @see http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
 * @see http://www.stuffandnonsense.co.uk/archives/clearing_floats_without_structural_markup_in_ie7.html
 */

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