body{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #282518;
	background-image: url(img/pattern_bg_text.jpg);
	margin: 0px;
	padding: 0px;
}

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

h1, h2, h3, h4, h5, h6, li{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
	font-size: 13px;
}

p, label{
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	color: #ffffff;
}

a:link{
	font-size: 13px;
	color: #e7b522;	/* Bright yellow */
	border-bottom: 1px dashed #e7b522;
	text-decoration: none;
}
a:visited{
	font-size: 13px;
	color: #a38007;	/* Darker yellow */
	border-bottom: 1px dashed #a38007;
	text-decoration: none;
}
a:hover{
	font-size: 13px;
	color: #e7b522;
	border-bottom: 1px solid #e7b522;
	text-decoration: none;
}
a:active{
	color: #e7b522;	/* Bright yellow */
	border-bottom: 1px solid #e7b522;
	text-decoration: none;
}

ul, li, ol{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.clear{
	clear: both;
}

.hide{
	visibility: hidden;
}

.container{
	width: 920px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

/*HEADER*/
.bar_10px{
	width: 100%;
	height: 10px;
	background-color: #e7b522;
}

#header_top{
	width: 100%;
	padding-top: 10px;
	height: 140px;
	background-image: url(img/header.png);
	background-repeat: no-repeat;
}

#header_top a{
	font-size: 40px;
	text-transform: uppercase;
	color: #ffffff;
	border: none;
}

#header_browse_title p{
	text-align: right;
	text-transform: uppercase;
	font-size: 13px;
}

#header_browse_container{
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	padding-bottom: 10px;	/*SPACE BETWEEN TEXT -WITHOUT BOTTOMLINK- AND BORDER BOTTOM*/
	margin-bottom: 20px;
}

.header_browse_container_recentposts{
	float: left;
	width: 420px;
	margin-right: 30px;
}

.header_browse_container_recentposts h2{	/*STYLE FOR 'RECENT POSTS'*/
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 15px;
}

table.recentposts{
	width: 100%;
	margin-left: -2px;	/*???*/
}

table.recentposts td{
	border-bottom: dashed 1px #625e4c;
	vertical-align: top;
}

td.recentposts_date{
	width: 60px;
	color: #625e4c;
	font-size: 10px;
	text-transform: uppercase;
}

td.recentposts_title{
	text-transform: uppercase;
}

td.recentposts_title a:link{
	color: #625e4c;	 /*Gray */
	border: none;
	font-size: 12px;
}
td.recentposts_title a:visited{
	border: none;
	font-size: 12px;
}
td.recentposts_title a:hover{
	color: #e7b522;
	border: none;
	font-size: 12px;
}
td.recentposts_title a:active{
	border: none;
	font-size: 12px;
}

td.recentposts_count{
	width: 20px;
	text-align: right;
	color: #625e4c;
	font-size: 10px;
}

.header_browse_container_categories{
	float: left;
	width: 220px;
	margin-right: 30px;
}

.header_browse_container_categories h2{	/*STYLE FOR 'CATEGORIES'*/
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 15px;
}

.header_browse_container_categories ul{

}

.header_browse_container_categories li{
	border-bottom: dashed 1px #625e4c;
	padding-bottom: 2px;
	text-transform: uppercase;													/*  ???  in IE MOET DIT 1px zijn*/
}

.header_browse_container_categories li a:link{
	color: #625e4c;	/* Gray */
	border: none;
	font-size: 12px;
}
.header_browse_container_categories li a:visited{
	border: none;
	font-size: 12px;
}
.header_browse_container_categories li a:hover{
	color: #e7b522;
	border: none;
	font-size: 12px;
}
.header_browse_container_categories li a:active{
	border: none;
	font-size: 12px;
}


.header_browse_container_aboutme{
	float: left;
	width: 220px;
}

.header_browse_container_aboutme h2{	/*STYLE FOR 'ABOUT ME'*/
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 15px;
}

.header_browse_container_aboutme p{
	font-size: 10px;
	color: #625e4c;
}

.header_browse_container_aboutme p a:link{
	font-size: 10px;
}
.header_browse_container_aboutme p a:visited{
	font-size: 10px;
}
.header_browse_container_aboutme p a:hover{
	font-size: 10px;
}
.header_browse_container_aboutme p a:active{
	font-size: 10px;
}

.header_browse_container_aboutme img{
	border: 4px solid #625e4c;
}

.header_browse_container_aboutme h3{
	float: right;
	margin-top: 15px;
	text-transform: uppercase;
}

.header_browse_container_aboutme h3 a:link{	/* BOTTOMLINK */
	font-size: 10px;
}
.header_browse_container_aboutme h3 a:visited{
	font-size: 10px;
}
.header_browse_container_aboutme h3 a:hover{
	font-size: 10px;
}
.header_browse_container_aboutme h3 a:active{
	font-size: 10px;
}




/*CONTENT*/
#content{
	background-image: url(img/pattern_bg.jpg);
	background-repeat: repeat;
	padding-bottom: 160px;	/*GAB BETWEEN CONTENT AND COMMENTS*/
}

.bar_grunge{
	background-image: url(img/pattern_menu.png);
	width: 100%;
	height: 50px;
	background-repeat: repeat-x;
}

.content_twitter_title p{
	text-align: right;
	text-transform: uppercase;
	font-size: 13px;
}

span.background_titles{
	background-color: #282518;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
}

.background_titles a:link{
	top: -3px;
	position: relative;
	border: none;
	font-size: 10px;
}
.background_titles a:visited{
	top: -3px;
	position: relative;
	border: none;
	font-size: 10px;
}
.background_titles a:hover{
	top: -3px;
	position: relative;
	border: none;
	font-size: 10px;
}
.background_titles a:active{
	top: -3px;
	position: relative;
	border: none;
	font-size: 10px;
}

.content_twitter_containerforstamp{	/*So the stamp would be in the back. content_twitter_container is in this div*/
	background-image: url(img/twitter_stamp.png);
	background-repeat: no-repeat;
	width: 100%;
	min-height: 186px;
	position: relative;
	left: -234px;
	top: -98px;
	padding-left: 234px;	/*Put content_twitter_container back on its original place*/
	padding-top: 98px;	/*Put content_twitter_container back on its original place*/
	margin-bottom: -165px;	/*??? height image + space between ???*/
}

.content_twitter_container{
	background-image: url(img/pattern_bg_text.jpg);
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.content_twitter_container_posts{
	border-top: dashed 1px #ffffff;
	border-bottom: dashed 1px #ffffff;
}

/*COLOR FOR h1, h2, h3*/
.content_twitter_container_posts h1{
	color: #ffffff;
}
.content_twitter_container_posts h2{
	color: #968f6f;
}
.content_twitter_container_posts h3{
	color: #49473c;
}


/*TABLE LAYOUT*/
table.content_twitter_container_posts_post{
	width: 100%;
	border: none;
}
table.content_twitter_container_posts_post td{
	vertical-align: top;
}
td.content_twitter_container_posts_post_left{
	width: 140px;
}
td.content_twitter_container_posts_post_center{
	width: auto;
}
td.content_twitter_container_posts_post_right{
	width: 130px;
}

/*COLUMN LAYOUT*/
.content_twitter_container_posts_post_left_style{
	font-size: 10px;
	text-transform: uppercase;
}
.content_twitter_container_posts_post_center_style{
	font-size: 12px;
}
.content_twitter_container_posts_post_right_style{
	font-size: 10px;
	text-transform: uppercase;
	float: right;
}
/*IF THERE IS LOCATION, PUT ICON ON ... h5*/
.content_twitter_container_posts h5{
	background-image: url(img/title_locationadded.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 13px;
}
/*IF THERE IS NO LOCATION, PUT NO ICON ON ... h6*/
.content_twitter_container_posts h6{
	padding-right: 13px;
	color: #625e4c;
	font-size: 10px;
}
.content_twitter_container_posts a{
	font-size: 10px;
}


/*TWITTER LIGHTBOX*/
#gmlb_overlay {
	background-color: transparent;
	background-image: url(img/gmlb_bg.png);
	z-index:1000;
}

#gmlb_map {
}

#gmlb_label {
	background-color:white;
	font-family:Trebuchet MS;
	font-size:12px;
	color:black;
	float:left;
	padding-top:10px;
	margin-top:5px;
	width:608px;
	text-align:left;
}

#gmlb_container {
	background-color:white;
	padding:10px;
	border-color:#DDDDDD;
	border-width:1px;
	border-style:dotted;
	display:block;
}

#gmlb_close {
	background-color:#EEEEEE;
	width:32px;
	height:32px;
	float:right;
	cursor:pointer;
	clear:right;
	background-image:url(img/gmlb_close.jpg);
	margin-top:5px;
}


/*POST*/

.content_post_title p{
	text-align: right;
	text-transform: uppercase;
	font-size: 13px;
}

#content_post{
	background-image: url(img/pattern_bg_text.jpg);
	padding: 10px;
	padding-bottom: 40px;	/*FREE SPACE AT THE BOTTOM OF THE CONTENT. IF THERE IS A <p> THERE WILL BE MORE SPACE BECAUSE IT <p> HAS ALSO A MARGIN-BOTTOM*/
}

.content_post_left{
	float: left;
	width: 530px; /*920-350-2x10-20*/
}

.content_post_left h1{
	text-align: center;
	font-size: 30px;
	text-transform: uppercase;
	border-top: solid 1px #ffffff;
	padding-top: 5px;
}

.content_post_title_bottomline{
	background-image: url(img/title_bottom.png);
	width: 530px;
	height: 8px;
	background-repeat: no-repeat;
}

.content_post_left h2{
	font-size: 16px;
	color: #ffffff;
	margin-top: 35px;
	margin-bottom: 10px; /*same as margin bottom p*/
	text-transform: uppercase;
	font-weight: bold;
}

.content_post_left_metatags{
	margin-bottom: 35px;
}

.content_post_left h6{	/*METATAGS*/
	font-size: 11px;
}

.content_post_left h6 a:link{
	font-size: 11px;
}
.content_post_left h6 a:visited{
	font-size: 11px;
}
.content_post_left h6 a:hover{
	font-size: 11px;
}
.content_post_left h6 a:active{
	font-size: 11px;
}

h6.content_post_left_metatags_date{	/*STYLE THE DATE WITH ICON. DATE HAS TO FLOAT AT RIGHT SIDE (UNDER TITLE) IN POST AND IN ARCHIVE*/
	float: right;
	padding-left: 15px;
	background-image: url(img/date_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
}

h6.content_post_left_metatags_category{	/*STYLE THE CATEGORY WITH ICON. IN POST AND IN ARCHIVE*/
	padding-left: 14px;
	background-image: url(img/category_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.content_post_left p{
	margin-bottom: 10px;
}

.content_post_left ul{
	margin-bottom: 25px;
	margin-left: 30px;
	margin-top: -10px;
}

.content_post_left li{
	list-style: circle;
}

.quote{
	background-color: #312d21;
	background-image: url(img/quote_bg.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	border: dashed 1px #ffffff;
}

.quote p{
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
}

.quote p.alt{
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
	font-style: italic;
	margin-left: 10px;
}

img{
	border: 10px solid #312d21;
	margin-bottom: 10px; /*IF THERE IS NO CAPTION OF THE IMAGE, BUT THERE STILL WILL BE SOME MARGIN*/
}

.caption{
	margin-top: -24px; /*NORMALLY IT IS XXPX, BUT WITH THE MARGIN-BOTTOM: 10PX OF THE img*/
	margin-bottom: 30px;
	background-color: #312d21;
}

.caption p{
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 7px;
	text-align: right;
	font-size: 11px;
}

.caption a:link{
	font-size: 11px;
}
.caption a:visited{
	font-size: 11px;
}
.caption a:hover{
	font-size: 11px;
}
.caption a:active{
	font-size: 11px;
}

/*IF IT IS A GOOGLE MAP IMAGE*/
.googlemap{
	border: 10px solid #312d21;
}

.caption_g{
	margin-top: -12px; /*NORMALLY IT IS XXPX, BUT WITH THE MARGIN-BOTTOM: 10PX OF THE img*/
	margin-bottom: 30px;
	background-color: #312d21;
}

.caption_g p{
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 7px;
	text-align: right;
	font-size: 11px;
}

.caption_g a:link{
	font-size: 11px;
}
.caption_g a:visited{
	font-size: 11px;
}
.caption_g a:hover{
	font-size: 11px;
}
.caption_g a:active{
	font-size: 11px;
}

/*FVL VIDEO*/
.flv{
	background-color: #312d21;
	padding: 10px;
	margin-bottom: 30px; /*IF THERE IS NO CAPTION*/
}

.caption_flv{
	margin-top: -42px; /*NORMALLY IT IS XXPX, BUT WITH THE MARGIN-BOTTOM: 40PX OF THE img*/
	margin-bottom: 30px;
	background-color: #312d21;
}

.caption_flv p{
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 7px;
	text-align: right;
	font-size: 11px;
}

.caption_flv a:link{
	font-size: 11px;
}
.caption_flv a:visited{
	font-size: 11px;
}
.caption_flv a:hover{
	font-size: 11px;
}
.caption_flv a:active{
	font-size: 11px;
}

/*FOR ARCHIVE:*/
.content_post_left_page_single{
	margin-top: 30px;
}

.content_post_left_page_single h1{
	border: none;
	text-align: left;
	font-size: 24px;
	border-bottom: 1px solid #ffffff;
	margin: 0px;
	padding: 0px;
}

.content_post_left_page_single_excerpt{
	margin-top: 10px;
}

.content_post_left_page_single_excerpt p{
	margin: 0px;
	padding: 0px;
}

/*IF ARCHIVE IS TWITTER*/
.content_post_left_page_single_twitter{
	margin-top: 50px;
}

.content_post_left_page_single_twitter h1{
	border: none;
	border-top: dashed 1px #ffffff;
	border-bottom: dashed 1px #ffffff;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 13px;
	font-style: italic;
	text-transform: none;
}

.content_post_left_page_single_twitter h6{
	text-align: right;
	font-size: 10px;
	margin-top: 3px;
}

.content_post_left_page_single_twitter_nolocation{
	color: #625e4c;
}


p.readmore{
	padding-left: 15px;
	margin-top: 8px;
	background-image: url(img/readmore_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.navigation_post{
	margin-top: 40px;
}

.navigation_post{
	margin-top: 40px;
}




/*WHY H6???*/
.navigation_post h6 a:link{
	font-size: 11px;
}
.navigation_post h6 a:visited{
	font-size: 11px;
}
.navigation_post h6 a:hover{
	font-size: 11px;
}
.navigation_post h6 a:active{
	font-size: 11px;
}

.alignleft{
	float: left;
}

.alignright{
	float: right;
	display: inline;
}


/*CONTACT FORM*/
.content_post_left_contact{
	
}

p.dekoboko_intro{
	color: #625e4c;
	font-size: 11px;
}

.dekoboko_errors {
    
}

.dekoboko_errors li{
	list-style: disc;
}

.dekoboko_errors strong{
	color: red;
}

#dekoboko_name{
	margin-bottom: 10px;
}
#dekoboko_email{
	margin-bottom: 10px;
}
#dekoboko_subject{
	margin-bottom: 20px;
}
#dekoboko_message{
	margin-bottom: 10px;
}
#dekoboko_cc_me{
	margin-bottom: 20px;
}
.dekoboko_sendcopy{
	color: #625e4c;
	font-size: 11px;
}

#dekoboko_form label {
	display: block;
}

.dekoboko_required{
	color: red;
}

/* for some reason FF3 needs the !important flags ???*/
#dekoboko_end {
    float: none !important;
    width: auto !important;
    border: none !important;
}

#dekoboko_submit {
    margin-top: 20px;
}

/*STYLE FOR THE BUTTONS ON RECAPTCHA TO WORK IN IE*/
.content_post_left_contact a:link{
	border-bottom: none;
}
.content_post_left_contact a:visited{
	border-bottom: none;
}
.content_post_left_contact a:hover{
	border-bottom: none;
}
.content_post_left_contact a:active{
	border-bottom: none;
}





.content_post_right{
	float: right;
	width: 350px; /*920-530-2x10-20*/
	padding-left: 20px;
}

.content_post_right_container{
	padding-top: 20px;
}

.content_post_right h1{
	text-align: center;
	font-size: 30px;
	text-transform: uppercase;
	border: dashed 1px #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
}

.content_post_right h2{
	border-bottom: dashed 1px #ffffff;
	text-transform: uppercase;
	margin-top: 40px;							/*distance between 2 items*/
	margin-bottom: 14px;
}

.content_post_right h3{
	color: #625e4c;
	font-size: 11px;
	margin-top: -10px;
	margin-bottom: 20px;
}

.content_post_right h3 a:link{
	font-size: 11px;
}
.content_post_right h3 a:visited{
	font-size: 11px;
}
.content_post_right h3 a:hover{
	font-size: 11px;
}
.content_post_right h3 a:active{
	font-size: 11px;
}

.content_post_right_bucketlist{
	padding-top: 20px;
	width: 350px; /* is total available width*/
	background-image: url(img/bucketlist.png);
	background-repeat: repeat;
}

.content_post_right_bucketlist ul{
	
}

.content_post_right_bucketlist li{
	list-style: decimal;
	margin-left: 52px;
	margin-right: 15px;
	margin-bottom: 0px;
	color: #333333;
}

/*
.content_post_right_bucketlist li a{
	border: none;
	color: #A38007;
	text-decoration: line-through;
}
*/

.content_post_right_bucketlist_bottom{
	background-image: url(img/bucketlist_bottom.png);
	background-repeat: no-repeat;
	width: 350px;
	height: 43px;
}

.content_post_right_categories ul{
	
}

.content_post_right_categories li{
	list-style: disc;
	margin-left: 25px;
	padding-bottom: 3px; /*DOESNT WORK IN IE ???*/
	color: #625e4c;
	font-size: 11px;
	text-transform: uppercase;
}

.content_post_right_categories li a:link{
	font-size: 11px;
}
.content_post_right_categories li a:visited{
	font-size: 11px;
}
.content_post_right_categories li a:hover{
	font-size: 11px;
}
.content_post_right_categories li a:active{
	font-size: 11px;
}

.content_post_right_flags a:link{
	border: none;
}
.content_post_right_flags a:visited{
	border: none;
}
.content_post_right_flags a:hover{
	border: none;
}
.content_post_right_flags a:active{
	border: none;
}

.content_post_right_flags img{
	border: none;
	padding: 1px;
	padding-top: 0px;
}





/*COMMENTS*/

.bar_6px{
	width: 100%;
	height: 6px;
	background-color: #e7b522;
}

.comments_upcomments{
	float: right;
	background-color: #282518;
	text-transform: uppercase;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-top: -20px;
}

.comments_left{
	float: left;
	width: 530px;
	margin-top: 30px;
}

.comments_left h1{
	text-align: center;
	font-size: 30px;
	text-transform: uppercase;
	border-top: solid 1px #ffffff;
	padding-top: 5px;
}

.comments_left_comments{
	float: left;
	width: 530px;
}

.comments_bottomline{
	background-image: url(img/comments_bottom.png);
	width: 920px;
	height: 8px;
	background-repeat: no-repeat;
	/*display: inline-block;												TOO GET RID OF THE DOUBLE PADDING VALUE AFTER A CLEAR IN IE*/
	margin-bottom: 30px;
}

.commentlist{
	
}

.commentlist p{
	
}

.commentlist li{
	/*background-color: #282518;*/
	padding: 10px;
	border-bottom: 1px dashed #ffffff;
}

.commentlist li.alt{
	/*background-color: #302d1d;*/
	padding: 10px;
	/*margin-top: 4px;*/ /*space between comments. Only setup for .alt because otherwise it seems that the regular has less space*/
	margin-bottom: 4px;
	border-bottom: 1px dashed #ffffff;
}

.commentlist li.byauthor{
	background-color: #4c473d;
}

cite{
	color: #f2efe9;
	font-style: normal;
	font-size: 11px;
}

cite a:link{
	font-size: 11px;
}
cite a:visited{
	font-size: 11px;
}
cite a:hover{
	font-size: 11px;
}
cite a:active{
	font-size: 11px;
}

em{
	color: #cc3300;
	font-style: normal;
	font-size: 11px;
}

.commentlist_gravatar{
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
}

.commentlist_gravatar img{
	border: 4px solid #625e4c;
}

.commentlist_author{
	float: left;
	font-size: 11px;
}

.commentmetadata{
	font-size: 11px;
	color: #f2efe9;
	border-bottom: 1px dashed #f5ca49;
}

.comments_right{
	float: right;
	width: 370px;
	margin-top: 30px;
}

.comments_right h2{
	text-align: center;
	font-size: 30px;
	text-transform: uppercase;
	border-top: solid 1px #ffffff;
	padding-top: 5px;
}

.comments_right_container{
	float: right;
	width: 370px;
	margin-top: 20px;
}

/*STYLE FOR THE BUTTONS ON RECAPTCHA TO WORK IN IE*/
.comments_right_container_form a:link{
	border-bottom: none;
}
.comments_right_container_form a:visited{
	border-bottom: none;
}
.comments_right_container_form a:hover{
	border-bottom: none;
}
.comments_right_container_form a:active{
	border-bottom: none;
}

.comments_right_container_form label{
	font-size: 10px;
}

.comments_right_container_form input{
	margin-bottom: 5px;
}

.comments_right_container_form textarea{
	margin-top: 5px;
	margin-bottom: 10px;
}

#submit{
	margin-top: 15px;
}

.comments_right_container_extra{
	margin-top: 50px;
}

.comments_right_container_extra h4{
	border-bottom: dashed 1px #ffffff;
	text-transform: uppercase;
	margin-top: 40px;							/*distance between 2 items*/
	margin-bottom: 14px;
}

.comments_right_container_extra h5{
	color: #625e4c;
	font-size: 11px;
	margin-top: -10px;
	margin-bottom: 20px;
}

.comments_right_container_extra a:link{
	font-size: 11px;
}
.comments_right_container_extra a:visited{
	font-size: 11px;
}
.comments_right_container_extra a:hover{
	font-size: 11px;
}
.comments_right_container_extra a:active{
	font-size: 11px;
}

/*FOOTER*/
#footer{
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: 70px;
}

.footer_box{
	background-color: #19170b;
	padding: 10px;
}

.footer_left{
	float: left;
}

.footer_right{
	float: right;
}