body {
  background: #000;
}

#container {
  margin: 0 0;
  font: 1.3em/1.3em courier, "Courier New", mono-space;
  background: #000;
  width: 1150px;
}

h2 {
  font-weight: normal;
  font-style: italic;
  margin: 1em 0 0 0;
}

a {
  font-weight: normal;
  background: #00faff;
  color: #000;
}

a:hover {
  cursor: pointer;
  xbackground: #b5b5b5;
}

.rule {
  margin-bottom: 3em;
}

#text {
  width: 350px;
  padding: 35px 35px;
  background: #FFF;
  float: left;
}

#names {
  float: left;
  width: 700px;
  color: #fff;
}

#text a.image {
  margin-left: -35px;
  padding: 0 0;
  background: #fff !important;
  margin-bottom: .75em;
  cursor: pointer;
  display: block;
}

/* names */

#names {
  margin-top: 11.5em;
}

#names li {
  padding-left: 45px;
  margin-bottom: 5px;
}

#names li a {
  margin-bottom: 10px;
  height: 45px;
  background-color: black;
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -1000em;
  overflow: hidden;
}

#names li a:hover {
  background-position: bottom left !important;
}

#names a.richard-anstey {
  background-image: url(/images/richard-anstey.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.margaret-atwood {
  background-image: url(/images/margaret-atwood.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.alvin-balkind {
  background-image: url(/images/alvin-balkind.gif);
}

#names a.iain-baxter {
  background-image: url(/images/iain-baxter.gif);
}

#names a.bc-binning {
  background-image: url(/images/bc-binning.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.earle-birney {
  height: 54px;
  margin-bottom: 0px;
  background-image: url(/images/earle-birney.gif);
}

#names a.robin-blaser {
  background-image: url(/images/robin-blaser.gif);
}

#names a.blewointment {
  background-image: url(/images/blewointment.gif);
}

#names a.george-bowering {
  background-image: url(/images/george-bowering.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.david-bromige {
  background-image: url(/images/david-bromige.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.judith-copithorne {
  background-image: url(/images/judith-copithorne.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.robert-creeley {
  background-image: url(/images/robert-creeley.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.frank-davey {
  background-image: url(/images/frank-davey.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.victor-doray {
  background-image: url(/images/victor-doray.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.robert-duncan {
  background-image: url(/images/robert-duncan.gif);
}

#names a.trips-festival {
  background-image: url(/images/trips-festival.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.maxine-gadd {
  background-image: url(/images/maxine-gadd.gif);
}

#names a.allen-ginsberg {
  background-image: url(/images/allen-ginsberg.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.helen-goodwin {
  background-image: url(/images/helen-goodwin.gif);
}

#names a.gladys-hindmarch {
  background-image: url(/images/gladys-hindmarch.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.ray-johnson {
  background-image: url(/images/ray-johnson.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.lionel-kearns {
  background-image: url(/images/lionel-kearns.gif);
}

#names a.roy-kiyooka {
  background-image: url(/images/roy-kiyooka.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.joseph-kosuth {
  background-image: url(/images/joseph-kosuth.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.curt-lang {
  background-image: url(/images/curt-lang.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.glenn-lewis {
  background-image: url(/images/glenn-lewis.gif);
}

#names a.malcolm-lowry {
  background-image: url(/images/malcolm-lowry.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.daphne-marlatt {
  background-image: url(/images/daphne-marlatt.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.michael-matthews {
  background-image: url(/images/michael-matthews.gif);
}

#names a.dan-mcleod {
  background-image: url(/images/dan-mcleod.gif);
}

#names a.eric-metcalfe {
  background-image: url(/images/eric-metcalfe.gif);
}

#names a.michael-morris {
  background-image: url(/images/michael-morris.gif);
}

#names a.al-neil {
  background-image: url(/images/al-neil.gif);
}

#names a.charo-neville {
  background-image: url(/images/charo-neville.gif);
}

#names a.gary-nova {
  background-image: url(/images/gary-nova.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.sam-perry {
  background-image: url(/images/sam-perry.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.stan-persky {
  background-image: url(/images/stan-persky.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.jamie-reid {
  background-image: url(/images/jamie-reid.gif);
}

#names a.abraham-rogatnick {
  background-image: url(/images/abraham-rogatnick.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.jack-shadbolt {
  background-image: url(/images/jack-shadbolt.gif);
}

#names a.gregg-simpson {
  background-image: url(/images/gregg-simpson.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.intermedia-society {
  background-image: url(/images/intermedia-society.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.jack-spicer {
  background-image: url(/images/jack-spicer.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.george-stanley {
  background-image: url(/images/george-stanley.gif);
  height: 54px;
  margin-bottom: 0px;
}

#names a.motion-studio {
  background-image: url(/images/motion-studio.gif);
}

#names a.takao-tanabe {
  background-image: url(/images/takao-tanabe.gif);
}

#names a.michael-turner {
  background-image: url(/images/michael-turner.gif);
}


/* image */

#image {
  position: absolute;
  top: 20px;
  left: 440px;
  background: white;
  padding: 20px 20px;
  cursor: pointer;
  width: 550px;
  opacity: 0;
}

#image p {
  margin-bottom: 0;
}

#image a  {
  background-color: #b5b5b5;
}

#image img {
  width: 100%;
  cursor: move;
}

.images {
  margin-bottom: 1em;
}

.image-list {
  margin-top: .5em;
}

.image-list li {
  float: left;
  margin-right: .25em;
}

#close-link {
  float: right;
}

.hidden {
  display: none;
}

/* tooltips */

.tip,
.image-tip {
    background: transparent url(http://vancouverartinthesixties.com/images/site/blackish.png) repeat;
    color: #fff;
  font: 1.1em/1.3em courier, "Courier New", mono-space;
  padding: 2px 3px;
  max-width: 250px;
}

.tip-text {
  display: none;
}