/*
Theme Name: de harsclub
Theme URI: http://pure-essence.net/2008/09/19/wordpress-theme-oriental/
Description: Created by Susan Zeegers. Elephants can read your heart. 
<br />version 1.1.1 - Recoded to use relative positioning instead of float.
<br />version 1.1.2 - Fixed IE 6 issue brought up http://wordpress.org/support/topic/208400 and the random post issue brought up http://wordpress.org/support/topic/208400
Version: 1.1.2
Author: Susan Zeegers [Elephant sees Elephant]
Author URI: http://www.elephantseeselephant.com
Tags: fixed width, two columns, widgets, valid CSS, widget ready, white, simple, valid XHTML, left sidebar, orange, red, asian, oriental, plum

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* Layout */

html {height:100%; background-origin: content;}

body {
	height:100%; margin:0; padding:0;
	font-size:14px;
	line-height:1.4em;
	font-family:arial;
	background: #f1e762 url(images/bg.jpg) left top repeat;
	background-size: auto;
	color: #a49d32;
	
}

/* MENU */
#menu_container{width:1063px; background:url("images/menu_bg.png") no-repeat;}
#menu{text-align:center;width:980px;height:86px;padding:0px 0px 0px 75px;margin:0px 0px 0px 0px;}
#menu ul { text-align:center; padding: 0px; position: relative; float: left;list-style:none; }
#menu ul li { float:left;text-align:center; font-size:18px;width:130px;list-style:none;color:#2086a5;}
#menu ul li a {color: 2086a5;text-align: center;width:135px; float: left; z-index: 10; padding: 0px 0px 0px 0px; position: relative; } /* relative breaks ie */
#menu ul li a:hover { color:#2086a5;text-decoration:none;text-align:center; text-decoration: none; }


#menu ul li.current_page_item { background: url("images/menu_selected.png") no-repeat center bottom;height:47px;color:#2086a5; }


/* HEADINGS */

h1, h2, h3, h4, h5 {

  
  margin: 0;
  padding: 0;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
}


h1 {
	margin: 0; padding: 0;
	font-size: 20px;
	color:#70c6e8;
	font-weight:normal;
	text-decoration:none;
}

h2 {
	margin: 0; padding: 0;
	font-size:20px;
	text-decoration:none;
	color:#8a831d;
	font-weight:normal;

}

h3 {
	margin: 0; padding: 0;
	font-size: 24px;
	color:#eadb10;
	font-weight:normal;
	float:left;
	display:block;
}

h4 {
	margin: 0; padding: 0;
	font-size: 14px;
	color:#eadb10;
}

h5 {
	margin: 0px; padding: 0px;
	font-size: x-small;
}

h6 {
	margin:0px;padding: 0px;
	font-size: large;
}

h7 {
	margin:0px;padding: 0px;
	font-size: large;
}


/* Default */
a {
	color: #c4b70d;
	text-decoration:underline;
}

a:hover {
	color: #c4b70d;
}

blockquote {
	padding: 5px 10px 0px 10px;
	border-left: 5px solid #f0e8a7;
	margin: 0px 0px 0px 0px;
	background-color: #f8f8e2;
	color:#a49d32;
	list-style:none;
}

blockquote ul {

	color:#a49d32;
	list-style:none;
	margin: 10px 0px 20px 20px;
	padding: 0px 10px 0px 10px;
}


img.alignleft {
	float: left;
	
}

img.alignright {
	float: right;
	
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

a img {
	
}

form {
	padding: 0;
	margin: 0;
	width:350px;
}

form a{color:#a49d32;}

form a:hover{color:#a49d32;}

/* Layout */
#master_container {
	height:100%;
	width: 1063px;
	margin:0 auto;
	padding:0 auto;
	border:0px solid #FF9900;
	vertical-align:bottom;

}

/* HEADER */

#header{
height:182px;
width:1063px;
background:url("images/header.png") top left no-repeat;

}

#header_left{
height:182px;
width:450px;
float:left;

}

#header_middle{
height:182px;
width:306px;
float:left;

}

#header_right{
height:182px;
width:307px;
float:left;

}

/* HR */

/* hr {
height:44px;
background:url("images/hr.png") no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hr.png) progid:DXImageTransform.Microsoft.Matrix(Dx=-1);
}*/


hr {
  border : 0;
  height : 44px;
  background : url(images/hr.png) 50% 0 no-repeat;
  margin : 1em 0;
}

/* --- IE hack --- */
* HTML hr,
*:first-child+html hr {
  display : list-item;
  list-style-image : url(images/hr.png);
  list-style-position : inside;
  border : 0px solid #fff;
  width : 0;
  height : 0;
  margin-bottom : .5em;
}
/* --- end hack --- */


#searchBar {
	clear: left;
	/*background: url(images/searchBarBk.gif) repeat-x;*/
	text-align: right;
	width:100px;
}

#searchform {
	padding: 5px;
}

#s {
	border: 1px solid #bbb;
}

#searchsubmit {
	border: 1px solid #bbb;
	background: #fff url(images/buttonBk.gif) repeat-x;
}

#sidebar {

	width: 286px;
	color: #04aedb;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	list-style:none;
	padding:0px 0px 0px 10px;

}

#sidebar .widget{width:220px;}

#sidebar .widget #recent-comments{height:100%px;width:200px;padding:0px;margin:0px;}

#sidebar .widget #recent-comments ul {border:1px solid #ff0000;}

#sidebar .widget #recent-comments ul li {line-height:2.5em;}

#sidebar .widgettitle{

text-align:left;


}

.widget ul{
font-size:12px;
color:#646333;
line-height:2.0em;
}

.widget li{

color:#646333;
}


#sidebar a {
	color: #a49d32;
	text-decoration:underline;
	font-weight:none;
	list-style-image:none;
	list-style-position:outside;
	marker-offset:auto;
	list-style:circle;
	font-size:12px;
	font-family:arial;
	line-height:0.5em;
}

#sidebar a:hover {
	color: #a49d32;
}

#sidebar ul {

	padding: 0;
	margin-left:15px;
	text-align:left;
	list-style:none;
}

#sidebar ul li {	
	/*background-color: ;*/
	margin: 0px 0px 0px 0px;
	padding:0px 2px 0px 0px;
	font-size: 12px;
	width:220px;
	list-style: url("images/li.gif") inside;
	marker-offset:auto;
	text-align:left;
	color: #04aedb;
	
}


#sidebar ul li a:hover {	
	color:#a49d32;
	text-decoration:underline;
	font-weight:none;
	padding:0px;
	margin:0px;
	
}

#sidebar ul li a:active {	
	color:#646333;
	text-decoration:none;
	font-weight:none;
	
}


#sidebar ul li h2{

list-style: none;

}

#sidebar ul li p,
#sidebar ul li div {
	padding: 0px 10px 0px 10px;
	margin: 0;
	list-style:none;
}

#sidebar ul li table {
	padding-bottom: 5px;
	list-style:none;
}

#sidebar ul li table caption {
	padding: 5px 0 0 0;
	list-style:none;
}

#sidebar ul li ul {
	padding: 0px;
	list-style:none;}

#sidebar ul li ul ul,
#sidebar ul li ul ul ul,
#sidebar ul li ul ul ul ul,
#sidebar ul li ul ul ul ul ul {
	padding: 0;
	list-style:none;
}

#sidebar ul li ul li {
	font-size: 1em;
	padding:  0;
	margin: 0 0 0 1em;
	list-style-type:circle;
	list-style-image:none;
	list-style-position:outside;
	marker-offset:auto;isc
}

#sidebar ul li ul li li,
#sidebar ul li ul li li li,
#sidebar ul li ul li li li li,
#sidebar ul li ul li li li li li {
	margin: 0 0 0 1em;
	list-style:none;
}

#sidebar ul li ul li a {
	text-decoration: none;
	list-style:none;
}
#sidebar ul li ul#themeswitcher li a,
#sidebar ul li ul li.recentcomments a {
	background-image: none;
	padding-left: 0;
	list-style:none;
	line-height:1.5em;
}
#sidebar ul li ul#themeswitcher li,
#sidebar ul li ul li.recentcomments {
	list-style:none;
	padding-left: 1em;
	line-height:1.5em;
}

#sidebar ul li ul li a:hover {
	color: #8e8d4f;
	list-style:none;
}

/* Calendar */
#wp-calendar {
	width: 100%;
}

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

#wp-calendar td#today {
	font-weight: bold;
}

h2.pagetitle {
	/*background: #fefef6 url(images/yellowBarBk.gif) repeat-x;*/
	margin: 0;
	color: #8e8d4f;
	font-family:Tahoma;
	
	
}

h2.pagetitle a {
	/*background: #fefef6 url(images/yellowBarBk.gif) repeat-x;*/
	margin: 0;
	color: #8e8d4f;
	font-family:Tahoma;
	
	
}


#content {
	float:left;
	width:1063px;
	border:0px solid #FFffff;
	text-align:left;
	background: url("images/content_bg.png") top repeat-y;
	padding:0px;
	margin:0px;
	
}

#content_left{

float:left;
width:470px;
text-align:left;
padding:0px;
margin:0px;


}

#contentinner {
	float:left;
	width:430px;
	height:100%;
	margin:auto; padding:0;
	
}

#contentinner #archief {
	float:right;
	border:0px solid #ff0000;
	width:250px;
	text-align:right;
	
}

#contentinner .post{
color:#a49d32;
font-size:12px;
font-family:tahoma, arial;
padding-left:83px;

}

#contentinner .post h2 .posttitle a{
color:#993333;
font-decoration:none;

}

#contentinner .post h2 .posttitle a:hover{
color:#993333;
font-decoration:none;

}




#contentinner .entry{
height:100%;
padding:0px;
margin:auto;

}

#contentinner .entry a{

color:#c4b70d;

}

#contentinner .entry a:hover{

color:#c4b70d;

}


#contentinner_content .post{
height:100%;
padding:0px;
margin:0px;


}


#content_middle{
float:left;
width:286px;
font-size:14px;


}

#content_middle p {

font-size:14px;

}

#content_right{

float:left;
width:307px;
background:url(images/boek.jpg) top left no-repeat;
border:0px solid #000033;
padding-top:300px;
padding-bottom:300px;
padding-left:0px;
padding-right:0px;
font-size:12px;
text-align:left;
}

#content_right .text{

width:210px;
padding-left:10px;

}

#content_right .text a{
background:none;
}

#content_right .text a:hover{
background:none;
}

#content_right a{

float:left;
width:307px;

background:url(images/boek.jpg) top left no-repeat;
border:0px solid #000033;

}

#content_right #home{


height:500px;


}





#footer
{
float:left;
font-size:12px;
width:1063px;
height:46px;
text-align:left;
background:url("images/footer_bg.png") bottom left no-repeat;
border:0px solid #33FF00;
padding:0px;
margin:0px;

}

#footer .footer_left{width:400px;float:left;text-align:left;padding-left:82px;}
#footer .footer_right{width:400px;float:right;text-align:right;padding-right:80px;}

#footer p.rss { font-size:12px;color:#e4698b;top: 0; padding-right:10px; height:14px;width:380px;text-align:right;}
#footer p.rss a {text-decoration:underline; color: #e4698b; padding-right: 24px; background: url("images/rss_small_hover.jpg") top right no-repeat; }
#footer p.rss a:hover {color: #c6335c; background: url("images/rss_small.jpg") top right no-repeat; }



#footer p{

color:#be3a5f;
border:0px solid #003333;
padding-top:50px;
padding-bottom:100px;


}

#footer a{
color:#e4698b;
}

#footer a:hover{
color:#c6335c;
}



.post h3{width:100%;margin-bottom:10px;}
.post h4{width:100%;}
.post a{
color:#eadb10;
text-decoration:underline;
float:left;
}


.post a:hover{
color:#eadb10;
text-decoration:underline;
}


#contentinner img {
margin:10px;
border:0px;

}

#contentinner img a{


}


#contentinner img a:hover{


}



#contentinner_content a {

	color:#c4b70d;
	text-decoration:underline;
}

#contentinner_content a:hover {

	color:#c4b70d;
	text-decoration:underline;
}




#contenttitle{
width:100%;
margin-bottom:20px;
margin-top:0px;

}


#contentinner .post .headline span, #contentinner .post .date span { text-align: center; text-transform: uppercase; background: url("images/date.png") top left no-repeat; width: 75px; height: 75px; position: absolute; padding-top: 10px; color: #a49d32; font-size: 14px;  line-height: 1.5em;font-family:Georgia, "Times New Roman", Times, serif; }
#contentinner .post .headline span big, #contentinner .post .date span big { font-size: 1.7em; display: block; ?margin-top: -.2em; }
#contentinner .post .date span { position: static; float: left; margin: 0 .5em .5em 0; }

small.postmetadata {
	font-size: 0.95em;
	padding-right:30px;
}

ul.postmetadata {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0.95em;
}

ul li.tags {
	float: left;
}

ul li.comments {
	text-align: right;
	padding-right:40px;
	background:url("images/icon_reageren.png") top right no-repeat;
	height:31px;
	padding-top:5px;
	margin-top:10px;
	display:block;
	float:left;
	 

}





ul li.comments a {
	color:#a49d32;
	padding-right:10px;
}

ul li.comments a:hover {
	color:#ecde3c;
	padding-right:10px;
	
}


div.divider {
	background: url(images/divider.gif) center center repeat-x;
	height: 47px;
	margin: 1em 0;
	float:left;
	width:100%;
}

div.navigation {
	background:url("images/menu_selected2.png") no-repeat;
	text-align: left;
	color:#a49d32;
	font-family:Arial;
	padding: 0 0 2em 0;
	margin-left:83px;
	float:left;
	width:100%;
}

div.navigation a {
	
	color:#a49d32;
	
}


div.navigation a:hover {
	color:#d8cc19;
	
	
}


#singlepost {
	background: url(images/commentBk.gif) center bottom repeat-x;
	padding: 10px 10px 49px 10px;
	margin: 0;
	font-size: 12px;
	line-height: 1.5em;
}

#commentwrapper {
	
	padding: 0px 0px 0px 83px;
	color:#a49d32;
	
}

#commentwrapper h2 {
	margin: 0;
	padding: 0.5em 0;
}

/* Comment */
h2.commentheading {
	font-size: 1.2em;
	color: #fefef6;
	font-family: Tahoma;
	padding:0px;
	margin:0px;
}

ol.commentlist {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, 'Trebuchet MS', Verdana, sans-serif;
	color: #a49d32;
}

ol.commentlist a {
	color:#a49d32;
	text-decoration: none;
}

img.avatar {
	
	margin: 0 0.5em;
}

ol.commentlist li.commentind {
	padding: 0 0 2em 0;
	margin: 0;
	color:#c5ba2e;
}

ol.commentlist li.commentind cite {
	font-style: normal;
}

p.commentsedit {
	font-size: 0.9em;
	margin: 0 0 0 0.5em;
}

.commentindheader {
	border-bottom: 1px dotted #eadb10;
	text-align:right;
	color:#e1d535;
}

.commentindheader img.avatar {
	float: left;
}

ol.commentlist li.alt .commentindheader {
	text-align: right;
}

ol.commentlist li.alt .commentindheader img.avatar {
	float: right;
}

ol.commentlist li.alt p.commentsedit {
	text-align: right;
	margin: 0 0.5em 0 0;
}

/* Comment form */
form#commentform input,
form#commentform textarea {
	border: 1px solid #bbb;
}

input#author,
input#email,
input#url {
	width: 60%;
}

textarea#comment {
	width: 90%;
}

input#submit {
	height : 1.9em;
	color : #a49d32;
	font-weight : bold;
	border : 1px solid #a49d32;
	background : #fff;
	padding : 2px;
	
}

input#submit:hover
{
  cursor : pointer;
  background-color : #f1e762;
  color : #fff;
  height : 1.9em;
  border : 2px solid #d8cd1e;
  }

div#recaptcha_widget_div {
	float: right;
}

/* Wordpress required */
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

h3.subpages {
	padding: 1em 0 0.5em 0;
	margin: 0;
}

ul.subpages {
	padding: 0 0 0 1em;
	margin: 0 0 0 1em;
	
}

/* Formatting */
fieldset {
	border: 1px solid #ccc;
	padding: 0 1em;
	margin: 0;
	float:left;
}

legend {
	color: #999;
	font-size: 1.1em;
	font-weight: bold;
}


pre, code {
	width: 100%;
	overflow: auto;
	font-size: 1em;
}

.post table {
	width: 100%;
	border: 0px solid #ccc;
	border-top: 0;
	border-collapse: collapse;
}

.post table th,
.post table td {
	border: 0px solid #ccc;
	border-bottom: 0;
	
}

.post table th {
	text-align: left;
	border-bottom: 0px solid #ccc;
}