* {
	margin:0;
	padding:0;
}
html {
	background:#141613;;
}
body {
	color:#eee; 
	background:#141613;
	font-family:'Segoe UI Light','Segoe UI','Helvetica Neue Light','Gill Sans Light','arial narrow',arial,sans-serif;
	font-weight:lighter;
	font-size:16px; 
	line-height:24px;
	overflow-x:hidden; 
	overflow-y:scroll;
}
h1, h2, h3, h4, h5, h6{
	font-weight:lighter;
}
a:link {
	color:#eee; 
	text-decoration:none;
}
a:visited {
	color:#ddd;
	text-decoration:none;
}
a:hover {
	color:#fff;
	text-decoration:none;
}
ul {
	list-style:none;
}

.clear {  
	clear:both  
}



/* RBNBASICS *********************************************************** */
/* ********************************************************************* */
/* ********************************************************************* */
/* ********************************************************************* */

div#rbnheader {
	position:fixed;
	left:0%;
	top:0%;
	z-index:9;
	width:100%;
	height:120px;
	font-size:48px;
	line-height:70px;
	background:url("http://robinverdegaal.nl/images/curtain.top.large.black.png") repeat-x;
}

div#background {  
	position:fixed;
	left:0%;
	top:0%;
	z-index:1;
	width:140%;
	height:100%;
	overflow:none;
	text-align:left;
	background:#141613 url('false file - populate with jquery') left repeat;
}

div#rbncontent {	
	position:absolute;
	left:0%;
	top:0%;
	z-index:2;
	


	
}/* RBNNAVIGATION ****************************************************** */
/* ********************************************************************* */
/* ********************************************************************* */
/* ********************************************************************* */

div#rbnnavigation{
	padding-left:24px;
}
	div#rbnnavigation a{
		font-family:'Segoe UI Light','Segoe UI','Helvetica Neue Light','Gill Sans Light','arial narrow',arial,sans-serif;
		font-weight:lighter;
		text-decoration:none;
	}
	div#rbnnavigation ul.rbnoptions{
		display:block;
	}
	div#rbnnavigation ul.rbnoptions li{
		display:block;
		float:left;
	}
	div#rbnnavigation ul.rbnoptions li a.rbnlink,
	div#rbnnavigation ul.rbnoptions li a.rbnselected{
		display:block;
		padding-right:4px;
	}
	div#rbnnavigation li h1{
		font-size:32px;
		line-height:64px;
		text-transform:lowercase;
	}
	div#rbnnavigation li h2{
		margin-top:-24px;
		font-size:4px;
		padding-right:4px;
		display:none;
	}
	div#rbnnavigation li.rbnprevious #rbnpreviouslink{
		background:url('http://robinverdegaal.nl/images/white.arrow.left.png');
		position:absolute;
		right:84px;
		top:4px;
		z-index:10;
		width:82px;
		height:80px;
	}
	div#rbnnavigation li.rbnnext #rbnnextlink{
		background:url('http://robinverdegaal.nl/images/white.arrow.right.png');
		position:absolute;
		right:4px;
		top:4px;
		z-index:10;
		width:82px;
		height:80px;
	}



/* PAGES *************************************************************** */
/* ********************************************************************* */
/* ********************************************************************* */
/* ********************************************************************* */
		
	div#rbncontent div#id.rbnpage{
		left:0px;
	}	
	div#rbncontent div#projects.rbnpage{
		left:1000px;
	}	
	div#rbncontent div#work.rbnpage{
		left:2000px;
	}	
	div#rbncontent div#favorites.rbnpage{
		left:3000px;
	}	
	div#rbncontent div#contact.rbnpage{
		left:4000px;
	}



/* RBNCONTENT ********************************************************** */
/* ********************************************************************* */
/* ********************************************************************* */
/* ********************************************************************* */

div#rbncontent div.rbnpage{
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:800px;
	height:900px;
	padding-left:24px;
}
	div#rbncontent div h1.rbnpagetitle{
		padding-top:120px;
		font-size:96px;
		line-height:88px;
		cursor:pointer;
	}
	div#rbncontent div.rbnpage h2.rbnpagesubtitle{
		clear:left;
		font-size:24px;
		line-height:50px;
		text-transform:lowercase;
	}
	div#rbncontent div.rbnpage h2 {
		clear:left;
		font-size:24px;
		line-height:50px;
		text-transform:lowercase;
	}
	div#rbncontent div.rbnpage li.rbncontainer{
		display:block;
		float:left;
		width:196px;
		height:176px;
		margin:0px 0px 16px 0px;
		padding:0px;
		background:transparent;
		overflow:hidden;
	}
	div#rbncontent div.rbnpage li.rbnpanel{
		display:block;
		float:left;
		width:172px;
		height:172px;
		margin:0px 16px 16px 0px;
		padding:0px 4px 4px 4px;
		color:#222;
		font-size:20px;
		line-height:28px;
		background:url("http://robinverdegaal.nl/images/white.50.png") repeat scroll 0 0 transparent;
		overflow:hidden;
	}
	div#rbncontent div.rbnpage li.rbnpanel a{
		color:#222;
	}
	div#rbncontent div.rbnpage li.rbnpanel a:hover{
		color:#000;
	}
	div#rbncontent div.rbnpage li.rbnpanel h2{
		clear:none;
		font-size:30px;
		line-height:28px;
	}
	div#rbncontent div.rbnpage li.rbnpanel img{
		margin-left:-4px;
	}
	div#rbncontent div.rbnpage a.rbnbutton{
		clear:none !important;
		float:left !important;
		display:block;
		width:82px;
		height:80px;
		background:transparent url('http://robinverdegaal.nl/images/white.50.png') repeat !important;
   }
	div#rbncontent div.rbnpage li.rbncontainer a.rbnbutton{
		margin:0px 16px 16px 0px;
	}
	div#rbncontent div.rbnpage li.rbnpanel a.rbnbutton{
		margin:0px 4px 2px 0px;
	}
	div#rbncontent div.rbnpage a.rbnbutton:hover{
		background:#fff !important;
	}
	div#rbncontent div.rbnpage a.rbnbutton img.rbnbuttonimg{
		width:82px;
		height:80px;
		margin-left:0;
	}
	
	
/* EXCEPTIONS ********************************************************** */
/* ********************************************************************* */

/* ROBIN *************************************************************** */
div#rbn ul.rbnfeed li.rbnpanel.rbnintro{
	width:564px;
}
div#rbncontent div.rbnpage li.rbnpanel.rbnintro a.rbnbutton {
  background:url('http://robinverdegaal.nl/images/logo.robin.gray.png') 0px 0px no-repeat !important;
}
div#rbncontent div.rbnpage li.rbnpanel.rbnintro a.rbnbutton:hover {
	background:#fff url('http://robinverdegaal.nl/images/logo.robin.color.png') 0px 0px no-repeat !important;
}
div#rbncontent div.rbnpage li.rbncontainer a.rbnbutton.linkedin .rbnbuttonimg {
  background:url('http://robinverdegaal.nl/images/logo.linkedin.gray.png') 15px -1px no-repeat !important;
}
div#rbncontent div.rbnpage li.rbncontainer a.rbnbutton.linkedin:hover .rbnbuttonimg {
	background:#fff url('http://robinverdegaal.nl/images/logo.linkedin.color.png') 15px -1px no-repeat !important;
}
div#rbncontent div.rbnpage li.rbncontainer a.rbnbutton.facebook {
	clear:left !important;
}
div#rbncontent div.rbnpage li.rbncontainer a.rbnbutton.facebook .rbnbuttonimg {
  background:url('http://robinverdegaal.nl/images/logo.facebook.gray.png') 32px 0px no-repeat !important;
}
div#rbncontent div.rbnpage li.rbncontainer a.rbnbutton.facebook:hover .rbnbuttonimg {
	background:#00549F url('http://robinverdegaal.nl/images/logo.facebook.color.png') 32px 0px no-repeat !important;
}
div#rbncontent div.rbnpage li.rbncontainer a.rbnbutton.twitter {
	margin-right:0;
}
div#rbncontent div.rbnpage li.rbncontainer a.rbnbutton.twitter .rbnbuttonimg {
  background:url('http://robinverdegaal.nl/images/logo.twitter.gray.png') -8px 58px no-repeat !important;
}
div#rbncontent div.rbnpage li.rbncontainer a.rbnbutton.twitter:hover .rbnbuttonimg {
	background:#66D7F5 url('http://robinverdegaal.nl/images/logo.twitter.color.png') -8px 58px no-repeat !important;
}
div#rbn ul.rbnfeed li.rbnpanel.twitter{
	font-size:8px;
	line-height:28px !important;
	text-transform:uppercase;
}
div#rbn ul.rbnfeed li.rbnpanel.twitter h2{
	font-size:20px !important;
	line-height:28px !important;
	text-transform:none;
}


/* PROJECTS ************************************************************ */
div#projects h2 {
	clear:left;
	font-size:24px;
	line-height:50px;
	text-transform:lowercase;
}
div#projects ul.rbnfeed li.rbnpanel.rbnintro{
	width:368px;
}
div#projects ul.rbnfeed li.rbnpanel.flickr h2{
	display:none;
}
div#projects ul.rbnfeed li.rbnpanel.flickr {
	font-size:16px;
	line-height:40px;
}
div#projects ul.rbnfeed li.rbnpanel.flickr .content a img{
	margin-top:1px;
}
div#rbncontent div.rbnpage li.rbnpanel a.rbnbutton {
	margin-left:-4px;
}
div#rbncontent div.rbnpage li.rbncontainer a.rbnbutton.flickr img.rbnbuttonimg {
  background:url('http://robinverdegaal.nl/images/logo.flickr.gray.png') 0px 60px no-repeat !important;
}
div#rbncontent div.rbnpage li.rbncontainer a.rbnbutton.flickr:hover img.rbnbuttonimg {
	background:#fff url('http://robinverdegaal.nl/images/logo.flickr.color.png') 0px 60px no-repeat !important;
}
div#rbncontent div.rbnpage li.rbncontainer a.rbnbutton.youtube img.rbnbuttonimg {
  background:url('http://robinverdegaal.nl/images/logo.youtube.gray.png') 31px 0px no-repeat !important;
}
div#rbncontent div.rbnpage li.rbncontainer a.rbnbutton.youtube:hover img.rbnbuttonimg {
	background:#fff url('http://robinverdegaal.nl/images/logo.youtube.color.png') 31px 0px no-repeat !important;
}


/* WORK **************************************************************** */
div#work ul.rbnfeed li.rbnpanel.rbnintro{
	width:368px;
}
div#rbncontent div.rbnpage li.rbncontainer a.rbnbutton.vpro img.rbnbuttonimg {
  background:url('http://robinverdegaal.nl/images/logo.vpro.gray.png') 24px 0px no-repeat !important;
}
div#rbncontent div.rbnpage li.rbncontainer a.rbnbutton.vpro:hover img.rbnbuttonimg {
	background:#FFFFFF url('http://robinverdegaal.nl/images/logo.vpro.color.png') 24px 0px no-repeat !important;
}


/* FAVORITES *********************************************************** */
div#favorites ul.rbnfeed li.rbnpanel.delicious-post h2 {
	line-height:40px;
}
div#favorites ul.rbnfeed li.rbnpanel.delicious-post a.delicious-link{
	font-size:24px;
	line-height:32px;
	text-transform:lowercase;
}


/* CONTACT ************************************************************* */
div#contact ul.rbnfeed li.rbnpanel.rbnemail{
	width:368px;
}
	
	
	
	
/* VARIATIONS ********************************************************** */
/* ********************************************************************* */
	
	div#rbncontent.o100 div.rbnpage li.rbnpanel,
	div#rbncontent.o100 div.rbnpage li.rbnpanel a.rbnbutton {
		background:transparent url('http://robinverdegaal.nl/images/white.100.png') repeat !important;
  }	
	div#rbncontent.o90 div.rbnpage li.rbnpanel,
	div#rbncontent.o90 div.rbnpage li.rbnpanel a.rbnbutton {
		background:transparent url('http://robinverdegaal.nl/images/white.90.png') repeat !important;
  }
	div#rbncontent.o80 div.rbnpage li.rbnpanel,
	div#rbncontent.o80 div.rbnpage li.rbnpanel a.rbnbutton {
		background:transparent url('http://robinverdegaal.nl/images/white.80.png') repeat !important;
  }
	div#rbncontent.o70 div.rbnpage li.rbnpanel,
	div#rbncontent.o70 div.rbnpage li.rbnpanel a.rbnbutton {
		background:transparent url('http://robinverdegaal.nl/images/white.70.png') repeat !important;
  }
	div#rbncontent.o60 div.rbnpage li.rbnpanel,
	div#rbncontent.o60 div.rbnpage li.rbnpanel a.rbnbutton {
		background:transparent url('http://robinverdegaal.nl/images/white.60.png') repeat !important;
  }
	div#rbncontent.o50 div.rbnpage li.rbnpanel,
	div#rbncontent.o50 div.rbnpage li.rbnpanel a.rbnbutton {
		background:transparent url('http://robinverdegaal.nl/images/white.50.png') repeat !important;
  }
	div#rbncontent.o40 div.rbnpage li.rbnpane,
	div#rbncontent.o40 div.rbnpage li.rbnpanel a.rbnbutton l{
		background:transparent url('http://robinverdegaal.nl/images/white.50.png') repeat !important;
  }
	div#rbncontent.o30 div.rbnpage li.rbnpanel,
	div#rbncontent.o30 div.rbnpage li.rbnpanel a.rbnbutton {
		background:transparent url('http://robinverdegaal.nl/images/white.30.png') repeat !important;
  }
	div#rbncontent.o20 div.rbnpage li.rbnpanel,
	div#rbncontent.o20 div.rbnpage li.rbnpanel a.rbnbutton {
		background:transparent url('http://robinverdegaal.nl/images/white.20.png') repeat !important;
  }
	div#rbncontent.o10 div.rbnpage li.rbnpanel,
	div#rbncontent.o10 div.rbnpage li.rbnpanel a.rbnbutton {
		background:transparent url('http://robinverdegaal.nl/images/white.10.png') repeat !important;
  }
	div#rbncontent.o01 div.rbnpage li.rbnpanel,
	div#rbncontent.o01 div.rbnpage li.rbnpanel a.rbnbutton {
		background:transparent url('http://robinverdegaal.nl/images/white.01.png') repeat !important;
  }