/*
Theme Name: Jasper Groen
Author: Joost Berculo
Version: 1.0
*/

@font-face {
    font-family: 'HelveticaNeueLTPro25UltraLt';
    src: url('fonts/helveticaneueltpro-ultlt-webfont.eot');
    src: url('fonts/helveticaneueltpro-ultlt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltpro-ultlt-webfont.woff') format('woff'),
         url('fonts/helveticaneueltpro-ultlt-webfont.ttf') format('truetype'),
         url('fonts/helveticaneueltpro-ultlt-webfont.svg#HelveticaNeueLTPro25UltraLt') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	min-width:960px;
	min-height:500px;
	font-size:14px;
}

a img {
	border:0;
}
#page {
	padding-top:45px;
}
html{
  overflow-y:scroll;
} 

body {
	background-color:#fff;
	background:url('assets/loading.png') center center no-repeat fixed;
	font-family: helvetica, arial, sans-serif;
	z-index = -100;
}

a {
	color: #094;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#main {
	width: 960px;
	margin:0 auto;
}

/*header*/

hgroup {
	position:fixed;
	bottom:	0;
	left: 0;
	background-color:#000;
	width:100%;
	z-index:100;
}

hgroup h1 {
	font-family: 'HelveticaNeueLTPro25UltraLt';
	text-transform:uppercase;
	font-weight:lighter;
	font-size:38px;
	color:#fff;
	width:960px;
	margin:5px auto;
}

#site-title a {
	text-decoration:none;
}

#site-title a #business {
	color: #094;
/*	color:#055d2e;*/
	margin-left: 10px;
}

#site-title a #name {
	color:#fff;
}
/* end header*/

/*navigation*/

#totalnav {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1000
}

#totalnav a{
	text-decoration:none;
}

#access {
	width: 100%;
	background:url('assets/menu.png') bottom repeat-x;
	height: 45px;
	position:fixed;
	z-index:100;
}

#access .menu-hoofdmenu-container {
	width:960px;
	margin:0 auto;
}

.pulldown {
    background-image: url("assets/button_up.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 27px;
    width: 960px;
	cursor: pointer;
	bottom:-21px;
	display:none;
	position:absolute;
	left:50%;
	margin-left:-480px;
	z-index:75;
}

#access ul {
	list-style-type:none;
	text-transform:uppercase;
	margin:0;
	overflow:auto;
	padding-left:0;
}

#access ul li.menu-item {
	font-family: 'HelveticaNeueLTPro25UltraLt';
	/*font-weight:bolder;*/
	float: left;
	font-size:20px;
}

.item-buy {
	font-weight:bolder;
}
#menu-hoofdmenu {
	padding-bottom:5px;
}

#menu-hoofdmenu li {
	padding:5px;
	margin-right: 7px;
}

#access ul li a {
	text-decoration:none;
	color:white;
}

#access ul li a:hover,
#access ul .current-category-ancestor a,
#access ul .selected a,
#access ul .current-post-parent a,
#access ul .current-menu-item a {	
	color: #094;
/*	color:#055d2e;*/
}
/* used for javascript submenu's */
#totalnav #access .override a {
	color:#fff;
}
#totalnav #access .selected a {
	color:#094;	
}
/* end navigation */

/*category box*/

#categories {
	position:relative;
	bottom:0;
	width:250px;
}

#categories h1 {
	float:left;
	background-color:#000;
	
}
/*submenus*/
.submenu {
	clear: both;
	background:url('assets/submenu.png') bottom repeat-x;
	margin-top:-10px;
	z-index:0;
	padding-top:45px;
}

#portfolio,#news,#books {
	height:0;
	overflow:hidden;
	position:absolute;
	width:100%;
	z-index:50;
	margin:-10px 0 0 0;
}

#wt-scroller-portfolio,
#wt-scroller-books,
#wt-scroller-news {
	position:absolute;
	bottom:10px;
	left:50%;
	margin-left:-480px;	
}

.seriename, .newsname {
	width:222px;
	height:148px;
	line-height:148px;
	text-align:center;
	position:relative;
	color: white;
/*	background-image:url('assets/haze.png');*/
	text-transform:uppercase;
/*	font-family: 'HelveticaNeueLTPro25UltraLt';*/
	font-size:14px;
/*	font-weight:bolder; */
}

.seriename span, .newsname span {
	background-image:url('assets/background70.png');
	white-space: nowrap;
	padding:2px;
}
.seriename span span, .newsname span span {
	background-image:none;
}
.seriename span .green {
/*	color:#055d2e;*/
	color: #094;
}

#haze {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
/*	background-image:url('assets/haze.png');*/
/*	background-image:url('assets/background20.png');*/
}

#portfolioCenter {
	position:absolute;
	height:350px;
	width:100%;
	top:50%;
	left:0;
	margin-top:-175px;
}

.portfolioMeta {
	margin: 10px auto;
	width:960px;
}

.portfolioMeta p {
	display:inline;
}

#portfolioTitle {
	background-image:url('assets/background70.png');
/*	background-color: #000;*/
	font-family: 'HelveticaNeueLTPro25UltraLt';
	color:#fff;
	text-transform:uppercase;
	font-size:40px;	
	padding:5px;
	display:inline;
}

#portfolioTitle .green {
	color: #094;
	/*color:#055d2e;*/
}

#portfolioDescription,
#portfolioSocial  {
	background-image:url('assets/background70.png');
	/*background-color: #000;*/
	color:#fff;
	padding:5px;
	display:inline;
	overflow:hidden;
}

#portfolioSocial {
	float:left;
	width: 222px;
	height:20px;
}

#portfolioSocial iframe {
	float:left;
	margin-left:5px;
}

#portfolioSocial .fb-like {
	width: 87px;
}
#portfolioSocial iframe.fb-ltr {
	margin:0;
}

#wt-scroller-bottom {
	background-image:url('assets/background70.png');
	/*background:#000;*/
	width:960px;
}

/* news menu */
/*
#news ul {
	list-style-type:none;
}
#news li {
	float:left;
	width:222px;
	color: #fff;
}

#news .imageoverlay {
	position:relative;
	background-image:url('assets/background70.png');
}

#news .newsmenu {
	position:absolute;
	bottom:0;
	width:222px;
}

#news .newstitle {
	background-image:url('assets/background70.png');
	padding: 5px;
	width:170px;
	margin:10px 0;
}*/
#news .green, #books .green {
	color: #094;
}
/*
#news .newsdate {
	background-image:url('assets/background70.png');
    font-size: 25px;
	font-style:italic;
    margin-top: 3px;
    padding: 5px;
	width:150px;
}*/

/*main content */

#post-image {
	background-image:url('assets/background70.png');
	width:222px; /*224 real width*/
	float:left;
	padding: 1px;
	padding-bottom: 3px;
}


#post-image iframe {
	float:left;
	margin-left:5px;
}

#post-image .fb-like {
	width: 87px;
}
#post-image iframe.fb-ltr {
	margin:0;
}

#post-main {
	width:726px; /*736 real width: 10px margin left */
	float:left;
	color:#fff;
	margin-left:10px;
}

#post-main header .entry-title {
	background-image:url('assets/background70.png');
	font-family: 'HelveticaNeueLTPro25UltraLt';
	font-size:30px;
	float:left;
	padding:5px;
	text-transform:uppercase;
	margin: 0 0 15px;
}

#post-main header .newstitle {
	font-size:30px;
	margin-bottom:0;
}

#post-main header .entry-title .green {
	color: #094;
}

#post-main header .entry-title a {
	text-decoration:none;
	color:white;
}

#post-main header strong {
	background-image:url('assets/background70.png');
	font-family: 'HelveticaNeueLTPro25UltraLt';
	font-weight:lighter;
	font-size: 15px;
	/*font-style:italic;*/
	text-transform:uppercase;
	float:left;
	clear:both;
	padding:0px 10px 5px 5px;
	margin:0 0 15px 0;
}
#post-main .postwritten {
	font-size: 15px;
	font-style:italic;
	float:left;
	clear:both;
}

#post-main .entry-content {
	clear:both;
}
#post-main .entry-content p {
	background-image:url('assets/background70.png');
	float:left;
	margin:0 0 15px 0;
	padding:5px 10px 5px 5px;
	line-height: 23px;
}

article {
	position:relative;
	top:50px;
	overflow:auto;
	margin: 25px 0 100px;
}

.countdown {
	width:450px;
	margin:100px auto;
}

#clock {
	background-image:url('assets/background70.png');
	font-family: 'HelveticaNeueLTPro25UltraLt';
	font-size:50px;
	margin: 0 auto;
	padding:5px;
	text-transform:uppercase;
	margin: 0 0 15px;
}

#clock .black {
	color: black;
}

#clock .green {
	color: #094;
}

.hp-wrap {
	display:none;
}

.email-wrap {
	float:left;
}

.formsubmit-wrap {
	float:left;
}
.homepage-content {
	background-color: white;
	width: 500px;
	margin: 0 auto;
}

#homepage-main .postwritten {
	font-size: 15px;
	font-style:italic;
	float:left;
	clear:both;
}

#homepage-main .entry-content {
	clear:both;
}
#homepage-main .entry-content {
	background-image:url('assets/background70.png');
	float:left;
	margin:0 0 15px 0;
	padding:5px 10px 5px 5px;
	line-height: 23px;
	color: white;
}