* {  
	vertical-align: baseline;  
	font-family: inherit;  
	font-style: inherit;  
	border: none;  
	padding: 0;  
	margin: 0;  
}

body {
	color: white;
	font-size: 62.5%;
	line-height: 1.6em;
	font-family: Tahoma, Verdana, sans-serif;
	background: url(images/bg.jpg) top center repeat-y #474747;
}

table {  
	border-collapse: collapse;  
	border-spacing: 0;  
}

ul {
	list-style: none;
}

a {
	color: #c9e6df;
	text-decoration: underline;
	outline: none;
}

a:hover {
	text-decoration: underline;
	color: #fff;
}

a.ext, a.wp-caption {
	padding: 0 16px 0 0;
	background: url(images/ext.gif) right no-repeat;
}

p {
	margin: 0 0 2em 0;
	line-height: 1.7em;
}

.clear {
	clear: both;
}

.clear hr {
	display: none;
}

h1 {
	font-size: 1.5em;
	margin: 0 0 1.2em 0;
	color: #fff;
}

h2 {
	font-size: 1.1em;
	margin: 0 0 .4em 0;
	color: #c9e6df;
}

h3 {
	font-size: 1.1em;
	color: #c9e6df;
	margin: 0 0 1.2em 0;
	padding: 0 0 .5em 0;
	border-bottom: 1px dotted #888;
}



div#wrapper {
    position:relative;
    width:100%;
    height:100%;
	font-size: 1.2em;
}

div#header {
	height: 110px;
	background: url(images/top.gif) top left repeat-x #333;
}

div.center {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

div#logo {
	width: 410px;
	height: 80px;
	position: relative;
	left: -100px;
	top: 0px;
	padding: 30px 0 0 100px;
	/*background: url(images/logo-bg.gif) top left no-repeat;*/
}

div#logo a {
	display: block;
	width: 195px;
	height: 0!important;
	padding: 55px 0 0 0;
	overflow: hidden;
	background: url(images/logo.gif) top left no-repeat;
}

ul#navi {
	position: absolute;
	top: 0px;
	left: 350px;
}

ul#navi li {
	float: left;
	font-size: 1.1em;
	width: 120px;
	height: 110px;

}

ul#navi li a {
	display: block;
	height: 40px;
	color: #fff;
	padding: 70px 0 0 0;
	text-decoration: none;
}

ul#navi li a:hover {
	color: #f90;
}


ul#navi li a.active span {
	padding: .2em .3em;
	background: #f90;
}

ul#navi li a.active:hover {
	text-decoration: none;
	cursor: default;
	color: white;
}

div#container {
	margin: 0 auto;
	padding: 50px 0 100px 0;
	width: 960px;
	position: relative;
}


/* ---------------------- jFlow -----------------------*/



div#jflow {
	height: 300px;
	background: #333;
	margin: 50px 0 150px 0;
	padding: 30px;
}


div#jflow p.text {
	width: 400px;
	padding: 10px 0 0 10px;
	margin: 0 80px 0 0;
	float: left;
}

div#jflow p.text strong {
	display: block;
	color: #fff;
	font-size: 1.4em;
	margin: 0 0 1em 0;
}

div#jflow p.text span {
	color: #ccc;
}

div#jflow p.image {
	width: 400px;
	float: left;
	text-align: right;
}

ul#myController {
	float: left;
	padding: 0 0 0 10px;
}

ul#myController li {
	float: left;
	margin: 0 .5em 0 0;
}

ul#myController a.jFlowControl {
	display: block;
	width: 12px;
	height: 0!important;
	padding: 12px 0 0 0;
	overflow: hidden;
	background: url(images/dot.gif) top left no-repeat;
}

ul#myController a.jFlowSelected {
	background: url(images/dot.gif) top left no-repeat;
	background-position: 0 -12px;
}


/* ---------------------- Sidebar -----------------------*/


div#sidebar {
	float: left;
	width: 300px;
	margin: 0 50px 0 0;
}

div.box {
	padding: 15px;
	margin: 0 0 10px 0;
	background: url(images/bg-sidebar.jpg) top left repeat-y #333;
}

a#back {
	display: block;
	width: 280px;
	height: 25px;
	line-height: 25px;
	color: #333;
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	text-decoration: none;
	background: url(images/back.png) top left no-repeat;
}

a#back:hover {
	color: #f90;
}

blockquote {
	padding: 15px;
	font-family: Georgia, Times, serif;
	font-size: 1.5em;
	line-height: 1.3em;
	font-style: italic;
	background: #333;
}

blockquote p {
	margin: 0;
	line-height: inherit;
}

p.name {
	padding: 30px 0 0 0;
	text-align: right;
	color: #c9e6df;
	font-weight: bold;
	background: url(images/quote.gif) top right no-repeat;
}

ul.works {
	padding: 0 0 0 10px;
}

ul.works li {
	display: inline;
	margin: 0 12px 0 0;
}

ul.works li a:hover {
	border-bottom: 4px solid #f90;
}

ul.categories {
	
}

ul.categories li {
	width: 270px;
	height: 25px;
	margin: 0 0 5px 0;
}

ul.categories li a {
	display: block;
	text-decoration: none;
	padding: .3em 0 .3em 10px;
}

ul.categories li.current-cat a {
	color: #333;
	cursor: default;
	background: white;
}

ul.categories li.current-cat a:hover {
	text-decoration: none;
}

ul.categories li a:hover {
	color: #333;
	background: white;
}


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


div#content {
	float: left;
	width: 610px;
}

p.start {
	font-size: 1.5em;
	line-height: 1.4em;
}

p.teaser, span#messg {
	font-size: 1.5em;
	line-height: 1.4em;
}

div.column-left {
	float: left;
	width: 255px;
	margin: 0 100px 5em 0;
	padding: 1em 0 0 0;
}

div.column-right {
	float: right;
	width: 255px;
	margin: 0 0 5em 0;
	padding: 1em 0 0 0;
}

ul.check {
	font-weight: bold;
	line-height: 25px;
}

ul.check li {
	padding: 0 0 0 25px;
	background: url(images/check.gif) no-repeat;
	background-position: 0 5px;
}

ul.post-meta span {
	font-weight: bold;
}

ul#excerpts {
	float: left;
	width: 610px;
	margin: 0 0 4em 0;	
}

ul#excerpts li {
	float: left;
	display: inline;
	margin: 0 25px 1em 0;	
}

ul#excerpts li p {
	margin: 0;	
}

form {
	padding: 2em 0 0 0;
	
}

label {
	display: block;
	margin: 0 0 .5em 0;
}

input {
	font-size: 1.2em;
	padding: .5em;
	margin: 0 0 1em 0;
	color: white;
	width: 400px;
	background: #333;
}

input#senden {
	width: 100px;
	color: #333;
	margin: 1em 0;
	font-size: 1em;
	background: url(images/send.gif) bottom repeat-x white;
}

input#senden:hover {
	color: #f90;
}

textarea {
	width: 400px;
	padding: .5em;
	font-size: 1.2em;
	color: white;
	background: #333;
}


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



div#footer {
	clear: both;
	color: #888;
	font-size: 1em;
	height: 150px;
	padding: 50px 0 0 0;
	background: url(images/footer-bg.gif) top left repeat-x #333;
}

div#footer p {
	margin: 0 0 1.5em 0;
}

div#footer a {
	color: #888;
}

div#footer a:hover {
	color: #ccc;
}

ul#social {
	float: left;
	margin: 0 0 1.5em 0;
}

ul#social li {
	float: left;
	margin: 0 1em 0 0;
}

ul#social a {
	display: block;
	width: 16px;
	height: 0!important;
	padding: 16px 0 0 0;
	overflow: hidden;
	background: url(images/social-icons.gif) top left no-repeat;
}

ul#social a#xing {
	width: 80px;
	background-position: 0 0;
}

ul#social a#lastfm {
	background-position: -81px 0;
}

ul#social a#twitter {
	background-position: -98px 0;
}

ul#social a#facebook {
	background-position: -115px 0;
}

ul#social a#flickr {
	background-position: -132px 0;
}

div#mood {
	float: right;
	width: 190px;
	height: 50px;
	background: url(images/mood.gif) top left no-repeat;
}

div#test {
	padding: 0 0 0 350px;
}