/********************************************

   AUTHOR:  			Edwin Verstraten

   WEBSITE:   			http://www.bureauvers.nl/

	TEMPLATE NAME: 	Café 't Oventje

   TEMPLATE CODE: 	S-0001

   VERSION:          1.0          	

 *******************************************/ 

 

/********************************************

   HTML ELEMENTS

********************************************/ 



/* top elements */

* {

	margin: 0; padding: 0;

} 

body {

	margin: 0;

	padding: 0;

	background: url(images/bg_top.gif) repeat-x;

	background-color:#f5f4e0;

	color: #000000;

	font-family: "Georgia", Times New Roman, Times, serif;

	font-size: 71%;

	line-height: 1.5em;

}



/* links */

a {

	background: inherit;

	color: #49483c;

	text-decoration:none;

}

a:hover {

	background: inherit;

	color: #850000;

	text-decoration:underline;

}



/* headers */

h1, h2, h3 {

	font: 1em "Georgia", Times New Roman, Times, serif;

}

h1 { font-size: 1.5em; }

h2 { 

	font-size: 1.4em; 

	padding: 0;

	margin: 5px 0;

}



h3 { font-size: 1.2em; text-transform: none;}



#main h1{

	font-size: 2em;

	color: #000000 }



#rightbar h1 {

	color: #7a7968;	

	margin: 0;

	padding-top: 10px;

	padding-right: 0;

	padding-bottom: 5px;

	padding-left: 5px;

}

#newsbar h1 {

	color: #7a7968;	

	margin: 0;

	padding-top: 10px;

	padding-right: 0;

	padding-bottom: 5px;

	padding-left: 5px;

}	

#sidebar h1 {

	padding: 10px 0px 5px 30px;

	background: url(images/square_arrow.gif) no-repeat 2px 12px;

	margin: 0;

}



p, h1, h3 {

	margin-top: 10px;

	margin-right: 15px;

	margin-bottom: 10px;

	margin-left: 0px;

}

ul, ol {

	margin: 10px 30px;

	padding: 0 15px;		

}

ul span, ol span {

	color: #666666;

}

hr {

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #d2cfaa;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #d2cfaa;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #f5f4e0;

	border-bottom-color: #f5f4e0;

	border-left-color: #f5f4e0;

}



/* images */

img {

	border: none;

}



img.float-right {

  margin: 5px 0px 5px 15px;  

}

img.float-left {

  margin: 5px 15px 5px 0px;

}

a img {  

  border: none;

}

a:hover img {  

/*  border: 2px solid #806B4D !important; /* IE fix*/

/*  border: 2px solid #EC981F;*/

}



code {

  margin: 5px 0;

  padding: 10px;

  text-align: left;

  display: block;

  overflow: auto;  

  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;

  /* white-space: pre; */

  background: #FAFAFA;

  border: 1px solid #d8d5b7;  

  border-left: 3px solid #EC981F;

}

acronym {

  cursor: help;

  border-bottom: 1px solid #777;

}

blockquote {

	margin: 15px;

 	padding: 0 0 0 32px;  	

  	background: #FAFAFA url(images/quote.gif) no-repeat 5px 10px !important; 

	background-position: 8px 10px;

	border: 1px solid #f2f2f2; 

	border-left: 3px solid #EC981F;  

	font-weight: bold; 

}



/* form elements */

#contactform {

	

}

#contactform form {

	border: 1px solid #d2cfaa;

	background-color: #f1f0d8;

	margin-bottom: 20px;

	padding-top: 15px;

	padding-right: 15px;

	padding-bottom: 30px;

	padding-left: 15px;

}

#contactform label {

	display:block;

	font-weight:bold;

	margin:5px 0;

}

#contactform input {

	border-top: none;

	border-left: none;

	border-right: none;

	background-color: #f1f0d8;

	border-bottom:1px solid #d2cfaa;

	color:#000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-style: normal;

	line-height: 1.5em;

	font-weight: normal;

	font-variant: normal;

	padding-left: 15px;

	padding-right: 15px;

	padding-bottom: 3px;

	margin-left: 5px; 

}

#main img.ajax-loader{

	padding: 0;

	background-image: none;

	background-repeat: no-repeat;

	float:right;

	margin-top: 3px;

	margin-right: 10px;

	margin-bottom: 0;

	margin-left: 0;

	border: none;

}

textarea {

	width:350px;

	font: normal 1em/1.5em Verdana, sans-serif;

	background-color: #f5f4e0;

	border:1px solid #d2cfaa;

	height:100px;

	display:block;

	color:#000;

	padding: 5px;

	overflow: auto;

	width: 100%;

}

.dropdown {

	background-color: #f5f4e0;

	border:1px solid #d2cfaa;

	font-size: 1em;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 10;

}

#contactform input.button {

	color: #97957c;

	border:	2px solid #000;

	float: right;

	background-color: #000000;

	background-image: url(images/but_bg.gif);

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 20px;

	margin-left: 0;

	padding-top: 1px;

	padding-right: 5px;

	padding-bottom: 1px;

	padding-left: 5px;

}



/* search form */





#generic input.button { 

	margin: 0; 

	background: none; 

	padding: 0 5px; 

	color: #97957c;

	float: right;

}

#generic form.searchform {

	width: 220px;

	background: transparent;

	border: none;

	margin: 0;

	padding: 0;

	float: left;

}

#generic form.searchform input.textbox {

	width: 130px;

	height: 17px;

	border: 1px solid #292922;

	margin-right: 10px;

	background: url(images/bg_form.gif) repeat-x #FFF;

	color: #333;

	vertical-align: middle;

	font-size: 1em;

	float:left;

	padding-top: 0;

	padding-right: 5px;

	padding-bottom: 0;

	padding-left: 5px;

}

#generic form.searchform input.button {

	background-color: #111111;

	border: 1px solid #292922;

	font-size: 10px;

	color: #97957c;

	height: 20px;

	padding: 2px 5px;

}



/*****************/

/*    Layout     */

/*****************/

#generic {

	background-color: #000;

	width: 100%;

	color:#97957c;

	font-size: 10px;

	font-family: arial;

	margin: 0px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #696969;

	border-bottom-color: #97957c;

	float: right;	

}

#generic ul {

	float: right;

	margin: 0px;

	padding-right: 0;

}

#generic li{

	float: left;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #2f2e26;

	padding-right: 15px;

	padding-left: 15px;

	padding-top: 2px;

	padding-bottom: 2px;

	list-style-type: none;

	vertical-align: middle;

}

#generic li a{

	color:#97957c;

	font-size: 10px;

	font-family: arial;

	text-decoration: none;

}

#generic li a:hover{

	color:#97957c;

	font-size: 10px;

	font-family: arial;

	text-decoration: underline;

}

#wrap {

	margin: 0 auto;

   	width: 850px;  	

	text-align: left;

}

#content-wrap {

	clear:both;

	margin: 0;

	padding:0;

	width: 850px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #d2cfaa;

	background-image:url(images/bg_sidebare.gif);

	background-repeat: repeat-y;

}

/* header */

#header {

	/*background: url(images/..) no-repeat; */

	height:118px;	
	clear: both;
	margin: 0; padding: 0;
	border-left: 1px solid #d2cfaa;
	border-right: 1px solid #d2cfaa;
	padding-left: 13px;
	padding-top: 20px;
}
#banner{
	background-image: url(images/header_slideshow.jpg);
	background-repeat: no-repeat;
	width: 820px;
	height: 95px;
	padding-top: 7px;
}


#promo img{

}

#header h1#logo {

	margin: 10; padding: 0;

	font: 4.1em "Georgia", Times New Roman, Times, serif;

	letter-spacing: -2px;

	color: #FFFFFF;

	text-transform: lowercase;

	/* change the values of top and Left to adjust the position of the logo*/

	top: 0; left: 5px;	

}



#header h1#logo a { text-decoration:none; }





#header h2#slogan {

	position: absolute;

	margin: 0; padding: 0;

	font: 3.1em "Georgia", Times New Roman, Times, serif;

	text-transform: none;

	color: #e0cccc;

	/* change the values of top and Left to adjust the position of the slogan*/

	top: 48px; left:565px;		

}

#header .searchform {

	position: absolute;

	top: 5px; right: 3px;	

}



/* main column */

#main {

	float: left;

	margin-left: 0;

	margin-right: 0;

	width: 52%;

	padding-top: 15px;

	padding-bottom: 15px;

	padding-left: 15px;

}

#main img {

	border: 1px solid #d2cfaa;

	text-align: center;

	background-color: #e6e4c8;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

	float: left;

	margin-top: 3px;

	margin-right: 20px;

	margin-bottom: 20px;

	margin-left: 0px;

}

#main #frame{

	text-align: left;

	padding-top: 29px;

	padding-right: 24px;

	padding-bottom: 24px;

	padding-left: 26px;

	margin-left: 8px;

	margin-top: 20px;

	margin-bottom: 20px;

	background-image: url(images/home_frm.jpg);

	background-repeat: no-repeat;

	background-position: left;

}

#main img.float-right {

  margin: 5px 0px 5px 15px;  

}

#main img.float-left {

  margin: 5px 15px 5px 0px;

}

#newsitem{

	border-bottom: 1px solid #d2cfaa;

	margin-bottom: 20px;

}

#post-footer {

	padding: 5px; 

	margin-top: 20px;

	margin-bottom: 5px;

	color: #555;

	border: 1px solid #d2cfaa;

}

#post-footer .date {

	background: url(images/clock.gif) no-repeat left center;

	padding-left: 20px; margin: 0 10px 0 5px;

}

#post-footer .comments {

	background: url(images/comment.gif) no-repeat left center;

	padding-left: 20px; margin: 0 10px 0 5px;

}

#post-footer .readmore {

	background: url(images/page.gif) no-repeat left center;

	padding-left: 20px; margin: 0 10px 0 5px;

}



#post-footer .readmore a {

	background: none;

}



/* sidebar */

#sidebar {

	float: left;

	width: 190px;

	height: 100%;

	margin: 0;

	padding: 0;

}

#sidebar img{

	border: none;

	background:none;

	margin: 0;

	padding: 0;

}

#sidebar ul {

	list-style: none;

	text-align: left;

	margin: 50px 0 8px 0;	

	padding-right: 0;		

	text-decoration: none;

	color: #49483c;

}



/* html body #sidebar ul li { height: 1%; }*/



#sidebar ul a {

	background-image: none;

	text-decoration: none;	

}

#sidebar ul li a{

	display: inline-block;

	text-decoration: none;

	height: 25px;

	width: 175px;

}

#sidebar ul li a:hover {

	display: inline-block;

	color: #49483c;

	font-weight: bold;

	margin-top: -10px;

	padding-top: 5px;

	height: 30px;

	width: 175px;

	padding-left: 20px;

	margin-left: -22px;

	background: url(images/nav_border.gif) no-repeat;

	text-decoration: none;

}

#sidebar .current_page_item {

	display: inline-block;

	color: #49483c;

	font-weight: bold;

	margin-top: -10px;

	padding-top: 5px;

	height: 30px;

	width: 175px;

	padding-left: 20px;

	margin-left: -22px;

	background: url(images/nav_border.gif) no-repeat;

	text-decoration: none;

}

#sidebar .current_page_item a:hover{

	display: inline-block;

	color: #49483c;

	font-weight: bold;

	margin-top: -5px;

	padding-top: 5px;

	height: 30px;

	width: 175px;

	padding-left: 20px;

	margin-left: -20px;

	background-image:none

}

#sidebar p {

	padding-top: 60px;

	margin-left: 0px;

}



/* rightbar */

#rightbar {

	float: right;

	width: 183px;

	margin: 0;

	padding: 37px 0;

	color: #7a7968;

}

#rightbar img{

	border: none;

}

#rightbar ul {

	list-style: none;

	text-align: left;

	margin: 0 0 9px 0;	

	padding: 0 0 2px 0;		

	text-decoration: none;

	border-bottom: 1px solid #d2cfaa;

}

#rightbar ul li {

	border-top: 1px solid #d2cfaa;

	margin-top: 2px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0;

	padding-top: 2px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 5px;

}



* html body #rightbar ul li { height: 1%; }



#rightbar ul a {

	background-image: none;

	text-decoration: none;

	padding-right: 13px;

	background: url(images/arrow_left.gif) no-repeat right;

	color: #7a7968;	

}

#rightbar ul a:hover {

	color: #850000;

	background-image: none;

	text-decoration: underline;

	padding-right: 13px;

	background: url(images/arrow_left_hover.gif) no-repeat right;

}

#rightbar td{

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #d2cfaa;

	padding: 3px;

	padding: 3px;

	margin: 0;

}

#rightbar table{

	border-top: 1px solid #d2cfaa;

}

#rightbar .textwidget{

	border-bottom: 1px solid #d2cfaa;

}	

#calendar_wrap {

	padding-left: 14px;

	margin-bottom: 15px;

	border-top: 1px solid #d2cfaa;

}

#calendar_wrap a{

	background-color: #d2cfaa;

	display:block;

}

#calendar_wrap a:hover{

	color: #7a7968;	

	background-color: #850000;

}

#calendar_wrap caption {

	border-bottom: 1px double #d2cfaa;

	padding: 5px 0;

}

#calendar_wrap table {

	text-align: center;

}

#calendar_wrap #prev{

	background-color: #d2cfaa;

	font-size: 10px;

	color: #7a7968;	

}

#calendar_wrap #next{

	background-color: #d2cfaa;

	font-size: 10px;

	color: #97957c;

}

#calendar_wrap thead {

	border-bottom: 1px solid #d2cfaa;

	border-top: 2px solid #d2cfaa;

}

#calendar_wrap td {

	border: 1px solid #d2cfaa;

	

}

#sitemap ul {

	padding: 0;

	margin: 0;

}

#sitemap li{

	list-style:none;

	margin-bottom: 20px;

	padding: 0;

	text-indent: 0px;

	

	

}

#sitemap li a{

	font-weight: bold;

	background: url(images/arrow_left.gif) no-repeat right;

	padding-right: 16px;

}

/* first level */



#sitemap li a:hover{

	background: url(images/arrow_left_hover.gif) no-repeat right;

	padding-right: 16px;

}

/* second level */





#sitemap li li{

	margin: 0;

	padding-left: 10px;

	border-bottom: 1px solid #d2cfaa;

}

#sitemap li li a{	

	font-weight: normal;

	text-indent: 2px;

}

#search li{

	list-style:none;

	padding: 0;

	text-indent: 0px;

	border-bottom: 1px solid #d2cfaa;

	padding-top: 2px;

	padding-bottom: 2px;

}

#search li a{

	background: url(images/arrow_left.gif) no-repeat right;

	padding-right: 16px;

}

/* first level */



#search li a:hover{

	background: url(images/arrow_left_hover.gif) no-repeat right;

	padding-right: 16px;

}

/* second level */





/* footer */

#page_bot{

	clear: both;

	border-top: 1px solid #d2cfaa;

	vertical-align: bottom;

}

#page_botwrap {

	border-left: 1px solid #d2cfaa;

	background-image:url(images/bg_sidebare.gif);

	background-repeat: repeat-y;

	width: 849px;

	margin: 0 auto;

}

#page_botwrap ul{

	text-align: right;

	margin: 0;

	padding: 15px 0;

	float: right;



}

#page_botwrap li.begin{

	display: inline;

	padding: 0 2px;

	vertical-align: bottom;

}

#page_botwrap li{	

	display: inline;

	padding: 0 2px;

	vertical-align: top;

}

#page_bot a{

	color: #7a7968;

}

#page_top {

	float: left;

	margin-left: 188px;

	margin-right: 0;

	padding: 15px;

	width: 100px;

	text-align:left;

	vertical-align: bottom;

}

#footer {

	color: #7a7968;

	clear: both;

	border-top: 1px solid #d2cfaa;

	height: 50px;	

}

#footerwrap {

	margin: 0 auto;

	text-align: left;

	width: 850px;

	background-image:url(images/bg_sidebare.gif);

	background-repeat: repeat-y;	

}

#contact{

	margin: 0px 10px 0px 0px;

	padding-left: 200px;

	padding-top: 10px;

	padding-bottom: 30px;

	width: 310px;

	float: left;

	border-left: 1px solid #d2cfaa;

}



#footernav {

	text-align:right;

	float: right;

	margin-top: 50px;

	margin-right: 0;

	padding-bottom: 30px;

	margin-left: 0;

}

#footernav img{

	margin: 0;

	border: none;

}

#footernav ul{

	margin: 0;

	padding: 5px 0;

	float: right;

}

#footernav li.begin{

	display: inline;

	padding: 0 2px;

}

#footernav li{	

	display: inline;

	padding: 0 2px;

}

#footer a {

	color: #7a7968;

}

.endOfSection { clear: both; } 

/* menu */

#menu {

	clear: both;

	margin: 0; padding: 0;	

}

#separator {

	position: relative;

	margin: 0;

	padding: 0;

	float: left;

	width: 176px;

	height: 56px;

	border-left: 1px solid #d2cfaa;

	border-bottom: 1px solid #d2cfaa;

	background-image: url(images/menubg.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

}

#menu ul {	

	position: relative; 

	margin: 0; padding: 0;	

	float: right;

	font: 1.6em "Georgia", Times New Roman, Times, serif;

	width: 671px;/* 775px; */

	background: url(images/menubg_sep.gif) repeat-x; 

	border-left: 1px solid #d2cfaa;

	border-right: 1px solid #d2cfaa;

	list-style: none;

}

#menu ul li{

	display: inline;

		

}

#menu ul li a {	

	position: relative;

	float: left;

	color: #727161;

	padding: 17px 25px;

	text-decoration: none;

	background: url(images/menubg.gif) repeat-x; 

	border-bottom: 1px solid #d2cfaa;

	border-right: 1px solid #d2cfaa; 

	border-top: 1px solid #d2cfaa;

	border-left: 1px solid #fff; 

}

#menu ul li a:hover{

	color: #727161;

	background: url(images/menubg_current.gif) repeat-x #F3F3F3; 	

	border-right: 1px solid #d2cfaa; 

	border-top: 1px solid #d2cfaa;

	border-left: 1px solid #fff; 

}

#menu ul li.current_page_item a{

	color: #49483c;

	background: url(images/menubg_current.gif) repeat-x #F3F3F3; 	

	border-bottom: 1px solid #f5f4e0;

	border-right: 1px solid #d2cfaa; 

	border-top: 1px solid #d2cfaa;

	border-left: 1px solid #fff; 

}

#menu ul li.current_page_parent a{

	color: #49483c;

	background: url(images/menubg_current.gif) repeat-x #F3F3F3; 	

	border-bottom: 1px solid #f5f4e0;

	border-right: 1px solid #d2cfaa; 

	border-top: 1px solid #d2cfaa;

	border-left: 1px solid #fff; 

}

/*

	List Expander 

*/



.expand{



}

.expand, .expand ul, .expand li{

	margin:0;

	padding-left: 1px;

	padding-bottom: 1px;

	list-style:none;

	padding-right: 0px;

}

.expand ul{

	/*

	Uncomment this if you want to initially hide the child lists. 

	If you do, Javascript disabled and CSS enabled browsers will not be able to use this list.

	display:none;

	*/ 

}

.expand li{

	line-height:200%;

	margin-top:2px;

	text-indent:30px;

	cursor:default;

	border-top: 1px solid #d2cfaa;

}

.expand li.collapsed, .expand li.expanded{cursor:pointer;} 



/* first level */



.expand li{background:url(images/collapsed.gif) no-repeat 5px 5px;}

.expand li.collapsed{background:url(images/collapsed.gif) no-repeat 5px 5px;} 

.expand li.expanded{background:url(images/expand_expanded.gif) repeat-x; border: 1px solid #d2cfaa; padding-left: 0; padding-bottom: 0;

}

.expand li.collapsed:hover{

	padding-left: 0;

	padding-bottom: 0;

	border: 1px solid #d2cfaa;

	background:url(images/expand_collapsed.gif) no-repeat;

}

.expand li.expanded:hover{

	padding-left: 0;

	padding-bottom: 0;

	border: 1px solid #d2cfaa;

	background:url(images/expand_expanded.gif) repeat-x;

}

/* second level */



.expand li ul{

	background: none;

	font-weight:normal;

	text-indent:0;

	margin: 0;

	padding: 0;

}

.expand li li{background: none; font-weight:normal; text-indent:0; margin: 0; padding-left: 30px;}

.expand li li.collapsed{url(images/expand_collapsed.gif) no-repeat; padding: 0; margin: 0;} 

.expand li li.expanded{background: none; margin: 0;}

.expand li li.expanded p{padding-right: 30px; margin: 0;}



/* third level */



/* .expand li li li.collapsed{background:url(images/collapsed.gif) no-repeat 5px .4em;} 

/* .expand li li li.expanded{background:url(images/expanded.gif) no-repeat 5px .4em;}



/* fourth level */



/* .expand li li li li{text-indent:0;margin-left:30px;width:auto;}



/* etc. */



/* buttons */



p.expand{

	height:1.5em;

	margin:1em 0;

	border-bottom: none; 

	

}

.expand h3{

		color: #850000;

}

p.expand a{

	float:left;

	height:1.5em;

	line-height:1.5em;

	padding:0 10px;

	border:1px solid #d2cfaa;

	margin-right:5px;

	cursor:pointer;

}

p.expand a:hover{

	background-color: #d2cfaa;

	text-decoration: none;

}

.expand .date {

	text-indent: 15px;

	width: 130px;

	margin: 0;

	background-image:url(images/clock.gif);

	float: right;

	background-repeat: no-repeat;

	background-position: left center;

	}

/* float fix */

.expand li:after{

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.expand li{

	display: inline-block;

}

/* Hides from IE-mac \*/

* html .expand li{

	height: 1%;

}

.expand li{

	display: block;

}

/* End hide from IE-mac */

/* end float fix */





/* Alignment classes */

.float-left   { float: left;}

.float-right  { float: right; }

.align-left   { text-align: left; }

.align-right  { text-align: right; }

.align-center { text-align: center;	}

.align-justify { text-align: justify; }



/* display classes */

.clear  { clear: both; }

.block  { display: block; }

.hide   { display: none; }	

.orange { color: #FFA600; }





/* Begin Comments*/

.alt {

	margin: 0;

	padding: 10px;

	background-color: #f8f8f8;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	}

.commentlist {

	padding: 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 0 3px;

	padding: 5px 10px 3px;

	list-style: none;

	}



.commentlist p {

	margin: 10px 5px 10px 0;

	}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */



img.avatar {float:left; margin-right:5px;}