/*
Theme Name: orkzbar
Adapted from minimalism: http://www.genaehr.com/minimalism/ by Christian Genaehr
Description: A minimized and professional designed SEO-ready WordPress theme by <a href="http://www.genaehr.com/">genaehr.com</a> based on the famous Kubrick. Compatible with WordPress 2.7.x. Valid CSS & HTML. Theme is highly extensible and ready for localization. A perfect starting point for theme development. 
Version: 1.0
Author: Bytefabriek
Author URI: http://www.bytefabriek.nl/
Tags: black, dark, two-columns, right-sidebar, fixed-width

	orkzbar v1.0

*/


/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.description, .published, #footer p, hr, .postmetadata, #ec3_publish, #sidebar form, #sidebar ul li#newsletter {
display: none;
}

/* Layout ******************************/

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
background: #000 url('images/background1.jpg') center top no-repeat;
color: #bbb;
text-align: center;
}

#page {
position: relative;
width: 960px;
margin: 110px auto 400px auto;
overflow: visible;
}

#header {
position: relative;
}

#headerimg {
position: relative;
display: block;
width: 960px;
margin: 0 auto;
padding-top: 100px;
height: 0;
background: url('images/header.png') 0 0 no-repeat;
overflow: hidden;
}

#content {
position: relative;
width: 740px;
float: left;
background: transparent url('images/page_background.png') 0 0 repeat-y;
padding-bottom: 20px;
z-index: 20;
}

#sidebar {
position: relative;
width: 220px;
float: right;
}

a#fotos {
position: absolute;
top: 400px;
left: -9px;
width: 220px;
padding-top: 500px;
background: url('images/fotos/random.php') 0 0 no-repeat;
z-index:10;
}

#footer {
clear: both;
width: 960px;
height: 180px;
margin: 0 auto;
background: url('images/logo.png') 0 bottom no-repeat;
}

img#muurschildering {
position: absolute;
bottom: -400px;
right: 0;
}

/* Menu ************************/

#menu {
position: fixed;
top: 0;
left: 0;
margin: 0 auto;
text-align: center;
padding: 10px 0 0 0;
width: 100%;
height: 60px;
background: transparent url('images/paper.png') right bottom repeat-x;
overflow: hidden;
z-index: 1000;
}

#menu ul {
position: relative;
margin: 0 auto;
width: 960px;
padding: 0;
list-style: none;
}

#menu ul li {
float: left;
display: inline;
margin: 0 25px;
padding: 0;
}

#menu ul li a {
display: block;
height: 0;
overflow: hidden;
}

#menu ul li#nav_home a {
padding-top: 25px;
width: 77px;
background: url('images/nav_home.gif') 0 0 no-repeat;
}

#menu ul li#nav_location a {
padding-top: 26px;
width: 115px;
background: url('images/nav_location.gif') 0 0 no-repeat;
}

#menu ul li#nav_contact a {
padding-top: 25px;
width: 108px;
background: url('images/nav_contact.gif') 0 0 no-repeat;
}

#menu ul li#nav_mailinglist a {
padding-top: 33px;
width: 156px;
background: url('images/nav_mailinglist.gif') 0 0 no-repeat;
}

#menu ul li#nav_about a {
padding-top: 24px;
width: 74px;
background: url('images/nav_about.gif') 0 0 no-repeat;
}

#menu ul li#nav_top a {
padding-top: 23px;
width: 37px;
background: url('images/nav_top.gif') 0 0 no-repeat;
}

/* Posts ***********************/

div.hr {
display: block;
padding-top: 21px;
height: 0;
background: transparent url('images/hr.gif') 80px 0 no-repeat;
border: 0;
clear: both;
}
div.hr hr {
display: none;
}

.post {
position: relative;
text-align: left;
font-size: 1.5em;
line-height: 1.5em;
display: block;
overflow: visible;
margin: 20px 40px 20px 120px;
background: url('images/post_background.gif');
border-top: 5px dotted #000;
border-bottom: 5px dotted #000;
}

.post h2 {
line-height: 1.0em;
font-size: 3.6em;
text-align: left;
padding: 0;
width: 580px;
display: block;
border-bottom: 5px dotted #000;
}

.post img {
float: left;
margin: 0 10px 10px 0;
padding: 12px;
background: url('images/frame.gif') center no-repeat;
}

.post p {
padding: 20px;
overflow: auto;
width: 540px;
}

.post a {
color: #ddd;
}
.post a:hover {
color: #fff;
}

.post table.ec3_schedule {
position: absolute;
top: 0;
left: -130px;
border: none;
padding: 5px;
width: 129px;
height: 81px;
overflow: hidden;
background: transparent url('images/date.png') 0 0 no-repeat;
}
#post-502.post table.ec3_schedule {
}
#post-502.post table.ec3_schedule .ec3_to {
	display: none;
}
#post-502.post table.ec3_schedule .ec3_start, #post-502.post table.ec3_schedule .ec3_end {
	display: block;
	font-size: 20px;
	height: 22px;
	overflow: hidden;
}

.post table.ec3_schedule tr td {
color: #eee;
font-size: 1.2em;
font-weight: bold;
text-align: center;
padding: 5px 3px;
}

.post table.ec3_schedule tr:first-child td {
font-size: 1.8em;
text-transform: uppercase;
padding: 13px 3px 3px 3px;
}

/* Google map ****************/

#map {
width: 580px;
height: 380px;
margin: 10px 40px 20px 120px;
overflow: hidden;
font-size: 1.4em;
color: #000;
}

img#locationimg {
float: left;
margin: 0 0 10px 0;
}
/* Contact Form **************/

form.wpcf7-form {
float: left;
margin: 0 0 0 120px;
text-align: left;
}

form.wpcf7-form input, form.wpcf7-form textarea {
font-size: 1.4em;
margin-bottom: 10px;
background-color: #333;
color: #eee;
border: 1px dotted #000;
padding: 1px 3px;
}

form.wpcf7-form img {
margin-bottom: 10px;
}

form.wpcf7-form input.submit {
border-top: 2px solid #444;
border-left: 2px solid #444;
border-bottom: 2px solid #222;
border-right: 2px solid #222;
}

/* Mailing list form *************/

form#newsletter {
float: right;
text-align: right;
margin: 0 40px 0 0;
}

form#newsletter input {
font-size: 1.4em;
margin-bottom: 10px;
background-color: #333;
color: #eee;
border: 1px dotted #000;
padding: 1px 3px;
}

form#newsletter input.submit {
border-top: 2px solid #444;
border-left: 2px solid #444;
border-bottom: 2px solid #222;
border-right: 2px solid #222;
}

form#newsletter img {
margin-bottom: 2px;
}

.newsletter {
overflow: hidden;
}

/* About info *******************/

#about {
position: relative;
text-align: left;
font-size: 1.5em;
line-height: 1.5em;
display: block;
overflow: visible;
margin: 20px 40px 20px 120px;
}

#about img {
margin-bottom: 10px;
}

#about a {
color: #fff;
}

/* Kalender *********************/
#wp-calendar {
position: absolute;
top: -320px;
right: -60px;
display: block;
padding: 300px 50px 0 42px;
width: 188px;
height: 330px;
background: url('images/sidebar_background.png') 0 0 no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.5em;
color:#788;
overflow: hidden;
}

#wp-calendar h2.widgettitle {
visibility: hidden;
}

#wp-calendar a {
 color:#788;
}

#wp-calendar a.eventday {
color: #212e2f;
background-color: #9aa;
text-decoration: none;
cursor: default;
font-size: smaller;
padding: 3px 2px;
}

#wp-calendar table {
width:100%;
border-bottom: 1px dashed #788;
margin-bottom: 200px;
}

#wp-calendar table.nav {
border: none;
height: auto;
margin-bottom: auto;
}

#wp-calendar table td,
#wp-calendar table th {
  text-align:center;
  font-weight: bold;
  padding: 3px 0;
  margin: 0;
}

#wp-calendar table th {
border-bottom: 1px dashed #788;
}

#wp-calendar #prev {
  text-align:left;
}

#wp-calendar #next {
  text-align:right;
}
#wp-calendar #prev a, #wp-calendar #next a {
color: #212e2f;
background-color: #788;
padding: 0 3px;
text-decoration: none;
}

#wp-calendar caption a {
display: block;
margin-top: -1.2em;
margin-bottom: 0.6em;
text-decoration: none;
cursor: default;
font-weight: bold;
}

.ec3_popup {
font-family:"Courier New", Courier, monospace;
font-weight: bold;
 margin: 20px 0 0 8px !IMPORTANT;
 padding:0 !IMPORTANT;
 border:none;
 position:absolute;
 border-collapse:collapse;
 filter:alpha(opacity=87);
 -moz-opacity:.87;
 opacity:.87;
 z-index:30000;
}

.ec3_popup table {
 background-color:transparent;   
 font-size: 2em;  
 font-weight: bold;
 color:#788;
 text-align:left;
}

a .ec3_ec {
display: none;
}

/* sIFR ***********************/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Copyright (c) 20010 Janis Skarnelis
 * Examples and documentation at: http://fancybox.net
 *
 * Version: 1.3.0 (02/02/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
 
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('images/fancybox/fancy_loading.png') no-repeat;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 32px;
	height: 32px;
	background: url('images/fancybox/fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #666;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #666;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #666;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background: url('images/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background: transparent url('images/fancybox/fancy_title_left.png') repeat-x;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background: transparent url('images/fancybox/fancy_title_main.png') repeat-x;
	color: #666;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url('images/fancybox/fancy_title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background: transparent url('images/fancybox/fancy_nav_left.png') no-repeat;
}

#fancybox-right-ico {
	background: transparent url('images/fancybox/fancy_nav_right.png') no-repeat;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

div.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 1001;
}

div#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('images/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('images/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('images/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('images/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancybox/fancy_shadow_nw.png') no-repeat;
}
div#colofon {
float: left;
height: 24px;
margin-left: 10px;
}
div#colofon a {
color: #fff;
padding-top: 10px;
padding-right: 30px;
background: url('images/bytefabriek.gif') top right no-repeat;
}