/* 
	Theme Name: Oorkaan
	Description: Custom WP Theme for Oorkaan
	Author: XHTMLized
	Author URI: http://www.xhtmlized.com/
	Version: 1.0	
*/


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

	Date: July 2009

***********************************************************************************************
		
	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles
	
	2. LAYOUT
      2.1 Structure
			2.2 Header
      2.3 Navigation
			2.4 Content
			2.5 Sidebar
			2.6 Footer		

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


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2	Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/	

ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3	Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
.three-col .content:after,
.three-col:after,
div.speellijst ul:after,
div.extended form:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#wrapper-2,
#content {overflow:hidden;}

.clearfix,
#content,
.menu ul li,
.three-col .content,
.three-col,
div.speellijst ul,
div.extended form,
#wrapper-2,
div.speellijst .inner
{zoom:1;}


/* 1.4	Default Styles
-----------------------------------------------------------------------------------------------*/	

body { background: #fff; color: #231f20; font: 60%/1.16 Verdana, Arial, Helvetica, sans-serif; }
body.home { font: 60%/1.16 Verdana, Arial, Helvetica, sans-serif; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; }
a { color: #231f20; text-decoration: underline; }
a:hover { color:#ed1c24; }
a span {cursor:pointer;}
p {margin:0 0 13px 0;}
li, span, td, p {font-family: Verdana, Arial, Helvetica, sans-serif;}

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


/* 2.1	Structure
-----------------------------------------------------------------------------------------------*/	

html{height:100%;}
body{height:100%;}
#page {min-height:100%;margin-bottom:-10px;}
#footer {margin-top:-1.16em;position:relative;}
* html #page {height:100%;}
body {background:#ee3129 url(images/bg_body.png) top left repeat-y;}
#page {background:url(images/wrapper-left.gif) left bottom no-repeat;}
#header {background:#fff;height:152px;}
.container { width: 990px; position: relative; text-align: left; font-size: 1.2em; margin:0; }
#wrapper-1 {background:url(images/wrapper-right.gif) right 74px no-repeat;}
#wrapper-2 {background:url(images/bg_graphic.jpg) right top no-repeat;min-height:634px;}
* html #wrapper-2 {height:634px;}
#wrapper-1 .container {padding:27px 0 0 60px;width:797px;}

#content { width: 568px; padding:10px 15px 10px 30px; float: right; background:#ffe400; }
#main-content {clear:both;float:left;width:568px;}
#secondary-content {float:right;text-align:right;width:210px;}
#sidebar { width: 184px; float: left; background:#fff56d; }
#footer { clear: both; }

/* Homepage Structure */
body.home #header {margin-bottom:-26px;}
body.home #wrapper-1 .container {padding:0 0 0 75px;width:634px;}
body.home #content {width:auto;float:none;background:none;padding:0;}

/* 2.2	Header
-----------------------------------------------------------------------------------------------*/	

/* Logo */

/* big logo 
#header .logo { position: absolute; top:33px; right:0; width: 253px; height: 132px; background: url(images/logo.png) no-repeat; text-indent:-9999px; } */
#header .logo { position: absolute; top:37px; right:0; width: 235px; height: 123px; background: url(images/logo.png) no-repeat; text-indent:-9999px; }

/* Motto */
#header .motto {position:absolute;top:24px;left:72px;height:53px;line-height:53px;font-size:47px;color:#ed1c24;font-weight:normal;margin:0;}

/* Navigation */
#header #nav {position:absolute;top:70px;left:0;height:59px;z-index:10;}
#header #nav li {float:left;margin:0 6px 0 0;}

/* Style for Cufon Nav
#header #nav a {float:left;padding:6px;background:#ffe400;line-height:17px;font-size:15px;color:#303032;text-transform:uppercase;text-decoration:none;}
#header #nav a:hover {text-decoration:none;color:#ed1c24;}
*/

#nav a {float:left;height:53px;background-image:url(images/nav.png);background-repeat:no-repeat;text-indent:-9999px;}

#nav .page-item-1 a {width: 59px;background-position:     0 0;}
#nav .page-item-2 a {width: 87px;background-position: -59px 0;}
#nav .page-item-3 a {width: 72px;background-position:-146px 0;}
#nav .page-item-4 a {width: 83px;background-position:-218px 0;}
#nav .page-item-5 a {width:113px;background-position:-301px 0;}
#nav .page-item-6 a {width: 77px;background-position:-414px 0;}
#nav .page-item-7 a {width:112px;background-position:-491px 0;}
#nav .page-item-8 a {width: 58px;background-position:-604px 0;}

#nav .page-item-1 a:hover {width: 59px;background-position:     0 -60px;}
#nav .page-item-2 a:hover {width: 87px;background-position: -59px -60px;}
#nav .page-item-3 a:hover {width: 72px;background-position:-146px -60px;}
#nav .page-item-4 a:hover {width: 83px;background-position:-218px -60px;}
#nav .page-item-5 a:hover {width:113px;background-position:-301px -60px;}
#nav .page-item-6 a:hover {width: 77px;background-position:-414px -60px;}
#nav .page-item-7 a:hover {width:112px;background-position:-491px -60px;}
#nav .page-item-8 a:hover {width: 58px;background-position:-604px -60px;}

#nav .current_page_item a {cursor:default;}
#nav .page-item-1.current_page_item a {width: 59px;background-position:     0 -111px;}
#nav .page-item-2.current_page_item a {width: 87px;background-position: -59px -111px;}
#nav .page-item-3.current_page_item a {width: 72px;background-position:-146px -111px;}
#nav .page-item-4.current_page_item a {width: 83px;background-position:-218px -111px;}
#nav .page-item-5.current_page_item a {width:113px;background-position:-301px -111px;}
#nav .page-item-6.current_page_item a {width: 77px;background-position:-414px -111px;}
#nav .page-item-7.current_page_item a {width:112px;background-position:-491px -111px;}
#nav .page-item-8.current_page_item a {width: 58px;background-position:-604px -111px;}

/* Secondary Navigation */
#header #sec-nav {position:absolute;top:8px;right:0;line-height:18px;}
#header #sec-nav li {display:inline;}
#header #sec-nav a {font-size:0.75em;color:#000;text-transform:uppercase;padding:0 6px;text-decoration:none;}
#header #sec-nav a:hover {text-decoration:underline;}

/* 2.3	Forms
-----------------------------------------------------------------------------------------------*/

div.extended form {width:343px;}
div.extended form fieldset {}
div.extended form fieldset.submit {clear:both;padding: 0; margin-top: -30px }
div.extended form ol {}
div.extended form ol li {clear:both;padding-top:5px;}

div.extended form label {display:block;padding:3px 0;}
div.extended form .text input,
div.newsletter table td input,
#respond form input {padding:4px 2px 4px 4px;width:333px;border:1px solid #fff;}
#respond form input { width: 250px }
#respond form #submit { width: auto !Important; font-weight: bold }
div.newsletter table td input { width: 200px }
div.extended form .text br,
div.extended form .text p { display: none !important }
div.extended form textarea,
#respond form textarea {padding:4px 2px 4px 4px;width:333px;border:1px solid #fff;}
#respond form textarea { width: 450px; height: 150px; font-size: 11px }
div.extended form .submit input,
div.newsletter table td input[type="submit"] {float:right;background:#fff;border:1px solid #fff;}
div.newsletter table td input[type="submit"] { width: 90px; float: none; position: relative; left: -26px; font-weight: bold }

div.extended form .checkbox {float:left;width:257px;}
div.extended form .checkbox input {float:left;background:transparent;border:none;}
div.extended form .checkbox br { display: none !important}
div.extended form .submit .note {clear:both; padding:25px 0 0 0;}

/* Unique */
div.extended form .postcode {float:left;margin:0 13px 0 0;}
div.extended form .postcode input {width:77px;}
div.extended form .plaats {float:left;clear:none;}
div.extended form .plaats input {width:237px;}

div.newsletter table td{ padding: 5px 5px 5px 0; vertical-align: middle;  }

/* 2.4	Content
-----------------------------------------------------------------------------------------------*/	

div.img img {display:block;}
div.img span {display:block;line-height:1.16em;padding:0.25em 0;text-align:right;}
img.alignright {float:right; margin: 4px 0 0 4px;}

h2 {font-size:39px;font-weight:normal;}
h3 {font-size:15px;font-weight:bold;}
h4 {font-size:13px ! important;font-weight:normal;}
a.leesmeer {font-style:italic;white-space:nowrap;}

/* Home elements */

  /* Nieuws */
  body.home div.nieuws {float:left;}
  div.nieuws {width:366px;}
  div.nieuws .box {padding:0 0 5px 0;margin:0 0 6px 0;background:url(images/bg_nieuws-bot.png) bottom center no-repeat;}
  div.nieuws .box .inner {padding:10px 21px 2px 17px;background:url(images/bg_nieuws-top.png) top center no-repeat;}
  div.nieuws .box .content {background:#fff;}
  a.ontvang-de-nieuwsbrief {display:block;width:367px;height:35px;background:url(images/txt_untvang-de-nieuwsbrief.png) no-repeat;text-indent:-9999px;}
  div.nieuws h3 {margin:7px 0 3px 0;}
  div.nieuws p {margin:0;}
  
  ul.links {margin:8px 0 7px 0;padding:4px 0 2px 0;border-width:1px 0;border-style:solid;border-color:#1a171b;font-size:1.25em;line-height:1.06em;}
  ul.links a {display:block;padding:0.2em 0;font-weight:bold;}
  a.all {display:block;line-height:1.5em;}
  
  /* Right-Side Home */
  div.homeside {float:right;padding:3px 0 0 0;width:239px;}
  
  div.wieisdit {width:239px;padding:0 0 8px 0;margin:0 0 10px 0;background:url(images/bg_wieisdit-bot.png) bottom center no-repeat;}
  div.wieisdit .inner {padding:6px 13px 0 13px;background:url(images/bg_wieisdit-top.png) top center no-repeat;}
  div.wieisdit .content {background:#fff;}
  
  div.speellijst {width:239px;padding:0 0 5px 0;background:url(images/bg_speellijst-bot.png) bottom center no-repeat;}
  div.speellijst .inner {padding:6px 13px 3px 13px;background:url(images/bg_speellijst-top.png) top center no-repeat;}
  div.speellijst .inner h3 { margin-bottom: 7px }
  div.speellijst h2 {margin:0 0 0 7px;}
  div.speellijst h4 {height: 2em;}
  div.speellijst ul {border-bottom:1px solid #1a171b;padding:0 0 6px 7px;margin:0 0 8px 0;background:url(images/bg_speellijst.gif) 101px bottom no-repeat;}
  div.speellijst ul li {float:left;width:94px;}
  div.speellijst ul li h3 {min-height:37px;}
  div.speellijst ul li p {margin:0;}
  div.speellijst ul li:first-child {margin:0 11px 0 0;}
  div.speellijst a.all {padding-left:7px;}

/* Three 'powed' cols */

  .three-col {clear:both;width:634px;}
  .three-col .col1,
  .three-col .col2,
  .three-col .col3 {float:left;background-position:bottom center;background-repeat:no-repeat;padding:0 0 24px 0;}
  .three-col .col1 .inner,
  .three-col .col2 .inner,
  .three-col .col3 .inner {background-position:top center;background-repeat:no-repeat;padding:22px 16px 0 16px;}
  .three-col .col1 .content,
  .three-col .col2 .content,
  .three-col .col3 .content {background:#fff;}
  
  .three-col .col1 {width:239px;margin:0 10px 0 0;background-image:url(images/bg_pow1-bot.png);}
  .three-col .col1 .inner {background-image:url(images/bg_pow1-top.png);}
  .three-col .col2 {width:247px;background-image:url(images/bg_pow2-bot.png);}
  .three-col .col2 .inner {background-image:url(images/bg_pow2-top.png);}
  .three-col .col3 {margin-top:4px;float:right;width:128px;background-image:url(images/bg_pow3-bot.png);}
  .three-col .col3 .inner {background-image:url(images/bg_pow3-top.png);padding:18px 19px 0 14px;}
  
  .three-col h4 {margin:0 0 9px;}
  .three-col p {margin:0;}
  .three-col .col2 img {float:right;margin-top:-6px;}
  .three-col .col3 h4 {margin:0;}
  
  .events h3 { margin-bottom: 15px }
  .events dl { width: 420px; overflow: hidden }
  .events dt { clear: both; float: left; width: 85px; display: block; padding-bottom: 10px } /* Increased the width since the words inside it are longer than 50px */
  .events dd { margin-left:90px; width: 330px; display: block; padding-bottom: 5px } /* Replaced right float with left margin on the DD to avoid IE7's buggy clearing behavior */
  .events div.e-map { margin: 20px 0 20px 90px; border: 1px solid; border-color: rgb(237, 28, 36); width: 400px !important }
  .events div.booking { margin: 40px 0 60px 90px; width: 392px }
  .events div.booking br { display:  none }
  .events div.booking table.dbem-rsvp-form { width: 450px !important }
  .events div.booking table.dbem-rsvp-form th,
  .events div.booking table.dbem-rsvp-form td { padding: 5px 0; vertical-align: top }
  .events div.booking table.dbem-rsvp-form td { padding-left: 10px }
  .events div.booking table.dbem-rsvp-form th { width: 20%; text-align: left }
  .events div.booking table.dbem-rsvp-form td input { width: 200px; margin: 0 !important; padding: 3px !Important; font-weight: normal !Important  }
  .events div.booking table.dbem-rsvp-form td select { padding: 3px; width: auto !important }
  .events div.booking form#dbem-rsvp-form input { margin-left: 100px; margin-top: 10px; padding: 5px; border: 1px solid rgb(237, 28, 36); font-weight: bold  }
  .events div.booking div.dbem-rsvp-message { border-width: 1px; width: 100%; padding: 10px 5px }

  div#main-content ul { margin-left: 20px;}
  div#main-content ul li {list-style: disc;}

  div#main-content ul.sitemap li { padding-bottom: 5px; list-style: decimal; margin-left: 10px }
  div#main-content ul.sitemap li ul li { margin-left: 15px; list-style: disc }
  div#main-content ul.sitemap li ul { padding-top: 5px }
  
  div.blog-comments { padding: 20px 0 }
  #respond,
  div.blog-comments { clear: both }
  #respond h3,
  div.blog-comments h3 { padding-bottom: 10px }
  
  ol.commentlist li { overflow: hidden; position: relative; border-bottom: 1px solid #eaa828; margin-bottom: 15px  }
  ol.commentlist li .comment-author img { position: absolute; left: 0; top:  0 }
  ol.commentlist li .comment-body { padding-left: 42px }
  ol.commentlist li .comment-meta { font-size: 11px; padding-bottom: 10px }
  
  div.archives { width: 98% !important}
  div.archives h2 a { text-decoration: none }
  div.archives h2 { padding-bottom: 15px }
  div.archives .archives-body { margin-bottom: 40px }
  
/* 2.5	Sidebar
-----------------------------------------------------------------------------------------------*/	

.menu ul {margin:0;overflow:hidden;}
.menu ul li {float:left;width:100%;}
.menu ul a {display:block;padding:0.3em 3px;font-size:10px;line-height:1.21em;border-top:1px solid #8c8644;color:#231f20;text-decoration:none;}
.menu ul li:first-child a {border-top:none;}
.menu ul a:hover {color:#ed1c24 }
.menu ul li.current_page_item a,
.menu ul li a.current { color: #231f20;background: #FFE400 }
.menu ul li ul li a {background: #ee3129 !important; border-top: 1px solid #231f20 !important;}
.menu ul li ul li:first-child a {border-top: none !important;}
.menu ul li ul li a:hover {color: #ffe400 !important;}
.menu ul li.dbem-no-events {display:none;}

/* Sub navigation inside the main content */
#content ul#sub-navigation {margin-bottom: 4px;}
#content ul#sub-navigation li a { color: #ed1c24; text-decoration: none;}
#content ul#sub-navigation li a:hover { text-decoration: underline;}

/* eventlijst opmaak */
table#lijstbody {border-collapse : separate; border-spacing : 5px; width : 550px; }
table#lijstbody thead {display : block; }
table#lijstbody th.eventdate { width : 105px; }
table#lijstbody th.eventdate select { width : 100px; }
table#lijstbody th.eventinfo { width : 265px; }
table#lijstbody th.eventinfo select { width : 265px; }
table#lijstbody th.eventloc { width : 105px; }
table#lijstbody th.eventloc select { width : 90px; }
table#lijstbody tbody { display : block; height : 450px; overflow : auto;}
table#lijstbody th { padding : 5px;}
table#lijstbody tr { height : 30px;}
table#lijstbody td { padding : 5px; height : 30px;}
table#lijstbody td {  background-color : #fffcdc; }
table#lijstbody td strong { color : #cc0000; font-size : 12px; }
table#lijstbody tr.oneven td {  background-color : #fff9b6; }
table#lijstbody td.eventdate { width : 105px; background-color : white;}
table#lijstbody td.eventinfo { width : 265px;background-color : white;}
table#lijstbody td.eventloc { width : 105px;background-color : white; }
.red { color : #cc0000;  }

div#sidebar ul {
	margin : 10px;
}
div#sidebar h2.widgettitle {
	font-size : 20px;
}

div.voorstellingwidget { padding : 0; margin : 0;}
div.voorstellingwidget ul { margin : 0; padding : 0; }
div.voorstellingwidget ul li { padding : 2px 0px 2px 0px; margin : 0; border-style : solid; border-color : black; border-width : 0px 0px 1px 0px;  width : 184px; }
div.voorstellingwidget ul li a {  font-size : 10px;  padding : 3px; }
#eventsidebar { width: 184px; float: left; background:#fff56d; }
.eventnotes { font-style : italic; }