/* This is a re-creation of the wasabicube - standard stylesheet 
 * originally published on 23 January 2004. This version is 
 * modified to accommodate major changes to the markup done in
 * March 2005 to reduce the number of <div>s and classes and to
 * make the markup more semantically sensible.
 */
body {
  background: #eee;
  margin: 0; 
  padding: 0;
  color: #333;
  border: none;
  border-bottom: none;
  text-align: center;
} 
table {
  font-size: 1em;
}
body , td , th , div , p, input, textarea {
  font: normal 1em/1.38em Verdana, Lucida, Arial, sans-serif;
  cursor: default;
} 
pre {
  font-size: 1.1em;
}
code {
  color: #333;
  font-weight: 600;
  font-family: Courier New, Courier, Andale mono, serif;
  font-size: 1.1em;
  line-height: 1.2em;
}
h1 , h2 , h3 , h4 , h5 , h6 {
  font-weight: bold; 
  font-family:  Arial, Helvetica, Sans, Sans-serif;
  background-color: transparent;
} 
h1 {
  color: #f93;
  font-size: 1.3em; 
  line-height: 3em;
  letter-spacing: 0.3em;
  text-transform: lowercase;
  font-style: italic;
}
h2 {
  color: #333; 
  font-size: 1.1em;
  letter-spacing: 1.5px;
  padding: 0;
  margin-top: 1.5em;
  margin-bottom: 0;
  text-transform: lowercase;
  font-style: italic; 
}
h3 {
  color: #555; 
  font-size: 1em;
  letter-spacing: 1.5px;
  padding: 0;
  margin-top: 1.5em;
  margin-bottom: 0;
  text-transform: lowercase;
}
td {
  vertical-align: top;
}
img {
  border: none;
}
/* -- wrap the whole page in a container ---------------------- */
#container {
  position: relative;
  margin: 24px auto 24px auto;
  padding: 0;
  background: #fff url(/i/wcBodyBG.GIF) repeat-y;
  border: 1px solid #333;
  width: 750px;
  height: 100%;
  font-size: 0.7em;
  text-align: left;
}
/* -- head ---------------------------------------------------- */
#head {
  float: left;
  width: 504px;
  height: 56px;
  margin: 16px 0 0 0;
  padding: 0 0 0 0;
  background: transparent url(/i/wcTitle.GIF) top left no-repeat;
}
#head span {
  display: none;
}
/* -- footer -------------------------------------------------- */
#footer {
  clear: both;
  width: 504px;
  margin: 0  198px 1em 48px;
  padding: 1em 0 2em 0;
  border: none;
  border-top: 2px solid #9c3;
  font-size: 0.8em;
}
/* -- content - formerly the "left-hand column" --------------- */
#content {
  float: left;
  width: 410px;
  background: transparent;
  padding: 1em 48px 1.5em 48px;
}
#content p, h1, h2, h3, h4, h5, h6, li, .wcComment {
  width: 410px;
}
#content ul {
  margin: 0;
  margin-top: 1.5em;
  padding-left: 16px;
  color: #9c3;
}
#content li {
  list-style-type: square;
  vertical-align: top;
  margin: 0;
  padding: 0;
  margin-bottom: 0.33em;
  color: #333;
}
#content a:link,
#content a:visited,
#content a:active {
  text-decoration: none;
  color: #390;
}
#content a:hover {
  color: #390;
  text-decoration: underline;
}
#content p:hover a {
  text-decoration: underline; 
}
#content .wcComment {
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  border-top: 1px dotted #9c3;
  border-bottom: 1px dotted #9c3;
  font-size: 1em;
}
#content .wcComment .heading {
  font-size:1em;
  color: #333; 
  font-weight: bold;
  padding-right: 0.67em;
}
#content .wcComment .wcQuotation p {
  font-style: italic;
  width: 32em;
  max-width: 32em;
  margin-left: 2em;
}
#content .wcComment .wcAttribution {
  margin-bottom: 2em;
  margin-left: 16em;
}
#content .framedImg {
  border: 1px solid #333;
}
#content p.photostd img {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}
/* Reading list */
#content dl.readinglist {
  margin-top: -1em;
  margin-bottom: 1em;
}
#content dl.readinglist dt {
  font-weight: normal;
  margin-top: 1em;
  margin-left: 2em;
}
#content dl.readinglist dd {
  margin-top: 0.5em;
  margin-left: 3em;
}
/* -- right-hand column (now called nav) ---------------- */
#nav,
#comments,
#misc,
#search {
  float: right;
  clear: right;
  width: 150px;
}
#nav {
  padding: 90px 0 0 0;
  margin: 16px 0 0 0;
  text-transform: lowercase;
  background: transparent url(/i/wcMenu.GIF) top right no-repeat;
}
#nav li {
  width: 149px;
  height: 20px;
  padding-top: 0.1em; /* to line up with the half-hexagon pointer */
  list-style-type: none;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 150px;
}
html>body #nav li {
  width: 150px;
}
#nav a:link,
#nav a:visited,
#nav a:active {
  height: 20px; /* to satisfy IE5/Win we have to specify a height, even if it's zero! */
  text-decoration: none;
  padding: 0;
  padding-left: 24px;
  color: #fff;
}
#nav a:hover {
  color: #f93;
}
#navPic {
  text-align: center;
  vertical-align: middle;
  border: 2px solid #fff;
  width: 100px;
  height: 180px;
  margin: 12px 24px 0 24px;
  display: block;
}
/* Hiding and revealing lists of links */
#expanders h2 {
  display: block;
  width: 360px;
  font-weight: normal;
  font-size: 1.2em;
  line-height: 1.3em;
  letter-spacing: 1.5px;
  margin: 0.5em 0 0 0;
  padding: 0 0 0 24px;
  cursor: pointer;
  cursor: hand;
  background: transparent url(/i/6/expander.gif) top left no-repeat;
  z-index: 2;
}
#expanders h2:hover {
   text-decoration: underline;
   background: transparent url(/i/6/expanding.gif) top left no-repeat;
   z-index:3;
}
#expanders ul {
  display: block;
  margin: 0 0 0 0;
  padding: 1em 0 2em 0;
  background: transparent url(/i/6/expandedb.gif) bottom left no-repeat;
  z-index: 2;
}
#expanders li {
  margin-left: 0;
  padding-left: 32px;
  list-style-type: none;
  background: transparent url(/i/6/exbullet.gif) top left no-repeat;
  z-index: 1;
}
#expanders li:hover {
    background: transparent url(/i/6/exbulleth.gif) top left no-repeat;
}
/* Special entry for the links page to stop the default #content hover behaviour */
#pg-links #content:hover a {
  text-decoration: none;
}
/* New introductions of comments, misc and promo divs with 
 * version 5.0. These are blanked out here in keeping with the 
 * "look and feel" of version 3.0 where they did not exist
 */
/* -- COMMENTS ------------------------------------------------ */
#comments {
  display: none;
/*  
  color: #fff;
  margin: 2em 0 0 0;
  padding: 12px 0 24px 0;
}
#comments li {
  width: 134px;
  list-style-type: none;
  padding: 0 0 0.5em 8px;
  margin: 0 0 0 -24px;
}
#comments #flickr {
  margin-left: 36px;
}
#comments h4 {
  color: #9c0;
  font-size: 1.2em;
  line-height: 2em;
  margin-top: 1em;
  margin-left: 24px;
  margin-bottom: 0.5em;
}
#comments h5 {
  font-size: 1em;
  line-height: 1.6em;
  margin-top: 1em;
  margin-bottom: 0.3em;
  color: #666;
}
#comments a:link,
#comments a:visited,
#comments a:active {
  text-decoration: none;
  color: #390;
}
#comments a:hover {
  color: #390;
  text-decoration: underline;
*/
}
/*-- MISC ----------------------------------------------------- */
#misc {
  display: none;
/*
  margin-top: 2em;
  padding: 12px 0 24px 0;
}
#misc li {
  list-style-type: none;
  padding: 0 0 1.5em 12px;
  margin: 0 0 0 -24px;
  text-align: center;
  width: 134px;
}
#misc li li {
  border-top: none;
  padding: 0 0 0 0;
*/
}
/*-- SEARCH ---------------------------------------------------------------------------------------------------- */
#search {
  display: none;
  margin-top: 2em;
  padding: 12px 0 12px 8px;
  border-top: 1px solid #eee;*/
  border-bottom: 1px solid #eee;*/
}
/* -- PROMO --------------------------------------------------- */
#promo {
  display: none;
/*  
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: transparent url(/i/6/promo.gif) top left no-repeat;
  z-index: 20;
}
#comments li li#promo {
  background: transparent url(/i/6/promo.gif) top left no-repeat;
}
#promo img {
  display: none;
*/  
}
/* -- waxheads ------------------------------------------------ */
.waxdraw {
  margin-top: 12px;
  margin-left: 48px;
  width: 408px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;	
}
.waxdraw thead td {
  font-weight: bold;
}
.waxdraw th {
  text-align: left;
}
.waxdraw td,
.waxdraw th {
  border-bottom: 1px solid #333;
  border-left: 1px solid #333;	
}
.waxdraw .highlight {
  background-color: #ccc;	
}
.waxdraw .emphasize {
  color: #f93;
  font-weight: bold;
}
.waxdraw .highlightemphasize {
  background-color: #9c3;	
  color: #f93;
  font-weight: bold;
}
.waxgoals {
  margin-top: 12px;
  margin-left: 48px;
  width: 117px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
}
.waxgoals thead td {
  font-weight: bold;
}
.waxgoals td,
.waxgoals th {
  border-bottom: 1px solid #333;
  border-left: 1px solid #333;	
}
.waxgoals .highlight {
  background-color: #ccc;
}
/* -- new waxheads table styles ------------------------------- */
.waxhl {
  background-color: #eee;	
}
.waxhl th {
  background-color: #ccc;
  font-weight: bold;
}
.waxem {
  background-color: #9c3;
}
.waxdate {
  text-align: right;
}
.waxscor {
  text-align: right;
}
#pgWaxheads p {
  margin-left: 48px;
}
/* -- copyright ----------------------------------------------- */
#copyright {
  clear: both;
  border-top: 2px solid #9c3;
  width: 536px;
  margin: 5em 0 0 32px;
  padding: 1em 0 2em 0;
  font-size: 0.8em; 
}
/* -- extra to the descriptive text --------------------------- */
.exDesc {
  color: #f93;
  font-size: 1em;
  font-weight: bold;
}
/* -- image handling ------------------------------------------ */
.wcImgLeft {
  width: 150px;
  margin: 12px;
  font-size: 0.8em;
  color: #f93;
}
.wcImgRight {
  width: 150px;
  margin: 12px;
  float: right;
  font-size: 0.8em;
  color: #f93;
}
/* -- menu handling ------------------------------------------- */
body#pg-home #mnuHome a,
body#pg-about #mnuAbout a,
body#pg-blog #mnuBlog a,
body#pg-blog-archive #mnuBlog a,
body#pg-articles #mnuArticles a,
body#pg-article #mnuArticles a,
body#pg-r050520 #mnuArticles a,
body#pg-colophon #mnuColophon a,
body#pg-contact #mnuContact a,
body#pg-links #mnuLinks a,
body#pg-wsg #mnuWsg a,
body#pg-pextn #mnuPExtn a,
body#pg-parenthetical #mnuParenthetical a,
body#pg-waxheads #mnuWaxheads a,
body#pg-whpstatus #mnuWaxStatus a,
body#pg-waxmuseum #mnuWaxmuseum a,
body#pg-gola #mnuWaxmuseum a {
  background: transparent url(/i/wcLinkLive.GIF) top left no-repeat;
  color: #f93;
  padding-top: 2px;
  padding-bottom: 4px;
  height: 20px; /* we must specify a height to satisfy IE5/Win */
}
div.clearer {clear: both;}
/* Content management by xipsite from wasabicube.com
   File last modified: Thu, 24 Nov 2005 21:12:05 GMT */
