/* Begin Typography & Colors */
body {
	margin:0;
	padding:0;
	font-family: 'Trebuchet MS',Georgia, Times, Times New Roman, sans-serif;
	font-size: 0.9em;
	text-align:center;
	color:#fff;
/*	line-height:1.3em; */
	background: #525252;
	}

#page {
	width:850px;
	margin:0 auto;
	padding:0px 8px;
	text-align:left;
	font-family: 'Trebuchet MS',Georgia, Arial, serif;
	font-size: 0.9em;
	background: #525252 url('../images/page_background-850.gif') center repeat-y;
	}

#mainheader { 
	height: 170px; 
	background: #525252 url('../images/header_850.jpg') no-repeat bottom left;
}

#mainheader span {
	display: none;
	}

#footer {
	clear: both;
	width: 842px;
	height: 27px;
	margin-top: 20px;
	border: 4px solid #fff;
	bottom: 0px;
	background-color: #709FC5;
}

#footer span {
	float:right;
	width:250px;
	height:27px;
	margin-top: 3px;
	text-align: center;
	font: 15px "Trebuchet MS",Georgia, Arial, serif;
	font-weight: bold;
}

span#zenphoto {
	position: absolute;
	width: 90px;
	height: 25px;
	bottom: 14px;
	right: 5px;
	background: url('../images/zenphoto.gif') top no-repeat;
	}

	
/* =GalleryData
Table of stats appearing on Gallery Index
----------------------------------------------- */
.gallerydata {
  width:100%;
  border-top:1px solid #ccc;
  font-size:100%;
  }
.gallerydata th, .gallerydata td {
  padding:5px;
  border-bottom:1px solid #ccc;
  font-weight:normal;
  vertical-align:middle;
  }
.gallerydata td {
  text-align:right;
  white-space:nowrap;
  }
	
/*----------------------------------------------- */

#menu ul {
	padding-left: 0;
	padding-bottom: 0;
	padding-right: 2px;
	padding-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 2px;
	margin-top: 150px;
	float: right;
	list-style:none;
	}

#menu li {
	float:left;
	margin:0;
	padding:0;
  font: 15px "Gill Sans","Trebuchet MS",Verdana,Sans-serif;
	}

#menu a {
	padding-left: 15px;
	padding-bottom: 2px;
	padding-right: 15px;
	padding-top: 0px;
	display:block;
	text-decoration: none;
	color: #fff;
  }
  
#menu a:hover {
	color: #000;
	background-color: #fff;
}
	
/*----------------------------------------------- */

.albums { 
	clear: both; 
	width: 845px;
	position: relative;
	margin: 5px 0px 0px; 
	padding: 5px 0px; 
}

.albums ul { 
   margin: 0px 0px 5px 0px;
	padding:0px 0px;
	list-style: none;
}

.albums li {
   background-image:none;
   float:left;
   position:relative;
   width: 420px;
   height: 120px;
   overflow:hidden;
   margin-bottom: 10px;
   padding-bottom: 10px;
/*    background-color: blue; */
}
	
li a.img {
  background:url(../images/thumb_background.gif) 10px 0 no-repeat;
  float:left;
  width:160px;
  margin: 0 5px 0 0;
  padding: 5px 0 0px 10px;
}
  
.albums img {
  margin-left: 5px;
  border: 0;
}

.albums h3 {
  margin:0 10px 0 4px;
  padding: 0 0 0 5px;
  font: 13px "Gill Sans","Trebuchet MS",Verdana,Sans-serif;
/*  background-color: blue;*/
  }
  
.albums ul li h3 a:hover { 
  border-bottom: 2px solid #fff;
}


/* =Links
----------------------------------------------- */
a, a:visited {
  color: #bbdbff;
  text-decoration:none;
  font-weight: bold;
  outline:none;
  }


/* =Gallery Index
----------------------------------------------- */
#secondary {
  clear: both; 
  float:left;
  width:832px;
  padding:10px 0 0 15px;
  margin: 20px 0px 5px;
  border-top: 2px solid #fff;
  }
.module {
  float:left;
  width:260px;
  margin:0 5px 0px 0;
  padding:0 4px;
  text-align:left;
  }
.module p {
  font-size:95%;
  }
.module a img {
	border: 0;
	text-align: center;
	}  
.module table {
	margin-bottom: 20px;
	}

/* =Custom titles
----------------------------------------------- */
h2.swap {
	width: 220px;
	height: 50px;
	margin: 0;
	padding:0;
	background-repeat: no-repeat;
	background-position: top center;
	}

h2.swap span {
	display: none;
	}
	
h2#t-description {
	background-image: url('../images/beschrijving.gif');
	}

h2#t-statistics {
	background-image: url('../images/statistieken.gif');
	}
	
h2#camera {
	margin-left: 17px;
	margin-top: 5px;
	width: 194px;
	height: 170px;
	text-align:center;
	background-image: url('../images/camera.jpg');
	}

h1 {
  font:200% "Gill Sans","Trebuchet MS",Verdana,Sans-serif;
  line-height:1.2em;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.15em;
  }

/* =Album Page 
----------------------------------------------- */

body.album {
	background: #888888 url('../images/header_album_band.gif') top left repeat-x;
	text-align:left;
}

#main {
   padding-left: 205px;
   margin-bottom: 30px;
   }

#albumheader {
	height: 79px;
	background: url('../images/header_small.gif') top left no-repeat;
	}

#albumheader #menu ul {
  float: right;
  margin:58px 0 0 0;
  list-style : none;
  right: 0px;
  top:30px;
 }

/* =Breadcrumps
----------------------------------------------- */
#gallerytitle {
	clear: both;
	position: absolute;
	top: 7px;
	right: 15px;
	}
	
#gallerytitle h2 {
	font: 23px "Trebuchet MS",Georgia, Arial, serif;
	font-weight: bold;
	color: #3a2d88;
	}
   
/* =Page Navigation
----------------------------------------------- */
#albumdescription {
   float: left;
   right: 205px; /* 175 + 15 + 15 = 205 */
/* - hack for IE6 */
   width: 165px;
   margin-left: -100px;
   padding: 0px 15px 0px 15px;
/*   background: blue; */
   }

/* - Other browsers */
html > body #albumdescription {
   width: 175px;
   margin-left: -205px;
}

div.pagelist {
   margin-top: 10px;
   margin-bottom: 30px;
   }
   
ul.pagelist {
	padding: 0;
	margin: 0;
	list-style-type: none;
	padding: .5em 0 0 0;
  	border-top:1px dotted #ccc;
}

ul.pagelist li {
	padding: 0;
	margin: 0;
	background: none;
	display: inline;
	list-style-type: none;
}

ul.pagelist li a, ul.pagelist span.disabledlink {
	margin: 0 4px;
}

ul.pagelist li.current a {
	cursor: default;
	border: 0;
	color: #333;
}

ul.pagelist li.prev {
	margin-right: 0;
}

ul.pagelist li.next {
	margin-left: 0;
}

.disabledlink {
	cursor: default;
}

.pagenav {
	clear: both;
}

ul.slides {
   list-style: none;
   margin: 0px;
   padding: 0px;
   }
   
ul.slides li {
   float: left;
   }

/* =List of images
----------------------------------------------- */
#imagelist {
   /*background: red;*/
   position: relative;
   float:left;
   width: 100%;
   }
   
/* Image Thumbnails
------------------------------ */
.slides a {
	display: block;
	padding: 6px;
	margin: 6px;
	
	border: 1px solid #000;
	background: #fff;
	line-height: 0px;
}
.slides a:visited {
	border: 1px solid #000;
	background: #fff;
}
.slides a:hover, .slides a:hover img {
	border: 1px solid #fff;
	background: #709FC5;
}
.slides {
	float: left;
}
.slides img {
   border: 1px solid #000;
   }
   
/* =Footer
----------------------------------------------- */
#credit {
   clear: both;
   text-align: center;
   display: none;
   }
   
.album #footer {
	clear: both;
	width: 100%;
	height: 27px;
	border-style: solid;
	border-color: #fff;
	border-width: 4px 0px;
	margin: 10px 0px 0px 0px;
	bottom: 0px;
	background-color: #709FC5;
}

/* =Image Page 
----------------------------------------------- */
div#imagemain div#gallerytitle h2 {
   font:125% "Gill Sans","Trebuchet MS",Verdana,Sans-serif;
   line-height:1.2em;
   text-transform:uppercase;
   letter-spacing:.15em;
   margin-top: 25px;
   }

#wrapper, #imagemain {
   text-align: center;
   margin: 0px auto;
}

#imagemain ul {
   list-style: none;
   text-align: center;
   }

li.photo {
   background: white url('../images/img_copyright.gif') bottom right no-repeat;
   padding: 15px;
   padding-bottom: 5px;
   float: left;
   color: black;
   font-size: 8pt;
}

li.photo, li.photo img {
   border: 1px solid black;
}

li.nav {
   float: left;
}
li.nav img {
   margin: 0px 6px;
   padding: 6px;
   background: white;
   border: 1px solid black;
   }

#albumDescEditable :hover {
   color: black;
   }

ul li img { 
   border: 0px;
   }
   
#container {
   padding: 0px 10px;
   }
   
#description {
   float: left;
   margin: 0px;
   padding: 0px;
   height: 25px;
}