/* $Id: theme.css 2581 2008-09-24 19:15:01Z vdigital $ */

/* text color */
BODY, H1, H2, H3, DT,
INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
	color:#696969;	/* dimgray */
}

/* backgrounds */
BODY, H3 {
	background-color: #ffffff;	/* white */
}

H2, #menubar DT, #imageHeaderBar, #imageToolBar A:hover {
	background-color: #d3d3d3;
/*	display: none;*/
}

#menubar DL, .content, #imageToolBar, .header_notes {
  background-color: #eeeeee;
}

/* borders */
#menubar DL, .content, #imageToolBar {
  border: 1px solid #d3d3d3;
}

#theImage IMG {
  border: 3px solid #d3d3d3;
}

.content UL.thumbnail IMG {
    border: 1px solid #a0a0a0;
}

FIELDSET, INPUT, SELECT, TEXTAREA,
.content DIV.thumbnailCategory {
  border: 1px solid gray;
}

.content UL.thumbnails SPAN.wrap2 {
  border: 1px solid #aaaaaa;	/* thumbnails border color and style */
  border-radius: 4px 4px;	/* round corners with CSS3 compliant browsers */
}

.content UL.thumbnails SPAN.wrap2:hover,
.content UL.thumbnailCategories DIV.thumbnailCategory:hover,
.content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
  background-color: #faebd7;
  border-color: yellow;		/* thumbnails border color when mouse cursor is over it */
  color: black;
}

/* links */
A, INPUT.rateButton {
    color: #005e89;
    background: transparent;
}

A:hover, INPUT.rateButton:hover {
    color: #858460;
}

#imageToolBar A, #imageToolBar A:hover {
    border-bottom: none;
}

A.navThumb, A.navThumb:hover {
    border-bottom: none;
}

/*calendar elements*/
SPAN.calItem, SPAN.calItemEmpty
{
  border: 1px solid silver;
}

#qsearchInput { color: #d3d3d3; }
#qsearchInput:focus { color: #005e89; }


body {
  background: url('repeat_bg.jpg');
}
div#the_page {
  width: 960px; height: 775px;
  margin: 0 auto;
  padding: 0;
  background: url('back.png') no-repeat;
  margin-top: -30px;
}


div#menubar {
  width: 138px;
  padding: 107px 0 0;
  margin: 0px 0 0 -2px;
}
div#menubar dl {
  background: none;
  border: none;
}
div#menubar dt {
  display: none;
}
div#menubar ul {
  list-style-type: none;
}
div#menubar li {
  margin: 0;
}
ul#menu-ul li a {
  display: block;
  border: none;
  width: 138px; height: 71px;
  outline: none;
}
ul#menu-ul li#menu-home a {
  height: 77px;
}
ul#menu-ul li#menu-klankobjecten a {
    height: 72px;
}
ul#menu-ul li#menu-sculpturen a {
  height: 66px;
}
ul#menu-ul li#menu-contact a {
  height: 110px;
}
ul#menu-ul li a span.menu-text {
  display: none;
}
ul#menu-ul {margin-left: 0;}

li#menu-home a {background: url('home-inactive.png') no-repeat;}
li#menu-home a:hover {background: url('home-active.png') no-repeat;}
li#menu-projecten a {background: url('projecten-inactive.png') no-repeat;}
li#menu-projecten a:hover {background: url('projecten-active.png') no-repeat;}
li#menu-klankobjecten a {background: url('klankobjecten-inactive.png') no-repeat;}
li#menu-klankobjecten a:hover {background: url('klankobjecten-active.png') no-repeat;}
li#menu-sculpturen a {background: url('sculpturen-inactive.png') no-repeat;}
li#menu-sculpturen a:hover {background: url('sculpturen-active.png') no-repeat;}
li#menu-biografie a {background: url('biografie-inactive.png') no-repeat;}
li#menu-biografie a:hover {background: url('biografie-active.png') no-repeat;}
li#menu-links a {background: url('links-inactive.png') no-repeat;}
li#menu-links a:hover {background: url('links-active.png') no-repeat;}
li#menu-contact a {background: url('contact-inactive.png') no-repeat;}
li#menu-contact a:hover {background: url('contact-active.png') no-repeat;}

li#menu-home.active a {background: url('home-active.png') no-repeat;}
li#menu-projecten.active a {background: url('projecten-active.png') no-repeat;}
li#menu-klankobjecten.active a {background: url('klankobjecten-active.png') no-repeat;}
li#menu-sculpturen.active a {background: url('sculpturen-active.png') no-repeat;}
li#menu-biografie.active a {background: url('biografie-active.png') no-repeat;}
li#menu-links.active a {background: url('links-active.png') no-repeat;}
li#menu-contact.active a {background: url('contact-active.png') no-repeat;}

div#menubar img.icon, div#menubar span.menuInfoCat {
  display: none;
}
div#menubar a {
  color: #b85c1a;
  font-size: 16px;
}

div#content {
  width: 765px;
  margin: 0 0 0 138px;
  padding-right: 5px; /* added for compensating right border */
  background: none;
  overflow: hidden;
  border: none;
}
div#theImage {
  width: 745px; height: 520px;
  margin: 10px 0 0 148px;
  background: none;
  overflow: hidden;
}
div#content div.titrePage {
  height: 120px; /* 123px for original exact noise mapping */
  margin: 0; padding: 0;
}
div#content h2 {
  background: none;
}

div#content ul.thumbnails {
  height: 540px;
  text-align: left;
  width: 730px;
}
div#content ul.small-thumbs {
  background: url('small-small.png') no-repeat;
  padding: 35px 0 0 37px;
}
div#content ul.large-thumbs {
  background: url('large-small.png') no-repeat;
  padding: 35px 0 0 61px;
  padding: 30px 0 0 57px;
}
div#content ul.thumbnails li {
  display: block; float: left;
  overflow: hidden;
  border: none;
}
div#content ul.small-thumbs li {
  width: 115px; height: 115px;
}
div#content ul.large-thumbs li {
  width: 220px; height: 220px;
}
div#content ul.thumbnails li .thumbLegend {
  display: none;
}
div#content ul.thumbnails li div.wrap1 {
  visibility: hidden;
  display: block;
  margin: 0;
  text-align: left;
}
div#content ul.thumbnails li:hover div.wrap1 {
  visibility: visible;
}
div#content ul.thumbnails li div.wrap2 {
  border: none;
  background: none;
}
div#content ul.small-thumbs li div.wrap2 img {
  width: 115px;
  height: 115px;
  margin-bottom: 0;
}
div#content ul.small-thumbs li div.wrap2 a {
  display: block;
  width: 115px;
  height: 115px;
  margin-bottom: 0;
}
div#content ul.large-thumbs li div.wrap2 img {
  width: 220px;
  height: 220px;
  margin-bottom: 0;
}
div#content ul.large-thumbs li div.wrap2 a {
  display: block;
  width: 220px;
  height: 220px;
  margin-bottom: 0;
}

#imageHeaderBar, #imageHeaderBar h2, #imageToolBar {
  background: none;
  border: none;
}

#imageToolBar .navButtons {margin: 0 0 0 250px;}
#imageToolBar .navButtons a {
  float: left; background: none;
  border: none; outline: none;
}
.navPrev, .navUp, .navNext {
  width: 50px; height: 50px;
  width: auto; height: 45px;
  margin-right: 20px;
  margin-right: 0px;
  float: left;
}
.navPrev {
  width: 75px;
}
.navUp {
  width: 109px;
}
.navNext {
  width: 73px;
}
div#imageToolBar a {
  width: auto;
}
div#imageToolBar {
  height: 55px; width: 745px;
  padding: 68px 0 0;
  padding: 58px 0 0;
  margin: 0 0 0 148px;
  margin: 0 0 0 0;
}
div#theImage {
  margin: 0 0 0 138px;
  margin: 5px 0 0 0;
  width: 755px; height: 530px;
  width: 770px; height: 530px;
  padding: 5px 0 0 10px;
  padding: 5px 0 0 0;
  position: relative;
}
div#image-border {
  position: absolute;
  top: 0; left: 0;
}
div#theImage img {
  border: none;
}

#image-image, #image-text, #image-description {float: left;}
#image-image {width: 770px; overflow: hidden;}
div#image-image {text-align: left;}
div#image-text {text-align: left;}
#image-image embed {margin-top: 40px;}
#image-text {width: 380px; overflow: hidden;}
#image-description {
  width: 340px; overflow: hidden;
  text-align: left;
  color: #b85c1a;
  padding: 10px 10px 0 10px;
  font: small-caps bold 16px verdana, sans-serif;
  position: relative;
  z-index: 5;
}
#image-name {
  text-align: right;
  color: #b85c1a;
  font: small-caps bold 18px verdana, sans-serif;
  position: absolute;
  bottom: 10px; right: 20px;
  z-index: 5;
}
#addpage {
  width: 740px; overflow: hidden;
  height: 538px;
  text-align: left;
  color: #b85c1a;
  padding: 30px;
  font: small-caps bold 18px verdana, sans-serif;
}
#addpage pre {
  font: small-caps bold 18px verdana,sans-serif;
}
div#addpage a, div#image-name a {
  border: none;
  outline: none;
}
div#addpage a:hover, div#image-name a:hover {
  color: #593e1b;
}
#addpage-background img {
  position: absolute;
  width: 770px; height: 538px;
}
#addpage-background {
  position: relative;
}
#addpage.scrollpage {
/*  overflow: scroll;*/
}
#addpage.homepage {
  z-index: 3;
  position: relative;
}

.removeme {display: none;}

#breadtrail {position: absolute;}
#breadtrail {display: none;}

#addpage .biopage {display: none;}
#addpage .biopage.active {display: block;}

div#biomenu a, div#addpage pre.biopage {font-size: 16px;}
div.homepage pre {font-size: 16px !important;}

#biomenu a {padding-right: 8px;}
#biomenu .active {text-decoration: underline;}

.hidden {visibility: hidden;}
.none {display: none;}