/* main colours:
#FFFFFF - white
#DDD - very pale grey
#777    - medium grey
#999 - low saturation medium orange
#FFC380 - similar to pastel orange, but more red - used for visited gallery menu links
*/

h1,div,a,img,ul,li {
  border-color:#AAA;
}

h1,h2,h3 {
  color:#F0F0F0
}

a:link {
  color:#FFF;
  border-color:#FFF;
}

a:visited {
  color:#DDD;
  border-color:#DDD;
}

a:hover {
  color:#666;
  border-color:#666;
}

#logo {
  background-image:url('graphics/logobg_slate.jpg');
  border-color:#606060;
}

#menu {
  background-color:#777;
  border-left:8px solid #8A8A8A;
}

#menu a {
  color:#DDD;
  border-color:#AAA;
}

#menu a:visited {
  color:#DDD;
}

#menu a:hover,#menu a#current {
  color:#FFFFFF;
  background-color:#999;
}

#galmenu {
  background-image:url('graphics/galmenu-grad_slate.png');
  color:#DDD;
}

#galmenu a:link {
  color:#FFF;
}

#galmenu a:visited {
  color:#FFF;
}

#galmenu a:hover {
  color:#666;
}

#currentgal {
  border-color:#666;
  background-color:#858585;
}

#currentgal a:visited {
  color:#FFF;
}

#imagemain {
  border:1px solid #AAA;
  border-top-width:0;
}

#imageborders {
  color:#DDD;
}

h1#first { /* ideally I'd use "#content>h1" here but IE Windows doesn't support it :@ */
  /*background-image:url('graphics/corner-tl_slate.png');*/
  background-color:#999;
  border-color:#CCC #AAA #AAA #AAA;
  border-width:1px 1px 1px 1px;
}

div#footer {
  /*background-image:url('graphics/corner-br_slate.png');*/
  background-repeat:no-repeat;
  background-position:100% 100%;
}

table {
  border-collapse:collapse;
  margin:0 1em 2em 1em;
}

td,th {
  border:1px solid #DDD;
  padding:3px;
}

input.textbox,textarea {
  background-color:#AAA;
  border: 1px solid #CCC;
}

#comments p {
  border-bottom-color: #999;
}