/** 
 * reset.css 
 * 
 * Eric Meyer's reset
 * 
 * Default styles applied to reduce browser inconsistencies.
 * 
 * @version			1.0
 * @date			2008-02-12
 * @author			Eric Meyer
 * @cssdoc			version 1.0-pre
 *
 */

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; }





/* start */
body {
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
	font:x-small Georgia,Serif;
  text-align:center;
  color:#333;
  font-size/* */:/**/small;
  font-size: /**/small;
}

#bgimg {
	position:absolute;
	z-index: -1;
}

#realBody{
	position:absolute;
	left:0;top:0;
	z-index: 5;				/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content */
	height:100%;width:100%;	/* Make the new body fill the screen */
	background:url(skin/raster.png); /* this is just a fancy raster, you can remove it; I kinda like it though */
}

/* cool(e)motion */

/* reset random background */
#random-background li {display: none;}
#random-background li img {left:0 !important;top:0 !important;}


/* generic stuff */
a {  color:#006cb7;}
a:visited {  color:#006cb7;}
a:hover {color:#000;}

/* Logo */
p.branding {width:381px;height:114px;margin:-26px auto 0;}
p.branding a {display:block;text-indent:-999em;background: url(skin/logo-2010-ce.png) no-repeat;width:268px;height:114px;float:left;}
p.branding a.wnf {display:block;text-indent:-999em;background: url(skin/logo-2010-wnf.png) no-repeat;width:113px;height:114px;float:left;}

/* main site navigation */
div#nav {width:930px;height:35px;background:#fff;margin:0 auto 60px;}
ul.main li {float:left;}
ul.main li a {display:block;height:35px;text-indent:-999em;}
li.project-outline a {width:179px;background:url(skin/nav/project-outline.png) no-repeat;}
	li.project-outline a:hover, li.project-outline.active a {background:url(skin/nav/project-outline-a.png) no-repeat}
li.news a {width:70px;background:url(skin/nav/news.png) no-repeat;}
  li.news a:hover, li.news.active a {background:url(skin/nav/news-a.png) no-repeat}
li.art-on-the-map a {width:163px;background:url(skin/nav/art-on-the-map.png) no-repeat;}
  li.art-on-the-map a:hover, li.art-on-the-map.active a {background:url(skin/nav/art-on-the-map-a.png) no-repeat}
li.cultural-context a {width:191px;background:url(skin/nav/cultural-context.png) no-repeat;}
	li.cultural-context a:hover, li.cultural-context.active a {background:url(skin/nav/cultural-context-a.png) no-repeat}
li.media-pr a {width:117px;background:url(skin/nav/media-pr.png) no-repeat;}
	li.media-pr a:hover, li.media-pr.active a {background:url(skin/nav/media-pr-a.png) no-repeat}
li.rss a {width:15px;background:url(skin/nav/rss.png) no-repeat left 9px;margin-left:15px;}
	li.rss a:hover, li.rss.active a {background:url(skin/nav/rss-a.png) no-repeat left 9px}
li.links a {display:none;}
/*
li.links a {width:70px;background:url(skin/nav/links.png) no-repeat;}
	li.links a:hover, li.links.active a {background:url(skin/nav/links-a.png) no-repeat}
	*/
ul.sub {float:right;}
ul.sub li {height:17px;}
ul.sub li a {width:70px;display:block;text-indent:-999em;height:17px;}
/*  li.support a {width:1px;height:8px;} */

li.contact a {background:url(skin/nav/contact.gif) no-repeat;}
  li.contact a:hover, li.contact.active a {background:url(skin/nav/contact-a.gif) no-repeat;}

li.sponsors a {background:url(skin/nav/support.gif) no-repeat;}
  li.sponsors a:hover, li.sponsors.active a {background:url(skin/nav/support-a.gif) no-repeat;}


/* sponsors */
div#sponsors {width:930px;margin:40px auto 0;}
#homepage div#sponsors {margin:60px auto 0;}
#sponsors ul {background:#eaebeb;padding:0 10px 0 18px;height:55px;}
#sponsors li {float:left;background:#eaebeb;}
#sponsors li a {text-indent:-999em;display:block;height:55px;}
li a.wwf {background:url(skin/sponsors/wwf.png) no-repeat;width:45px}
li a.wwf:hover {background:url(skin/sponsors/wwf-a.png) no-repeat;}
li a.datema {background:url(skin/sponsors/datema.png) no-repeat;width:89px}
li a.datema:hover {background:url(skin/sponsors/datema-a.png) no-repeat;}
li a.pkf {background:url(skin/sponsors/pkf.png) no-repeat;width:84px}
li a.pkf:hover {background:url(skin/sponsors/pkf-a.png) no-repeat;}
li a.gentry {background:url(skin/sponsors/gentry.png) no-repeat;width:85px}
li a.gentry:hover {background:url(skin/sponsors/gentry-a.png) no-repeat;}
li a.apa {background:url(skin/sponsors/apa.png) no-repeat;width:49px}
li a.apa:hover {background:url(skin/sponsors/apa-a.png) no-repeat;}
li a.berghaus {background:url(skin/sponsors/berghaus.png) no-repeat;width:90px}
li a.berghaus:hover {background:url(skin/sponsors/berghaus-a.png) no-repeat;}
li a.meesterbouw {background:url(skin/sponsors/meesterbouw.png) no-repeat;width:90px}
li a.meesterbouw:hover {background:url(skin/sponsors/meesterbouw-a.png) no-repeat;}
li a.upi {background:url(skin/sponsors/upi.png) no-repeat;width:82px}
li a.upi:hover {background:url(skin/sponsors/upi-a.png) no-repeat;}
li a.upi {background:url(skin/sponsors/upi.png) no-repeat;width:82px}
li a.upi:hover {background:url(skin/sponsors/upi-a.png) no-repeat;}
li a.schut {background:url(skin/sponsors/sch.png) no-repeat;width:107px}
li a.schut:hover {background:url(skin/sponsors/sch-a.png) no-repeat;}
li a.pan {background:url(skin/sponsors/pan.png) no-repeat;width:96px}
li a.pan:hover {background:url(skin/sponsors/pan-a.png) no-repeat;}
li a.nmt {background:url(skin/sponsors/nmt.png) no-repeat;width:71px}
li a.nmt:hover {background:url(skin/sponsors/nmt-a.png) no-repeat;}

/* homepage */
/* quote */
div.quote {width:300px;margin:12px auto;padding-left:370px;text-align:left;}
div.quote a { font: italic 24px/29px Georgia, Times, serif;color:#fff;text-decoration:none;
}
div.quote a:hover {color:#000;}
.home-content {width:928px;height:226px;background:#000;margin:10px auto 0;font:small Georgia,Serif;
}
.home {float:left;width:232px;height:226px;background:#fff;font: normal normal 100% Georgia, Serif;
}
p.home-header {height:15px;border-left:1px solid #ccc;color:#fff;background:#000;margin:0;padding:1px 3px;font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;text-transform:uppercase;
}
.home.intro p.home-header {border-left:none !important;}
#homepage #nav {margin:0 auto;}
.home {text-align:left;}
.home h3 {padding-left:5px;}

/* quotes on project outline */
#sidebar2 div.quote {width:auto;font: italic 24px/29px Georgia, Times, serif;color:#999;padding:10px 0 22px;border-bottom:1px dotted #ccc;}
/* general content block */
.content {width:930px;margin:0 auto;background:#fff;}
/*tabs */
.tabs {width:930px;margin:0 auto;}
.tabs li {margin:0 6px 0 0; font:65%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#000; float:left;}
.tabs li a {display:block;padding:2px 6px;background:#fff;text-decoration:none;border:1px solid #999;border-bottom:0}
.tabs li.active a, .tabs li a:hover {color:#000;border:1px solid black;border-bottom:0}

/* columns */
.c66 {width:66%;float:left;}
.c33 {width:33%;float:right;}

/* images in right column contact */
img.portrait {margin:0 12px 12px 0;}
/* 3D Google earth */
#map3d {width:930px;height:600px;position:absolute;left:50%;top:195px;margin-left:-465px;}
/* iframe version from datema */
#enctrack {width:930px;height:600px;}

#map-content {width:464px;height:226px;}
#map-content .image {width:232px;float:left;}
#map-content .info {width:232px;float:right;font: 24px/29px Georgia, Times, serif;color:#000;}

/* rotator css */
	div#rotator ul li {
	position:absolute;
	left:0;top:0;
	list-style: none;
	height:100%;width:100%;
}
div#rotator ul li img {
	height:100%;width:100%;}
	
/* from BLOG */
.post-title {
  margin:0 0 0 6px;;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#006cb7;
  }
.home h2 {
  margin:.5em 0 .2em 6px;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
.date-header {
    margin:1.5em 0 .5em;
    }
.post-body {
  margin-left:6px;
	line-height:1.3em;
  }


/*  Slide panel */
/*
Name: Sliding cccc Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-cccc-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0

	The CSS, XHTML and design is released under Creative Common License 3.0:
	http://creativecommons.org/licenses/by-sa/3.0/

*/ 

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
  	background: url(skin/slider/tab_b.png) repeat-x 0 0;
	height: 32px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.cccc {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 32px;
	width: auto;
  	font: italic 20px/29px Georgia, Times, serif; 
	margin: 0;
	right: 150px;
  	color: #298fe6;
	text-align: center;
}

.tab ul.cccc li.left {
  	background: url(skin/slider/tab_l.png) no-repeat left 0;
  	height: 32px;
	width: 20px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.cccc li.right {
  	background: url(skin/slider/tab_r.png) no-repeat left 0;
  	height: 32px;
	width: 20px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.cccc li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 32px;
  	background:#000;
}

.tab ul.cccc li a {
	color: #298fe6;
	text-decoration:none;
}

.tab ul.cccc li a:hover {
	color: white;
}
/* sliding panel */
#toppanel {
     /*position: absolute;*/   /*Panel will overlap  content */
   position: relative;   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 270px;
	color: #999999;
	background: #000;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
  	font: italic 20px/29px Georgia, Times, serif;
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	color: white;
}

#panel .content {
	width: 920px;
	margin: 0 auto;
	border-top: 15px solid #000;
	text-align: left;
	font-size: 0.85em;
	background:#000;
}

#panel .content .left {
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

/* from blog */
/* Content
----------------------------------------------- */

  #content {
    width:930px;
    margin:0 auto;
    padding:0;
    text-align:left;
    }
  #main {
    width:580px;
    float:left;
    }
  #sidebar {
    width:280px;
    float:right;
		padding-right:20px;
    }


/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }


/* Posts
----------------------------------------------- */

  .date-header {
    margin:1.5em 0 .5em;
    }
  .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #ccc;
    padding-bottom:1.5em;
    }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#006cb7;
  }
.post-title.cam {margin-left:16px;padding-top:8px;}
p.r {text-align:right;margin:16px;padding-bottom:24px;}
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#c60;
  font-weight:normal;
  }
.post-title strong, .post-title a:hover {
  color:#333;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #ddd;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
.paging-control-container {
  float: right;
  margin: 0px 6px 0px 0px;
  font-size: 80%;
}
.unneeded-paging-control {
  visibility: hidden;
}

/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  color:#666;
  line-height:1.5em;
  }

/* hide stuff */
#navbar-iframe { position:absolute;top:-999em;display:none !important; }
#header-wrapper {position:absolute;top:-999em; }

/* restyle elements */
#outer-wrapper {  
margin:0 auto;
text-align:left;
font: normal normal 100% Georgia, Serif;
width: 930px;background:#fff url(skin/bg-textpage.png) right top repeat-y;
}
#outer-wrapper.img {background-image:none;}
#sidebar-wrapper {margin-right:0px;}
#main-wrapper {width: 580px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
margin-left:20px;}
#sidebar #sidebar2 ul#recently li {padding:0 0 .25em 15px !important;text-indent:0 !important;background:url("skin/li.png") 0 1px no-repeat;}
.post-body p {margin:0 0 1em;}

/* additional styling */


/* links in virtual journey */
#sidebar .vj {padding-bottom:40px;}
#sidebar .vj p {text-align:left;}
#sidebar .vj a:hover {text-decoration:none !important;}
#sidebar .vj img {margin:4px 0 -2px}
#sidebar h2.b {color:#000;}