/* This is wasabicube version 6 - created on 20.Mar.2005 
   Please feel free to examine this stylesheet to better understand 
   how to implement your own solutions but I will view very dimly 
   any party that uses this code verbatim in their or any other 
   application.
   
   Copyright 1997-2005, Peter S Asquith. All Rights Reserved
*/
html { 
  height: 100%;
  min-height: 100%; 
  margin-bottom: 1px;
  outline-style: none; 
}
body {
  margin: 0 0 24px 0;
  padding: 12px 0 48px 0;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: 1em;
  color: #666;
  /* The colour was: #def */
  background: #369 url(/i/6/w6-foot.jpg) top left repeat-x;
  /* before FF1.5 was #003 url(/i/6/w6-foot.jpg) bottom left repeat-x; */
}
table {
  font-size: 1em;
}
body * {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
img {
  border: none;
}
h1, h2, h3, h4, h5 {
  font-family: Trebuchet MS, Arial, Verdana, Geneva, sans-serif;
}
h1 {
  color: #369;
  font-size: 1.5em;
  font-weight: 600;
  margin: 1em 0 1.4em -6px;
}
h2 {
  color: #666;
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1.8em;
  margin: 1em 0 0.5em 0;
}
h3 {
  color: #333;
  font-size: 1.2em;
  font-weight: normal;
  font-style: italic;
  line-height: 1.8em;
}
p {
  line-height: 1.8em;
  margin-bottom: 1.8em;
}
a:link,
a:visited,
a:active {
  text-decoration: none;
  color: #090;
}
a:visited {
  color: #369; /*#fc3;*/
}
a:hover {
  color: #090;
  text-decoration: underline;
}
/*-- HEAD ------------------------------------------------------------------------------------------------------ */
#head {
  margin: 0 auto 0 auto;
  background: transparent url(/i/6/w6-head.jpg) center left no-repeat;
  width: 710px;
  height: 130px;
}
#pg-waxmuseum #head,
#pg-old-waxmuseum #head {
  background: transparent url(/i/6/w6-musehead.jpg) center left no-repeat;
}
#head span {
  display: none;
}
/*-- CONTAINER ------------------------------------------------------------------------------------------------- */
#container {
  z-index: 10;
  margin: 0 auto 0 auto;
  width: 710px;
  background: #fff url(/i/6/w6-body.jpg) top left repeat-x;
}
/*-- CONTENT --------------------------------------------------------------------------------------------------- */
#content {
  float: left;
  width: 384px;
  padding: 0 42px 3em 42px;
  font-size: 0.675em;
  line-height: 1.5em;
}
#content p+h2 {
  border-top: 1px solid #eee;
}
/* Content stuff from version 5 follows: */
#content pre {
  font-size: 1.1em;
}
#content code {
  white-space: pre;
  white-space: pre-wrap;
}
#content code,
#content pre {
  color: #000;
  font-family: Courier New, Courier, Andale mono, serif;
  font-size: 1em;
  line-height: 1.2em;
}
#content dt {
  font-weight: bold;
}
#content dd {
 display: block;
 clear: left;
}
#content dd dl dd {
   margin-left: 2em;
}
#content dd dt{
  font-style: italic;
}
#content form dt,
#content form dt {
  float: left;
  clear: left;
  width: 120px;
  padding-right: 1em;
  margin-bottom: 4px;
  font-weight: normal;
}
#content form dd,
#content form dd {
  clear: right;
  margin: 0 0 0 0;
  margin-bottom: 4px;
  display: inline-block;
}
#content form dd textarea,
#content form dd textarea {
    width: 180px;
    height: 6em;
}
/* 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;
}
/* Specifically for the contact page */
#pg-contact #content label,
#pg-WSI #content label {
  clear: both;
  float: left;
  width: 80px;
  padding-right: 4px;
}
#pg-contact #content textarea {
  width: 200px;
}
#pg-contact #content textarea,
#pg-contact #content input {
  margin-bottom: 4px;
}
/* PSA - revise these remaining #content entries */
#content ul {
  margin: 0;
  margin-top: 1.5em;
  margin-bottom: 2em;
  padding-left: 16px;
  color: #9c3;
}
#content ol {
  list-style-type: decimal;
}
#content li {
  list-style-type: square;
  vertical-align: top;
  margin-bottom: 0.29em;
  color: #333;
}
#content:hover a {
  text-decoration: underline;
}
#content .wcComment {
  /*margin: 0 0 0 0;*/
  padding: 0.3em 0.5em 0.3em 0.5em;
  border: 1px solid #999;
  background: transparent url(/i/6/waxem2.jpg) center left repeat-y; /* #ffc; */
  font-size: 1em;
}
#content .wcComment ins {
  text-decoration: none;
  font-style: italic;
}
#content .wcComment .heading {
  font-size:1em;
  color: #666; 
  font-weight: bold;
  padding-right: 0.67em;
}
#content .wcComment .wcQuotation p {
  font-style: italic;
  width: 29em;
  max-width: 29em;
  margin-left: 2em;
}
#content .wcComment .wcAttribution {
  margin-bottom: 2em;
  margin-left: 16em;
}
#content .framedImg {
  border: 1px solid #333;
}
#content .footnote {
  font-style: italic;
  font-size: 0.875em;
}
/* Photographs - expects standard sizes of 300x200 */
/* Orientation: landscape; Size: 300x200 */ 
#content p.photoL {
  position: relative;
  left: 4px;
  top: 4px;
  width: 318px;
  height: 218px;
  border: none;
  margin-bottom: 1em;
  background: transparent url(/i/300x200sdw.gif) bottom right no-repeat;
}
#content p.photoL img {
  position: relative;
  left: -4px;
  top: -4px;
  background-color: #fff;
  padding: 8px;
  border: 1px solid #999;
  overflow: hidden;
}
/* Orientation: landscape; Size: 425x280 */
#content p.photoLL {
  position: relative;
  left: 4px;
  top: 4px;
  width: 439px;
  height: 294px;
  border: none;
  margin-bottom: 1em;
  background-color: #ddd;
}
#content p.photoLL img {
  position: relative;
  left: -4px;
  top: -4px;
  background-color: #fff;
  padding: 8px;
  border: 1px solid #999;
  overflow: hidden;
}
/* Orientation: portrait */
#content p.photoP {
  position: relative;
  left: 4px;
  top: 4px;
  height: 318px;
  width: 218px;
  border: none;
  margin-bottom: 1em;
  background: #ddd url(/i/200x300sdw.gif) bottom right no-repeat;
}
#content p.photoP img {
  position: relative;
  left: -4px;
  top: -4px;
  background-color: #fff;
  padding: 8px;
  border: 1px solid #999;
  overflow: hidden;
}
#content p.photostd img {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}
/*-- FOOT ------------------------------------------------------------------------------------------------------ */
#foot {
  clear: both;
  margin: 0 auto 0 auto;
  padding-top: 5em;
  width: 710px;
  height: 5em;
  font-size: 0.625em;
  text-align: center;
  border: none;
  background: #fff;
}
/*-- RIGHT-HAND COLUMNS ---------------------------------------------------------------------------------------- */
#nav,
#comments,
#misc,
#search {
  float: right;
  clear: right;
  width: 184px;
  margin: 0 12px 0 12px;
  overflow: hidden;
  border-left: 1px solid #eee;
  line-height: 1.6em;
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.675em;
}
html>body #nav,
html>body #comments,
html>body #misc,
html>body #search {
  margin: 0 24px 24px 24px;
}
/*-- NAV ------------------------------------------------------------------------------------------------------- */
#nav {
  padding: 12px 0 24px 0;
  border-bottom: 1px solid #eee;
  line-height: 1.2em;
}
#nav li {
  width: 170px;
  list-style-type: none;
  text-transform: lowercase;
  padding: 0 0 0.2em 12px;
}
#nav a {
  overflow: hidden;
  display: block;
  line-height: 2em;
  padding-left: 12px;
  height: 2em;
  color: #666;
}
#nav a:link,
#nav a:visited,
#nav a:active {
  text-decoration: none;
}
#nav a:hover {
  text-decoration: none;
  color: #99cc00;
  background: transparent url(/i/6/w6-menu-sel-2.jpg) center left no-repeat;
}
/*-- COMMENTS -------------------------------------------------------------------------------------------------- */
#comments {
  margin-top: 0;
  padding: 12px 0 24px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
#comments li {
  width: 158px;
  list-style-type: none;
  padding: 0 0 0.5em 12px;
}
#comments li li {
  background: transparent url(/i/6/w6-libg.jpg) top left no-repeat;
} 
#comments #flickr {
  margin-left: 36px;
}
#comments h4 {
  color: #060;
  font-size: 1.2em;
  line-height: 2em;
  margin-top: 0;
  margin-bottom: 0.5em;
}
#comments h5 {
  font-size: 1em;
  line-height: 1.6em;
  margin-top: 1em;
  margin-bottom: 0.3em;
  color: #666;
}
/*-- MISC ---------------------------------------------------------------------------------------------------- */
#misc {
  margin-top: 2em;
  padding: 12px 0 24px 0;
  border-top: 1px solid #eee;
}
#misc li {
  list-style-type: none;
  padding: 0 0 1.5em 12px;
  text-align: center;
  width: 158px;
}
#misc li li {
  border-top: none;
  padding: 0 0 0 0;
}
/*-- SEARCH ---------------------------------------------------------------------------------------------------- */
#search {
  margin-top: 2em;
  margin-left: 32px;
  padding: 12px 0 12px 8px;
  border: none;
}
html>body #search {
  border: none;
}
/* -- PROMO ------------------------------------------------------------------------------------------------- */
#promo {
  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;
}
/*-- NAV HANDLING ----------------------------------------------------------------------------------------------------------------*/
body#pg-home li#mnuHome a,
body#pg-about li#mnuAbout a,
body#pg-blog li#mnuBlog a,
body#pg-blog-archive li#mnuBlog a,
body#pg-articles li#mnuArticles a,
body#pg-article li#mnuArticles a,
body#pg-r050520 li#mnuArticles a,
body#pg-colophon li#mnuColophon a,
body#pg-contact li#mnuContact a,
body#pg-links li#mnuLinks a,
body#pg-wsg li#mnuWsg a,
body#pg-pextn li#mnuPExtn a,
body#pg-parenthetical li#mnuParenthetical a,
body#pg-waxheads li#mnuWaxheads a,
body#pg-whpstatus li#mnuWaxheads a,
body#pg-whppayment li#mnuWaxheads a,
body#pg-waxmuse li#mnuWaxheads a,
body#pg-gola li#mnuWaxheads a {
  color: #060;
  background: transparent url(/i/6/w6-menu-sel.jpg) center left no-repeat;
}
body#pg-parenthetical li#mnuParenthetical {
  /* background: transparent url(/i/6/wcptr.gif) top left no-repeat; */
}
body#pg-home #mnuHome a,
body#pg-about #mnuAbout a,
body#pg-blog #mnuBlog a,
body#pg-blog-archive #mnuBlog a,
body#pg-aarticles #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 #mnuWaxheads a,
body#pg-whppayment #mnuWaxheads a,
body#pg-waxstats #mnuWaxheads a,
body#pg-waxmuseum #mnuWaxheads a,
body#pg-gola #mnuWaxmuseum a {
  color: #000; /* #f93; */
  font-weight: 900;
}
/*-- SUBMENU ------------------------------------------------------------------------------------------------------*/
#comments li#waxsubmenu li {
  background: none;
}
#waxsubmenu li {
  margin-left: -12px;
}
#waxsubmenu a {
  text-decoration: none;
  overflow: hidden;
  display: block;
  line-height: 2em;
  padding-left: 12px;
  height: 2em;
  color: #666;
  text-transform: lowercase;
}  
body#pg-waxheads li#smnu-waxheads a,
body#pg-whpstatus li#smnu-whpstatus a,
body#pg-waxmuseum li#smnu-waxmuse a,
body#pg-whppayment li#smnu-whppayment a,
body#pg-waxstats li#smnu-waxstats a {
  color: #060;
  font-weight: 900;
  text-decoration: none;
  background: transparent url(/i/6/w6-menu-sel.jpg) center left no-repeat;
}
#waxsubmenu a:hover {
  text-decoration: none;
  color: #99cc00;
  background: transparent url(/i/6/w6-menu-sel2.jpg) center left no-repeat;
}
body#pg-waxheads #nav,
body#pg-whpstatus #nav,
body#pg-waxmuseum #nav,
body#pg-whppayment #nav,
body#pg-waxstats #nav {
  margin-bottom: 0;
  padding-bottom: 0;
}
/*-- COPYRIGHT ----------------------------------------------------------------------------------------------------*/
#copyright {
  text-align: center;
}
/* -- UTILITY ----------------------------------------------------------------------------------------------- */
.clearer {
  clear: both;
}  
/*-- DEFINITION LISTS ---------------------------------------------------------------------------------------------*/
/*-- WAXHEADS -----------------------------------------------------------------------------------------------------*/
.waxdraw {
  margin-top: 12px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 100%;	
}
.waxdraw thead tr {
  background: transparent url(/i/6/waxem.jpg) center left repeat-y;
}
.waxdraw thead td {
  font-weight: bold;
}
.waxdraw th,
.waxdraw thead td {
  text-align: left;
}
.waxdraw td,
.waxdraw th {
  padding: 4px 4px 4px 4px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  vertical-align: top;	
}
.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;
  width: 50%;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.waxgoals thead td {
  font-weight: bold;
  background: transparent url(/i/6/waxem.jpg) center left repeat-y;
}
.waxgoals td,
.waxgoals th {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  vertical-align: top;
  padding: 2px 2px 2px 2px;	
}
.waxgoals .highlight {
  background-color: #ccc;
}
.waxtot {
  text-align: right;
}
/* New waxheads table styles */
table {
  margin-bottom: 1em;
}
.waxhl {
  background-color: #eee;	
}
.waxhl th,
.waxhl thead td {
  background-color: #ccc;
  font-weight: bold;
}
.waxem {
  background: transparent url(/i/6/waxem2.jpg) top left repeat-y;
}
.waxdate {
  text-align: right;
}
.waxscor {
  text-align: center;
}
.numeric,
thead td.numeric,
.waxdraw thead td.numeric {
  text-align: right;
}
/* 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;
}
/* Initially support for the telephone extensions page */
.row {
	border-bottom: 1px green dotted;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-right: 24px;
  margin-left: 24px;
}
.label {
  position: relative;
	left: 8px;
  float: left;
	width: 120px;
}
.field {
	color: #c30;
	padding-left: 16px;
	text-align: left;
	font-style: italic;
}
.field img {
  padding: 0;
  margin: 0;
  margin-bottom: 1px;
  vertical-align: middle;
  border: none;
}
/* Parenthetic page */
.wcparenthetical {
  margin-bottom: 2em;
}
.wcparenthetical #pReadingList {
  background: transparent url(/i/lisez.gif) top left no-repeat;
}
.wcparenthetical #pListeningList {
  background-color: transparent;
}
.wcparenthetical #pWhiskies {
  background: transparent url(/i/mmmm.gif) top left no-repeat;
}
body#pg-parenthetical div#copyright {
  position: relative;
  top: 4px;
  width: 600px;
  height: 32px;
  background: transparent url(/i/copyright.gif) center center no-repeat;
  text-align: center;
  border-top: 1px solid #9c6;
  font-size: 0;
  margin: 0 80px 0 64px;
  padding: 1em 0 0 0;
}
/* 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;
}
/*-- DEBUG -----------------------------------------------------------------------------------------------------------------------*/
span.xipsite-build-error {
  background-color: red;
  color: white;
  display: none;
}
/*-- MISC CONDITIONS -------------------------------------------------------------------------------------------------------------*/
.warn {
  color: #c00;
}
.info {
  color: #060;
}
/*-- FORM ------------------------------------------------------*/
fieldset {
  margin-top: 0;
  margin-bottom: 1em;
  padding: 1em 1em 1em 1em;
  border: none; /* 2px solid #9c6; PSA IE doesn't play ball with fieldset backgrounds and borders */
  background: transparent url(/i/6/waxem2.jpg) top left repeat-y;
}
html>body fieldset {
  border: 2px solid #9c6;
}
legend {
  color: #666;
  font-size: 1em;
  font-weight: 600;
  padding: 0 0.5em 2em 0.5em;
}
html>body legend {
  padding: 0 0.5em 0 0.5em;
}
.liverpool {
  background: #f00;
  color: #fff;
}
li.liverppol,
h2.liverpool,
p.liverpool {
  padding-right: 0.25em;
  padding-left: 0.25em;
}
p.liverpool a {
  color: #fff;
  font-weight: 600;
}
p.liverpool a:hover {
  color: #ff0;
}
/* Content management by xipsite from wasabicube.com
   File last modified: Thu, 08 Dec 2005 00:48:39 GMT */