/*
Theme Name: De Duivel
Theme URI: http://www.deduivel.nl
Description: Theme developed for Cafe De Duivel
Version: 1.1
Author: Virtual
Author URI: http://www.cratermodo.com/
Tags: funky, horizontal scroll, absolute positioning, no columns, no widgets

	De Duivel v1.0
	 http://cratermodo.com/deduivel/

	This theme was designed by Fleanmachine (http://www.fleanmachine.com) and built by Virtual,
	whose site you will find at http://www.cratermodo.com/

	The CSS, XHTML and design is copyrighted by Fleanmachine and Cratermodo/VMG:


*/
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;
}
p {padding: 5px 0;}
/* background image */
img#background {
color:white;
height:100%;
position:absolute;
width:100%;
z-index:-1;
}




.main-right-col {position: absolute; right:0; top:0; width: 257px; border: solid 0px #fff; text-align: right; margin: 0 15px 0 0; padding: 15px 0 0}
.social-networking {background: transparent url(images/network-all.png) no-repeat 0 0; width: 31px; float: left}
.s-network {border: solid 0px #ffcc00; width: 31px; height: 34px;cursor:pointer;}

.duivel-logo {background: transparent url(images/duivel-logo.png) no-repeat left top;position:absolute;left:15px; top:15px; width: 135px; height: 102px; }

.navigation-container {position: absolute; bottom: 0; height: 433px; width: 100%;; border: solid 0px #fff;}
.navigation-box {height: 433px; width:1024px; background: transparent url() top left; margin: 0px auto;}
.navigation-holder {position: absolute; bottom: 0px; border: solid 0px #fff; width: 950px; text-align: center;}

h2 {font-size: 20px; font-family: verdana,arial,tahoma; color: #121212}

.dd-h2 {width: 962px; height: 78px; background: transparent url(images/kader-big-top.png) no-repeat 0 0; margin: 15px 0 0 0;}
.dd-h2-tmpl {width: 481px; height: 78px; background: transparent url(images/kader-template-page-top.png) no-repeat 0 0; margin: 15px 0 0 0;position: relative;}
.arch-dd-h2-tmpl {width: 620px; height: 78px; background: transparent url(images/arch-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: #ffffff;padding-bottom: 5px;}
.title-h2 {position: relative; top: 36px; left: 23px;}
.title-h2-tmpl {float: right; margin: 45px 45px 0 0; }
.arch-title-h2-tmpl {position: relative; top: 45px; margin: 0px auto; padding-bottom: 35px; display: block; width: 430px; text-align: center; }
.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-vert.png) repeat-y left top;width: 481px; font-family: verdana, arial, tahoma; font-size: 12px; font-weight: bold; line-height: 12pt}
.arch-vert-center-tmpl {background: transparent url(images/arch-kader-template-page-vert.png) repeat-y left top;width: 620px; font-family: verdana, arial, tahoma; font-size: 12px; font-weight: bold; line-height: 12pt; padding: 30px 0 0;}


a {outline: none;}
div.container {}


/* horizontal scroll */
div.sc_menu {
	 /*Set it so we could calculate the offsetLeft */
	position: relative;
	top: 150px;
	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: 320px;
	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: 25px;
}
.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;
}


/* Here are styles for the back button, don't look at them */
#back {
	display: block;
	width: 500px;
	text-align: center;
	color: #003469;
	font-size: 16px;
}

/* SLIDER */
.slide {
background:none;
border:0px solid #999999;
/*height:200px;*/
height: auto;
/*margin:1em 0;*/
margin: 0;
overflow:hidden;
/*position:absolute;*/
width:100%;
bottom: 0;
right: 0;
}
.slide .inner {
background-color:transparent;
bottom:125px;
color:#333333;
height:295px;
right:0;
padding:0px;
position:absolute;
width:295px;
margin: 30px 0 0 0;
}
.inner {
background-color:transparent;
bottom:125px;
color:#333333;
height:295px;
right:0;
padding:0px;
position:absolute;
width:295px;
/*margin: 30px 0 0 0;*/
}

.twitter{ float:right; position: relative; z-index: 100;}


/* WP */
.archive {background: transparent url(images/empty.png) repeat top left;}
.archive-entry {width: 9000px;}
.single {background: transparent;/* filter:alpha(opacity=95);
opacity:0.95;
-moz-opacity:0.95;*/}
.page-entry {/*width: px; */}
.wp-caption { margin: 10px 0 0; 	text-align: center;/*width: 100 !important; height: 286px; */}

.single-container {margin: 0px auto; width: 962px; border: solid 0px #fff;}
.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;
}

.post {background: transparent; width: 962px; margin: 0px auto 15px; position: relative; z-index:10;}
.post-tmpl {background: transparent; width: 481px; margin: 0px auto 15px; position: relative; z-index:10;}

.single-entry{
background: transparent;  
filter:alpha(opacity=100);
opacity:0.95;
-moz-opacity:0.95;
overflow-x: hidden;
overflow-y: auto;
height: 100%
/*position:absolute;*/
/*width:700px; */
/*height: 500px;
margin: 0px auto;
z-index: 999;*/
}


/* bookmarks/respect */
.bookmarks-gallery {
	text-align: center;
	margin: 0 auto;
	}
.bookmarks-gallery img {
	width: 120px;
	/*height: 120px;*/
	margin: 0 8px 15px 8px;
	}
	
	
	.ft[class]{

	background:transparent;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
	opacity:0.7;

	*position:static;
	*opacity:1;
	*background:transparent;
}

#content {display: block}
/* borders */
.single-content-holder {background: transparent; border: solid 0px #ffffff; text-align: center; margin: 0px auto; display:none; /*position: relative; z-index: 5;*/}
.content-holder {background: transparent; border: none; width: 100%; text-align: center; margin: 0px auto}
.content-holder p {text-align: center;}
.content-holder-tmpl {background: transparent; border: none; width: 371px; margin: 0px auto; padding: 45px; text-align: left; }

/* MAILFORM */
.newsletter {position: relative; z-index: 100; float: right; margin: 15px 0 0 0;}
.mailForm {display:none; background: transparent url(images/kader-newsletter.png) no-repeat top left; width: 232px; height:191px;}
.form-action {position: relative; top: 50px; right: 25px}
.mail-input {width: 179px; background: #010101; color: #ffffff; border:1px solid #999999;}
.mail-send {border: 1px solid #999999; background: #101010 none repeat scroll 0% 0%; width: 63px; height: 19px; color: #fff;}

/* archive background */