/*
-----------------------------------------------
Stylesheet: Dennis Bots
Author:   	Bas van Ekkendonk
Version:  	7 July 2005
Updated:	25 September 2005 - blogging comments
----------------------------------------------- */

body {
margin: 0; padding: 0;
background: #052606 url(i/bg.gif) repeat-y;
background: #052606 url(i/bgbig.jpg) no-repeat;
font: 12px tahoma, Georgia, verdana, sans-serif; 
text-align: left;
color: #fff;
}

* {
margin: 0; padding: 0; border: 0;
}

#header {
background: transparent url(i/header-topleft.gif) no-repeat top left;
height: 109px;
z-index: 1;
}

#header-content {
position: absolute;
padding-left: 200px;
z-index: 3;
}

.header-balk {
position: absolute;
height: 7px !important;
height: 3px;
width: 100%;
background-image: url(i/headerbalk.png) !important;
background: transparent url(i/headerbalk.gif) repeat-x;
z-index: 4;
}

.logo {
position: relative;
padding: 30px 0 0 50px;
z-index: 5;
}

#container {

}

#menu {
float: left;
width: 200px;
background: url(i/menubg.jpg) no-repeat top;
padding-bottom: 320px;
}

#menu ul {
margin-top: 20px;
list-style-type: none;
}

#menu li {
padding: 2px 4px 2px 0;
margin-left: 40px;
font-size: 14px;
color: #dacd88;
border-bottom: 1px solid #dacd88;
}

#menu li a {
display: block;
color: #dacd88;
text-decoration: none;
}

#menu li:hover {
background: #052606;
}

#contentcontainer {
float: left;
width: 550px;
/* width: 100%; */
/* padding-left: 205px; */
}

#contentheader {
/* float: left; */
padding: 17px 15px;
background: #1b5031 url(i/contentheader.jpg) no-repeat;
height: 30px;
color: #c11700;
font-size: 30px;
}

#contentheader h2 {
display: inline;
color: #dacd88;
font: 30px Georgia;
font-weight: normal;
}

#contentheader h3 {
display: inline;
color: #dacd88;
font-size: 22px; 
font-weight: normal;
}

#content {
/* float: left; */
padding: 15px;
/* width: 600px; */
}

#content a {
color: #DACD88;
padding: 0;
margin: 0;
}

#content a:link,
#content a:visited {
color: #DACD88; 
}

#content a:hover,
#content a:active {
color: #DACD88;
text-decoration: none;
}

#content h1 {
color: #dacd88;
font-size: 11px;
font-weight: bold;
}

#content h2 {
padding: 10px 0 4px 0;
color: #dacd88;
font-size: 11px;
font-weight: bold;
}

#content p {
padding: 0 5px 5px 5px;
}

#content p.blogtitle-first {
padding: 0 5px 0 5px;
color: #dacd88;
font-size: 14px;
font-weight: bold;
}

#content p.blogtitle {
padding: 30px 5px 0 5px;
color: #dacd88;
font-size: 14px;
font-weight: bold;
}

#content p.blogdate {
padding: 0 5px 5px 5px;
color: #ccc;
}

#content .comments {
	text-align: right;
	margin-bottom: 10px;
}

#content .comment-header {
font-size: 14px;
color: #dacd88;
}

#content .comment {
margin: 0 0 10px 0;
padding: 10px;
background: url(i/commentbg.jpg) no-repeat top left;
}

#content p.comment-title {
padding: 0 5px 5px 5px;
border-bottom: 1px solid #123b12;
color: #b8ad73;
}

#content p.comment-title strong {
color: #dacd88;
}

#content p.comment-message {
padding: 10px 5px 5px 5px;
}

#content .replybox {
width: 400px;
height: 150px;
}

.imgbig {
border: 2px solid #fff;
}

.edit {
padding: 10px;
}

input,
textarea {
padding: 2px;
border: 1px solid black;
}

textarea {
width: 100%;
height: 500px;
}

.thumb {
background-color: #174217;
padding: 3px;
margin: 3px;
}

.blogedit {
float: right;
font-size: 75%;
}

#content .workitem {
display: block;
padding: 10px;     
background: url(/i/commentbg.jpg) no-repeat top left;
height: 80px;
margin: 0 0 10px 0;
}


#content .workitem .workthumb {
float: right;
padding-left: 10px;
}

#content .workitem h2 {
font-size: 14px;
font-weight: bold;
padding: 0px 5px 5px 5px;
margin-bottom: 5px;
border-bottom: 1px solid #123b12;
color: #b8ad73;
}

#content .workphoto {
padding: 25px;
text-align: center;
}