/* -*-CSS-*- */
/*@media print { 
  .logo { display: none; }
}*/

body { 
  margin-left: 11em; 
  margin-right: 9em;
  max-width: 40em;
}
div#content {  }
h1 { 
  margin-left: auto; 
  margin-right: auto;
  margin-top: 1.5em;
  margin-bottom: 0;
  clear: left;
}

h1,h2,h3,h4,h5,h6 { margin-bottom: 0; }
h1 + p { margin-top: .5em; }
h2 + p { margin-top: 0; }
h3 + p { margin-top: 0; }
h4 + p { margin-top: 0; }
h2 + h3 { margin-top: .25em; }
h3 + h4 { margin-top: .25em; }
h3 + dl { margin-top: 0; }

.intro { font-style: italic; }
.footer { font-size: smaller; }
.separator { display: none; }

div.logo { 
  position: fixed;
  float: left; 
  text-align: center;
  border: solid red;
  padding: 0;
  margin: 0 3px 0 -6em;
  line-height: 1.3em;
  width: 4.35em;
}
div.logo a { 
  display: block;
  color: red;
  text-decoration: none;
  margin: 0;
  padding: 10px 0 10px 0;
}
div.logo a:link:active { 
  color: white;
  background: red;
  text-decoration: none;
}
div.logo a:link:hover { 
  color: white;
  background: red;
  text-decoration: underline;
}
.less { font-size: smaller; }

div#top-matter { 
  width: 100%;
  border-style: solid none;
  border-color: red;
}
div#tagline { 
  font-size: 1.4em; 
  font-style: italic;
  font-variant: small-caps;
  font-weight: bold;
}
div#viewcart { 
  position: fixed;
  top: 15px;
  width: 130px;
  height: 32px;
  right: 0;
}
div#supertag { 
  font-size: smaller;
}

div#breadcrumb a { 
  text-decoration: none; 
  color: inherit;
}
div#breadcrumb a:hover { color: blue; }
div#breadcrumb a:active { color: red; }

p.intro { margin-top: 4px; }

div#top-nav {
  position: fixed;
  width: 10em;
/*  margin: 0 0 0 -10em;*/
  top: 5.1em;
  left: 0;
}
div#top-nav a {
  display: block; 
  text-align: center; 
  font: bold 1em sans-serif; 
  padding: 5px 10px; 
  margin: 2px 6px 2px 0;
  border-width: 0; 
  text-decoration: none; 
  background: #999;
  color: #000;
}
div#top-nav a:hover { background: #99f; }
div#top-nav a:active { background: #f99; }


#about a#tm-about, 
#catalog a#tm-catalog, 
#traditions a#tm-traditions, 
#workshops a#tm-workshops,
#new a#tm-new
{ 
  background: inherit;  
  padding: 2px 10px;
  border-width: 2px 0px;
  border-style: solid;
  border-color: #999;
}

#about a:hover#tm-about, 
#catalog a:hover#tm-catalog, 
#traditions a:hover#tm-traditions, 
#workshops a:hover#tm-workshops,
#new a:hover#tm-new
{ 
  color: inherit; 
  background: inherit;
  text-decoration: none;
}
#about a:active#tm-about, 
#catalog a:active#tm-catalog, 
#traditions a:active#tm-traditions, 
#workshops a:active#tm-workshops,
#new a:active#tm-new
{ 
  color: inherit; 
  background: inherit;
  text-decoration: none;
}

div#lmenu { 
  font-size: smaller;
  font-weight: bold;
}
div#lmenu a { 
  display: block;
  text-align: center;
  padding: 2px 4px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: red;
  text-decoration: none;
  float: left;
  color: #000;
}
div#lmenu a + a { border-width: 0 1px 1px 0; }
.sub { font-weight: normal; }
div#lmenu a:hover { 
  background: #99f; 
  border-color: #99f;
}
div#lmenu a:active { 
  background: #f99; 
  border-color: #f99;
}

dt { 
  font-weight: bold; 
  width: 100%;
  border-bottom: 1px solid red;
  padding-bottom: 2px;
  margin-bottom: .25em;
}

table { 
  border: 1px solid black; 
  border-collapse: collapse;
}
td { 
  border: 1px solid black; 
}
th { 
  border: 1px solid black;
  text-align: right; 
}
caption { 
  background:black; 
  color:white; 
}
.maybe { background: #ccc; }
.empty { background: #888; }

tbody { 
  border: 1px solid black;
  border-collapse: collapse;
}

colgroup { 
  border-left: 20px solid red;
}

.cutspl { color: green; }
.cutonly { color: cyan; }