/*
Theme Name:		denniskoster
Theme URL: 		http://www.denniskoster.nl/
Version: 		1.0
Description: 	De basis theme voor mijn site denniskoster.nl
Author: 		Dennis Koster
Author URI:		http://www.denniskoster.nl

Copyright 2009 Dennis Koster <http://www.denniskoster.nl> All rights reserved.
*/

* {
        margin: 0 auto;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
}

html {
        overflow-y: scroll;
}

body {
        background-color: #ffffff;
        background-image: url('images/background.jpg');
        background-repeat: no-repeat;
        font-size: 10px;
        font-family: helvetica,verdana, arial, helvetica, sans-serif;
        text-align: center;
}

#container {
        width: 822px;
        display: block;
}

#container #top {
		background: url('images/shadow-top.png');
		width: 822px;
		height: 10px;
}

#container #body {
        background: url('images/shadow-middle.png');
        width: 822px;
		overflow: hidden;

}

#container #bottom {
        background: url('images/shadow-bottom.png');
        width: 822px;
        height: 22px;
}

#container #wrap {
        width: 804px;
        display: block;
		padding-top: 1px;
}

#header {
	    background-image: url('images/header.jpg');
        background-repeat: no-repeat;
        height: 210px;
        width: 802px;
}

#header #banner {
        background-image: url('/images/header.php');
        background-repeat: no-repeat;
        height: 222px;
        width: 802px;
}

#header #logo {
        background-image: url('images/logo.png');
        background-repeat: no-repeat;
        height: 222px;
        width: 802px;
        position:relative;
        top: -224px;
		left: 37px;
}

#menu {
		padding-right: 18px; 
        height: 28px;
}

#menu ul {
		list-style-type: none;
		float: right; 
        height: 28px;
}

#menu ul li {
		display: inline;
		float: left;
}

#menu ul li a {
		border-right: #ffffff 1px solid; 
		background: #cdc3bc;
		font-weight: bold; 
		color: #5b4a3e; 
		text-decoration: none;
		font-size: 12px;
		text-align: center;
		line-height: 28px;
		padding: 8px 10px 8px 10px;
 		*padding: 14px 10px 14px 10px;
}

#menu ul li a:hover {
		border-right: #ffffff 1px solid;
		background: #877160; 
		font-weight: bold; 	
        color: #ffffff;	
		text-decoration: none;
		text-align: center;
		line-height: 28px;
		padding: 8px 10px 8px 10px;
	 	*padding: 14px 10px 14px 10px;
}

#footer {
        width: 722px;
        display: block;
}

#footer p {
        margin: 0px 0px 1.5em;
        line-height: 1.2em
}

#sidebar {
        margin-right: 18px;
        margin-top: 20px;
        float: right;
        width: 206px;
		text-align: left;
}

#sidebar ul li {
		list-style-type: none;
		list-style-image: none;
		margin-bottom: 15px;
}

#sidebar h2 {
        font-size: 14px;
        text-transform: uppercase;
        color: #5b4a3e;
        border-bottom: #5b4a3e 1px dotted;
		margin-bottom: 10px;
}

#sidebar span.flickrImage img {
		border: 0px solid;
	 	margin: 0px;
}

#sidebar .ngg-widget img {
		border: #877160 1px solid;
	 	padding: 2px;
}

#sidebar ul#get_recent_comments_wrap li {
		padding-left: 2px;
		margin: 0px;
		font-weight: bold;
}

#sidebar ul#get_recent_comments_wrap li a {
		font-weight: bold; 
		color: #A88972;		
		text-decoration: none;
}

#sidebar ul#get_recent_comments_wrap li a:hover {
		font-weight: bold; 	
		color: #5b4a3e; 
		text-decoration: underlined;
}

#sidebar ul#get_recent_comments_wrap li a:visited {
                font-weight: bold;
                color: #5b4a3e;
                text-decoration: underlined;
}

#sidebar li.cat-item {
		padding-left: 2px;
		margin: 0px;
		color: #5b4a3e;
		font-size: 10px;
}

#sidebar li.cat-item a {
		font-weight: bold; 
		color: #A88972;		
		text-decoration: none;
}

#sidebar li.cat-item a:hover {
		font-weight: bold; 	
		color: #5b4a3e; 
		text-decoration: underline;
}

#sidebar li.widget_get_recent_comments {
                padding-left: 2px;
                margin: 0px;
                color: #5b4a3e;
                font-size: 10px;
}

#sidebar li.widget_get_recent_comments a {
                font-weight: bold;
                color: #A88972;
                text-decoration: none;
}

#sidebar li.widget_get_recent_comments a:hover {
                font-weight: bold;
                color: #5b4a3e;
                text-decoration: underline;
}

#sidebar li.power-item {
                padding-left: 2px;
                margin: 0px;
		border: 0px;
}

#sidebar li.power-item img {
		border:0

}

#wp-calendar {
		width: 206px;
		border: 1px solid #877160;
		text-align: center;
		color: #5b4a3e;
		font-size: 10px;
		font-weight: bold;	
}

#wp-calendar caption {
		padding: 0.4em 0;
		border-top: 1px solid #877160;
		border-right: 1px solid #877160;
		border-left: 1px solid #877160;
		background: #877160;
		color: #ffffff;
		font-weight: bold;
}

#wp-calendar td {
		border: 0;
		border-collapse: collapse;
		background: transparent;
}

#wp-calendar td a {
		display: block;
		width: 100%;
		color: #ffffff;
		background: #877160;
		text-decoration: none;
}

#wp-calendar td.pad {
		background: transparent;
}

#wp-calendar td#next, #wp-calendar td#prev {
		padding: 0.1em 2px;
		background: transparent;
}

#wp-calendar td#next a, #wp-calendar td#prev a {
		display: inline;
		text-decoration: none;
		color: #A88972;
		border: #877160 0px solid;
		background: transparent;
}

#wp-calendar td#next a:hover, #wp-calendar td#prev a:hover {
		display: inline;
		color: #5b4a3e;
		text-decoration: underline;
}

#wp-calendar td#next {
		text-align: right;
}

#wp-calendar td#prev {
		text-align: left;
}

#wp-calendar td#today {
        font-weight: bold;
        border: #877160 1px solid;
}

#content {
}

.wide {
		text-align: left;
		margin-left: 13px;
		margin-top: 20px;
        margin-right: 20px;
}

.narrow {
        margin-right: 240px;
		text-align: left;
		margin-left: 13px;
		margin-top: 20px;
}

.post {
        font-size: 14px;
        font-family: helvetica,verdana, arial, sans-serif;
}

h2#post {
        font-size: 18px;
        color: #5b4a3e;
		padding-bottom: 2px;
        border-bottom: #5b4a3e 1px dotted;
		margin-bottom: 10px;
}

.post a {
		font-weight: bold; 
		color: #5b4a3e; 	
		text-decoration: none;
}

.post a:hover {
		font-weight: bold; 	
		color: #5b4a3e; 
		text-decoration: underline;
}

.post a.title:hover {
		font-weight: bold; 	
		color: #5b4a3e; 
		text-decoration: none;
}

p {
margin: 0 0 15px 0;
}

.post .info-top {
}

.post .info-bottom {
		padding-top: 5px;
		margin-top: 5px;
        border-top: #5b4a3e 1px dotted;
}

.post .date {
		background:url(images/icons.gif) no-repeat;
		padding-left:20px;
		height:16px;
		line-height:16px;
		display:block;
		font-size:11px;
		background-position:0 -48px;
		float:right;
}

.post .doc {
		background:url(images/icons.gif) no-repeat;
		padding-left:20px;
		height:16px;
		line-height:16px;
		display:block;
		font-size:11px;
		background-position:0 -64px;
		float:left;
}

.post .comments {
		background:url(images/icons.gif) no-repeat;
		padding-left:20px;
		height:16px;
		line-height:16px;
		font-size:11px;
		background-position:0 -96px;
}

#postfoot {
		margin-top: 10px;
		padding-top: 3px;
        font-size: 12px;
        color: #c3b8af;
		border-top: #c3b8af 1px dotted;
		margin-bottom: 20px;
}

#postfoot a {
		font-weight: bold; 
		color: #5b4a3e; 	
		text-decoration: none;
}

#postfoot a:hover {
		font-weight: bold; 	
		color: #5b4a3e; 
		text-decoration: underline;
}

#comments {
		margin-bottom: 10px;
}

#comments .comment {
		margin-bottom: 10px;
}

#comments li.comment {
		list-style-type: none;
		list-style-image: none;
		overflow: hidden;
}

.thread-alt {
		background-color: #f8f8f8;
		border: 1px solid #A88972;
		padding-bottom: 5px;
		padding-left: 2px;
}

.thread-even {
		background-color: white;
		border: 1px solid #A88972;
		padding-bottom: 5px;
		padding-left: 2px;
}

.avatar {
		float: right;
		border: #877160 1px solid;
		padding: 2px;
		background: #fff;	
		margin: 2px;	
}

.vcard h3 {
        font-size: 14px;
        color: #5b4a3e;
		padding-bottom: 5px;
}

.vcard a {
		font-weight: bold; 
		color: #5b4a3e; 	
		text-decoration: none;
}

.vcard a:hover {
		font-weight: bold; 	
		color: #5b4a3e; 
		text-decoration: underline;
}

.error404 {
		font-size: 14px;
		color: #877160;
}

img.error404 {
		border: #877160 1px solid;
	 	padding: 2px;
}

#trein-overzicht img {
                border: #877160 1px solid;
                padding: 4px;
}

#trein-overzicht img:hover {
  	     	background-color: #877160;
}

#trein-overzicht h4 {
        	font-size: 24px;
        	text-transform: uppercase;
        	color: #5b4a3e;
		text-align: left;
		margin: 0px;
}

#trein-overzicht span.desc {
		font-style: italic;
		font-size: 12px;
                color: #5b4a3e;
}

ul#links h2 {
        font-size: 18px;
        color: #5b4a3e;
                padding-bottom: 2px;
        border-bottom: #5b4a3e 1px dotted;
                margin-bottom: 10px;
}

ul.blogroll {
	font-size: 12px;
 	padding-left:26px;
}

ul.blogroll li {
	list-style-type: decimal-leading-zero;
}

ul.blogroll li a {
                font-weight: bold;
                color: #5b4a3e;
                text-decoration: none;
}

ul.blogroll a:hover {
                font-weight: bold;
                color: #5b4a3e;
                text-decoration: underline;
}

.ngg-galleryoverview {
		margin-left: 59px;
		margin-bottom: 5px;
}

.ngg-gallery-thumbnail img:hover {
        background-color: #5b4a3e;
} 

.ngg-navigation {
		margin-bottom: 5px;
}
}