/*
Theme Name: Hell's Kitchen
Theme URI: http://hellskitchen.nl/
Description: The Hell's Kitchen Theme.
Version: 0.1
Author: virtual
Author URI: http://cratermodo.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

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

*/



/* Begin Typography & Colors */
html { height: 100%; overflow:hidden;} 
body {
background-color:transparent;
border-top:1px solid transparent;
height:100%;
margin:-1px 0 0;
padding:0;
position:relative;
z-index:0;
}
/* background image */
img#background {
color:white;
height:100%;
position:absolute;
width:100%;
z-index:-1;
}
img {border:none;}
.mannetjes {
	/*position: absolute; top: 0px;*/
	background: transparent url(images/mannetjes-bar.png) no-repeat left top;
	height: 214px;
	z-index: 10;
	
}
.navigation {border: solid 0px #fff; height: 236px; margin: 0; padding: 0px; position: absolute; top: 50px; left: 17px; width: 1005px; z-index: 9999}
.myhome {position: absolute; top: 100px; left: 2px; float:left;}
.about {position: absolute; top: 100px; left: 87px; float:left;}
.agenda {position: absolute; top: 100px; left: 175px; float: left;}
.gallery {position: absolute; top: 100px; left: 278px; float: left;}
.video {position: absolute; top: 117px; left: 375px; float: left;}
.duivel {position: absolute; top: 100px; left: 454px; float: left;}
.rubbadubb {position: absolute; top: 100px; left: 546px; float: left;}
.shop {position: absolute; top: 100px; left: 680px; float: left;}
.history {position: absolute; top: 100px; left: 755px; float: left;}

.community {position:  absolute; left: 858px; top: 86px;z-index: 15;}

.single {background: #000000;}

/* horizontal scroll */
div.sc_menu {
	 /*Set it so we could calculate the offsetLeft */
	position: relative;
	top: 215px;
	left: 0px;
	/*height: 295px;*/
	width:100%;
	overflow: auto;
	z-index: 500;
	background: transparent
	
}
ul.sc_menu {
	display: block;
	/*height: 296px;*/
	/* max width here, for users without javascript */	
	/*width: 1500px;*/	
	width: 100%;
	/*padding: 15px 0 0 15px; */
	/* removing default styling */
	margin: 0;
	background: url('navigation.png');		
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0;
	margin: 0 15px 0 0;
	height: 430px;
	position: relative;
	/*width: 295px;
	height: 295px;*/
	/*background: transparent url(/deduivel/images/kader.png) no-repeat left top;*/

}
.sc_menu a {
	display: block;
	text-decoration: none;
	margin-top: 0px;
}
.sc_menu span {
	display: none;
	margin-top: 3px;
	
	text-align: center;
	font-size: 12px;	
	color: #fff;
}
.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	border: 0px #fff solid;	
    /*-webkit-border-radius: 3px;
    -moz-border-radius: 3px;*/
    /* margin: 22px 0 0 18px;
   height: 271px !important; */
}
.sc_menu a:hover img {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}


/* pages and categories */
.dd-h2-tmpl {width: 529px; height: 72px; background: transparent url(images/kader-template-page-top.png) no-repeat 0 0; margin: 15px 0 0 0;position: relative;}
.detail-dd-h2-tmpl {width: 600px; height: 72px; background: transparent url(images/post-kader-template-page-top.png) no-repeat 0 0; margin: 15px 0 0 0;position: relative;}
.archive-h3 {font-family: Verdana,Arial,Tahoma; font-size: 11px; text-align: center; color: #EFCE17;padding-bottom: 5px;}
.title-h2 {position: relative; top: 36px; left: 23px;}
.title-h2-tmpl {float: left; margin: 80px 0px 0 45px; }
.promo-title-h2-tmpl {float: right; margin: 45px 45px 0 45px; }
.title-h2-tmpl-post {font-size: 35pt; float: right; margin: 45px 45px 0 0; }

.close-button {position: relative; top: 36px; left: 900px;}
.close-button-tmpl {position: relative; top: 25px; right: 25px; float: right;}
.frame-left {float: left; height: 300px;}
.frame-center {min-height: 300px; margin: 0px 0 0 0; background: transparent url(images/kader-foto-center.png) repeat-x 0 0; float: left;}
.frame-right {float: left}
.vert-center {background: transparent url(images/kader-big-vert.png) repeat-y left top; width: 962px}
.vert-center-tmpl {background: transparent url(images/kader-template-page-center.png) repeat-y left top;width: 529px; font-family: verdana, arial, tahoma; font-size: 12px; font-weight: bold; line-height: 12pt; padding-top: 40px; color: #EFCE17;}
.detail-vert-center-tmpl {background: transparent url(images/post-kader-template-page-center.png) repeat-y left top;width: 600px; font-family: verdana, arial, tahoma; font-size: 12px; font-weight:bold; line-height: 12pt; padding-top: 40px; color: #EFCE17;}




.post-tmpl {background: transparent; width: 529px; margin: 0px auto 15px; position: relative; z-index:10;}
.detail-post-tmpl {background: transparent; width: 600px; margin: 0px auto 15px; position: relative; z-index:10;}
.content-holder-tmpl {background: transparent; border: none; width: 371px; margin: 0px auto; padding: 45px; text-align: left; }
.detail-content-holder-tmpl {background: transparent; border: none; width: 460px; padding: 0px; text-align: left; margin: 0px auto; }

.narrowcolumn {
background: transparent;  
filter:alpha(opacity=95);
opacity:0.95;
-moz-opacity:0.95;
height:100%;
position:absolute;
width:100%;
z-index: 500;
background: transparent;
overflow-x: hidden;
overflow-y: auto;
}
.widecolumn {
background: transparent;  
filter:alpha(opacity=95);
opacity:0.95;
-moz-opacity:0.95;
height:100%;
position:absolute;
width:100%;
z-index: 500;
background: transparent;
overflow-x: hidden;
overflow-y: auto;
}
.archive-entry {width: 9000px;}
/* .the-content img {width:600px;} */
.ngg-gallery-thumbnail {width: 100px;}

.content-area-container {position:absolute; top: 214px; left: 0px; width: 100%;}
.home-content-area {position:relative; top: 0px; z-index: 10; height: 414px; background: transparent url(images/content-area.png) repeat-x left top;}
.twitter {position: absolute; top: 0px; z-index: 11;left: 773px;}
