
/**
 *   Eric Bednarz <http://tagsoup.com>
 *    created @ 2006-07-20 20:33 CET @
 *   modified @ 2006-07-30 16:06 CET @
 */

body
  {
  margin: 0;
  padding: 0;
  color: #000;
  background: #fff url(/IMG/bg.jpg) no-repeat -120px 2em;
	  font: 14px Arial, sans-serif;
  }

div.page
  {
  padding: 0 30px 20px 40px;
  }

div.meta-nav
  {
  list-style: none;
  margin: 0 -30px 0 -40px;
  border-bottom: 1px solid #999;
  padding: 0.5em 30px;
  color: #000;
  background: #dec;
  text-align: right;
  line-height: 1;
  }

#logo
  {
  float: left;
  margin: 0;
  padding: 11px 0 0 0;
  line-height: 0.9;
  font: 70px Arial;
  }
#logo a
  {
  border: 0 none;
  color: #000;
  background: transparent;
  font-weight: normal;
  }
#logo a:hover
  {
  color: #342;
  }
#logo b {
  font-weight: normal;
}

div.sidebar
  {
  width: 14em;
  float: right;
  margin: 30px 0;
  background: #dec url(/IMG/ctr.png) no-repeat top right;
  }
div.sidebar ul
  {
  list-style: none;
  margin: 0;
  padding: 10px 10px 35px 20px;
  background: url(/IMG/cbl.png) no-repeat bottom left;
  }
div.sidebar ul li
  {
  margin: 0.7em 0;
  }
div.sidebar ul li.active
  {
  margin-left: -20px;
  padding-left: 20px;
  background: url(/IMG/pointer.png) no-repeat;
  }
div.sidebar ul ul
  {
  list-style: disc;
  margin: 0 0 0 1em;
  padding: 0;
  background: none;
  font-size: 0.9em;
  }

div.copy
  {
  margin: 0 16em 0 0;
  }
div.sidenote
  {
  float: right;
  width: 10em;
  margin: 0 0 0.5em 1em;
  color: #666;
  background: transparent;
  text-indent: -0.4em;
  font: 1.3em Georgia;
  }
div.copy li
  {
  line-height: 1.4;
  }

div.punchline
  {
  clear: left;
  padding: 1px 1em 0 0;
  color: #000;
  background: #dec url(/img/ctr.png) no-repeat top right;
  }
div.punchline p
  {
  margin: 0 11em 0 0;
  border-right: 1px solid #fff;
  padding: 35px 60px;
  background: url(/img/cbl.png) no-repeat bottom left;
  }
div.punchline p:first-letter
  {
  font-weight: bold;
  font-size: 1.5em;
  }

div.prose
  {
  border-right: 12em solid #dec;
  padding: 1.4em 2em 1em 20px;
  }

div.info
  {
  margin: -2.6em 0 2em 7.2em;
  color: #666;
  background: transparent;
  font-size: 0.9em;
  }
p.intro
  {
  font-weight: bold;
  }

div.thumbs
  {
  text-align: center;
  }
div.thumbs a
  {
  border: 0 none;
  }
div.thumbs img
  {
  margin: 10px;
  vertical-align: bottom;
  }

a
  {
  border-bottom: 1px solid #bca;
  color: #675;
  background: transparent;
  text-decoration: none;
  font-weight: bold;
  }
a:hover
  {
  border: 0 none;
  padding-bottom: 1px;
  color: #453;
  background: transparent;
  }
a img
  {
  border: 1px solid #675;
  }

h1
  {
  margin: 1.6em 0 1.6em 4em;
  font: 1.6em Georgia;
  }
h2
  {
  margin: 0.7em 0 0 0;
  font: 1.4em Georgia;
  }
p
  {
  line-height: 1.4em;
  }
p.intro+p
  {
  text-indent: 0;
  }
address
  {
  clear: both;
  margin: 2em 0 0 0;
  border-top: 1px solid #000;
  padding: 0.6em 1em;
  text-align: center;
  font-style: normal;
  }
hr
  {
  display: none;
  }

/**
 * homepage
 */

body.home
  {
  background-position: 0 2em;
  }
body.home #logo
  {
  margin: 0;
  padding: 0;
  line-height: 125px;
  font-size: 180px;
  }
body.home div.three-monkeys
  {
  margin: 0 0 0 20em;
  padding: 20px 25px 0 0;
  text-align: center;
  }
body.home div.three-monkeys img
  {
  vertical-align: middle;
  }
body.home div.sidebar
  {
  clear: both;
  float: none;
  width: auto;
  overflow: auto;
  background-image: url(/IMG/cbl.png);
  background-position: bottom left;
  margin: 15px 0;
  padding: 0 0 10px 0;
  }
body.home div.sidebar ul
  {
  float: right;
  width: 13em;
  padding-bottom: 15px;
  background: #dec url(/IMG/ctr.png) no-repeat top right;
  }
body.home div.sidebar p
  {
  margin: 1em 13em 1em 2em;
  }
body.home div.copy
  {
  margin: 0;
  text-align: center;
  }
body.home div.copy a
  {
  border: 0 none;
  }
body.home div.copy img
  {
  margin: 10px;
  }

table.contact {
	margin: 10px 0 0 0;
	border-collapse: collapse;
}
table.contact th,
table.contact td {
	padding: 5px 20px 5px 0;
}
table.contact th {
	text-align: right;
}
