/* CSS */

body {
 font-family: Verdana, Arial, sans-serif;
 font-size: 76%;
 background-color: #fff;
 color: #333;
 text-align: center;
}


div.debug {
  display: none;
}

h1 {
font-size: 2em;
letter-spacing: .4em;
color: #c33;
}

h2 {
font-size: 1.2em;
letter-spacing: 0em;
color: #c33;
}

.red {
  color: #c33;
}

li {
font-size: 1.1em;
}

#page {
 width: 750px;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
}

#header {
  height: 2em;
  text-align: center;
  padding: 10px 0px 25px 0px;
}

* html #header { /* IE only */
  padding: 30px 0px 5px 0px;
}

#footer {
  padding: 50px 20px 20px 50px;
  clear: both;
}


#main {
 width: 90%;
 margin: 0px auto 0px auto;
 text-align:left;
}


#main div.column {
 width:33%;
 text-align: center;
 float: left;
 padding-top: 20px;
 letter-spacing: 1px;
 color: #666;
}

#main div.column a {
 color: #666;
 text-decoration: none;
 padding: 10px;
}

#main div.column a img{
 padding-top: 10px;
 border: none;
}

#main div.column a p{
 font-size: 95%;
 line-height: 1.1em;
}





#main table {
 width: 100%;
}

#main table td {
 text-align: center;
 vertical-align: top;
 padding-top: 30px;
 font-size: .7em;
 letter-spacing: 1px;
 color: #666;
}

#main table td a {
 color: #666;
 text-decoration: none;
 padding: 10px;
}

#main table td a img{
 border: none;
}

#main table td a p{
 font-size: 1em;
 line-height: 1.1em;
 padding: 0px 10px 0px 10px;
}

#detail {
  padding: 20px 10px 10px 20px;
  text-align:left;
}

#detail p#artist {
  color: #000;
  font-weight: bold;
  margin: 8px 0px;
}

#detail p#title {
  color: #000;
  font-weight: bold;
  font-style: italic;
  letter-spacing: 0px;
  margin: 8px 0px;
}

#detail p#desc {
  color: #000;
  margin: 8px 0px;
}


/* special cases */

.smalltext {
  font-size: .9em;
}

.collections {
  font-size: .9em;
  margin: 0px 0px 0px 25px;
  line-height: 1.2em;
  letter-spacing: 0px;
}

.exhibitions {
  font-size: .9em;
  margin: 0px 0px 0px 25px;
  line-height: 1.0em;
  letter-spacing: 0px;
}

.exhibitions div div {
  width: 230px;
  color: #000;
  float:left;
}

.exhibitions div div.date {
  margin: 1px 0px 0px 0px;
  width: 55px;
  color: #666;
  float:left;
}

.exhibitions div div p {
  margin: 0px 0px 2px 0px;
}

.contact {
  color: #000;
  font-weight: bold;
}

#main table.cv {
 width: 600px;
 margin: 25px 0px 0px 50px;
 padding: 0px 10px 0px 0px;
}

#main table.cv td {
 text-align: left;
 vertical-align: bottom;
 padding-top: 5px;
 font-size: .7em;
 letter-spacing: 1px;
 color: #000;
}

#main table.cv td.cvdate {
 width: 80px;
 color: #666;
 vertical-align: top;
}

#main table.bib {
 width: 100%;
 padding: 0px 10px 0px 60px;
 margin-top:25px;
}

#main table.bib td {
 text-align: left;
 vertical-align: top;
 padding-top: 10px;
 font-size: .7em;
 letter-spacing: 1px;
 color: #000;
}

#main table.bib td.bibdate {
 width: 50px;
 color: #666;
}

#main table.bib td p{
  margin-bottom:5px;
  margin-top:0px;
}

span.bibtitle {
  text-decoration:underline;
}

div.links {
  padding-top: 20px;
}

div.links a:link {
  color: #33c;
}

div.links a:visited {
  color: #33c;
}

div.links a:hover {
  color: #33c;
}

div.links a:active {
  color: #33c;
}

.copyright_heading {
color: #666;
font-size: 1.1em;
text-decoration: underline;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin: 30px 0px 15px 0px;
}

.copyright {
  font-size: .9em;
  color: #aaa;
  text-align:left;
}

/* menus */

#menu {
 width: 85%;
 text-align: center;
 font-size: .9em;
 padding: 25px 0px 10px 0px;
 margin: 0px auto;
}

#menu ul {
 margin: 0px;
 padding: 0px;
 background-color: #ccc;
}

#menu ul li {
 list-style: none;
 display: inline;
 padding-right: 10px; 
}

#menu ul li a {
 text-decoration: none;
 text-align: center;
 padding: 2px;
 color: #000;
}

#menu ul li a:hover {

}

#menu ul li a:active {

}

#menu ul li a.current {

}