/* CSS Document */

/*********************************************************
**********************************************************
	GENERAL TAG CSS
**********************************************************
*********************************************************/
body
{
	margin: 0px;
	padding: 0px;
	background: #EEEEEE;
	color: #222222;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
}
table
{
	margin:10px;
}
td, th
{
	padding:3px;
	/*font-weight:normal;*/
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;

}
h4, h3, h2
{
	margin: 0;
	padding: 0px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
h2
{
	margin-bottom: 10px;
	font-size: 14px;
}
h3, h4
{
	padding-top: 5px;
	padding-bottom: 3px;
}
h4
{
	color:#111111;
	font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
}
a, a:visited
{
	color:#A78F05;  /* LINKS - green colour (yellow colour = cdad00; blue: 3c6b89)*/
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
blockquote{
	font-style: italic;
	font-family:"palatino,paladin";
	padding:10px;
	font-size: 12px;
	color: #444444;
}

pre {

  font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace;
  color: #000000; 
  background-color: #eeeeee;
  font-size: 12px;
  border: 0px;
  line-height: 14px;
  padding: 5px; 
  overflow: auto; 
  width: 100%

  /*font-size:small;
  clear: both;
  float: left;
  overflow: auto;
  overflow-y: auto;
  background: #f8fbfc;
  margin: 0px;
  padding: 8px 5px 12px;
  min-height: 3em;
  width: 700px;
  border: 1px solid #bfd0d9;
  */
}

/*********************************************************
**********************************************************
	GENERAL TAG CLASSES
**********************************************************
*********************************************************/
td.important
{
	color: #3CB371;
}
/*********************************************************
	P CLASSES
*********************************************************/
p.imgfooter
{
font-size: 9px;
/*text-align: center;*/
color:#000
}
p.quotefooter
{
 font-family:"palatino,paladin";
 font-style: italic;
 font-size:11px;
 margin-left:1%;
 color:#772b1a;
}


/*********************************************************
	pages
*********************************************************/

div#pages
{
	height: 40px;
 margin: 0px 140px 0px;

 	width: 810px;
}
#pages h1
{
	margin:0px;
	padding:0px;
}
#pages h1 a
{
	text-transform:uppercase;
	text-decoration:none;
	color:#999; /* Big 'Dirk Bertels' link at top left*/
	font: 18px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:13px 0px 0px 10px;
	letter-spacing: -1px;
	float: left;
}
#pages h1 a:hover
{
	text-decoration:underline;
}
div#pages ul
{
	padding: 10px 0px 0px;
	white-space: nowrap;
	list-style-type: none;
	margin: 0px;
}
div#pages ul li
{
	float:right;
}


/*********************************************************
	logo
*********************************************************/
#logo
{
	background: url(images/top_01.jpg) no-repeat;
	 height: 155px;
 	width: 1030px;

 /* padding-bottom: 40px;*/
 /*	margin-right: auto; */
 /*	margin-left: auto;*/
	margin-left: 12px;
	margin-top: 0px;
}

/*********************************************************
	wrap
*********************************************************/
#wrap
{
background: url(images/bg.png) repeat-y left;
/*
  width: 1100px;
	overflow: hidden;
	position:relative;
	margin: distance of vertical bars (vert hor)
	*/

width:1100px;
	overflow: hidden;
	position:relative;
	margin: 0px 140px;

}




/*********************************************************
	tagline
*********************************************************/
#tagline
{
	height: 20px;
	text-align: right;
	margin-top: -20px;
 /*	margin-right: 25px;*/
	margin-right: 310px;
	font-size: 8px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}

/*********************************************************
	content
*********************************************************/
#content
{
	/*width: 484px;*/
	width: 700px;
	float: left;
	display:inline;
	text-align: justify;
	padding: 10px;
	margin-left: 30px;
}

#content h1
{
	text-align: left;
	margin-bottom: 40px;
	text-transform:uppercase;
	text-decoration:none;
	color:#999;
	font: 18px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;

}

#content h4
{
	text-align: left;
	margin-top: 20px;
	margin-bottom: 15px;
	text-decoration:none;
	color:#444;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#content a:hover
{
	color:#3CB371; /* LINKS Hover Colour - Green=#3CB371;*/
}



/*********************************************************
	sidebar
*********************************************************/
#sidebar
{
	/*width: 238px;*/
	width:240px;
	float: right;
	line-height: 1.5em;
  /* white-space: wrap;*/
	margin: 8px 8px 8px 0px;
	margin-right: 0px;
	padding: 10px;
	font-size:10px;
}

#sidebar h2
{
	color: #999;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	border-bottom: 1px solid #ccc;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;

}


div#treeControl
{
margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 8px;
padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	height: 30px;
	width: 250px;
font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;

/* border-top: solid #8FBC8F 1px;*/
 border-bottom: 1px solid #ccc;
	background-color: #ececec;
}

div#treeControl ul
{
 	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	line-height: 30px;
 	white-space: nowrap;
}
div#treeControl li
{
	list-style-type: none;
	display: inline;
}
div#treeControl li a
{
	text-decoration: none;
	padding: 7px 10px;
	color: #000;
}
div#treeControl li a:link
{
	/*Expand Tree / Collapse Tree links in tree view*/
	color: #888;
}
div#treeControl li a:visited
{
	color: #999;
}
div#treeControl li a:hover
{
	font-weight: bold;
	color: #FFF;
	background-color: #8FBC8F; /*#ffff00;*/ /*#8FBC8F;*/
}

/*********************************************************
	footer
*********************************************************/
#footer
{
	clear: both;
	text-align: center;
	height: 200px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	width: 774px;
	padding: 0px;

	margin-left: 22px;
}
#footer p
{
	padding:10px;
	margin:0px;
}

/*********************************************************
	forumControl
*********************************************************/

div#forumControl
{

	margin-left:500px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	height: 30px;
	width: 220px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;

	border-top: solid #8FBC8F 1px;
 	border-bottom: 1px solid #ccc;
	background-color: #ffffff;
}

div#forumControl ul
{
 	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	line-height: 30px;
 	white-space: nowrap;
}
div#forumControl li
{
	list-style-type: none;
	display: inline;
}
div#forumControl li a
{
	text-decoration: none;
	padding: 7px 10px;
	color: #000;
}
div#forumControl li a:link
{
	color: #888;
}
div#forumControl li a:visited
{
	color: #999;
}
div#forumControl li a:hover
{
	font-weight: bold;
	color: #FFF;
	background-color: #8FBC8F;
}
/*********************************************************
**********************************************************
	DIV CLASSes
**********************************************************
*********************************************************/

/*********************************************************
	entry
*********************************************************/
.entry
{
	text-align: left;
	padding-top: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	/*font-size: 0.80em;*/
	line-height: 1.5em;
}

/*********************************************************
	entrymeta
*********************************************************/
.entrymeta
{

	height: 8px;
	margin-top: 0;
	font-size: 10px;
	color: #999;
	/*border-top:solid 1px #ccc;*/
	padding-top:4px;
	padding-bottom:4px;
	margin-bottom: 1px;
}
.entrymeta a img
{
	border:none;
}

/*********************************************************
	entrybody
*********************************************************/
.entrybody img
{
	padding: 4px;
	border: none;
}
.entrybody ul
{
	margin-left: 20px;
	padding-left:0px;
	list-style-type: none;
}
.entrybody ol
{
	margin-left:20px;
	padding-left:0px;
}
.entrybody ul li
{
	list-style:square;
}
.entrybody p
{
margin:8px 0;
padding:0;
}

/*********************************************************
	General Text Fonts
*********************************************************/
.fontCodeRd  /*Red code font*/
{
	font-family:"Lucida Console", "Courier New", "Monaco";
	font-size:11px;
	color:#970000;
}
.fontCodeBe	/* Blue code font*/
{
	font-family:"Lucida Console", "Courier New", "Monaco";
	font-size:11px;
	color:#280099;
}

/*********************************************************
**********************************************************
	MIXED
**********************************************************
*********************************************************/

/* H3 headers not linking*/
h3.entrytitle, h3
{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;

	color:#555;
	text-decoration:none;
	border-style: none;
	font-size: 13px;
	font-weight: bolder;
	text-transform: none;

}
/* H3 headers linking */
h3.entrytitle a, h3.entrytitle a:visited, h3 a
{
	color:#cdad00;
	text-decoration:none;
	border-style: none;
	font-size: 12px;
	font-weight: bolder;
	text-transform: none;
}
h3.entrytitle a:hover, h3 a:hover
{
text-decoration:underline;
color:#3CB371;
}