/* // qolc.net : Primary CSS Stylesheet */

/* Default Tag Styles */

body {
  font-family: tahoma,verdana,helvetica,sans-serif;
  background: #444;
  padding: 0.4em;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* Link Image */
a img {
  border: 1px outset #ace;
  padding: 3px;
  margin-left: auto;
  margin-right: auto;
}
a:hover img {
  border-style: inset;
}

h1 {
  font-size: 3em;
  margin: -0.3em 0.2em 0.2em 0;
}

h1 a {
  text-decoration: none;
  color: inherit;
}

h1 a:hover {
  text-decoration: none;
}

h2 {
  font-size: 1.5em;
}

/* Reduce gap between headings */
h1+h2 {
  margin-top: -0.3em;
}

/**************************************************************************/
/* shell-outer/shell-inner = Evil construction to get funky triple border */

/* Common to all shells */
.shell-outer {
  background: white;
  border: 1px outset black;
  padding: 0.4em;
}

.shell-inner {
  border: 1px inset black;
}

#Main .shell-outer {
  position: absolute;
  top: 1em;
  left: 10.5em;
  margin: 0.4em;
  z-index: 3;
}
#Main .shell-inner {
  background-color: #223;
  color: #8cc;
  padding: 1em;
  overflow: auto;
  font-size: 90%;
} 

#MainTopRight {
  float: right;
  font-size: x-small;
}

/* Extra selectors for the menu shell, see also .shell-* */
#Menu .shell-outer { 
  position: fixed;
  width: 8.5em;
  z-index: 9;
  /* The Right margin and possibly the bottom margin here are irrelevant 
     because nothing else is in the same (fixed) flow */
  margin: 0.4em 1em 2em 0.2em; 
}

#Menu .shell-inner {
  background-color: #223;
  color: #8cc;
  z-index: 10; 
  text-align: center;
  overflow: hidden;
}

/************************************************************************/
/* Menu */

#Menu #Title h1 {
  font-size: 1.3em;
  color: white;
  margin-left: -0.2em;
  margin: 0.2em 0.5em 0.5em 0;
}

#Menu #Title h1 a { /* IE6 */
  color: white;
}

#Menu hr {
  background-color: #ace;
  margin: 0.5em;
}

#Menu #Links ul {
  padding: 0;
}

#Menu #Links li {
  list-style-image: none;
  white-space: nowrap;
}

/* For the links, the background colour of each block changes when visited
   as well as just the text colour */
#Menu #Links a {
  display: block;
  background-color: #223;
  text-decoration: none;
  text-align: left;
  color: #8cc;
  padding: 0 0.3em;
  margin: 0 0.4em;  /* Horizontal should match #Copyright */
  font-size: 0.9em;
  font-weight: bold;
  border-width: 0 3px;
  border-color: #226;
  border-style: solid;
}

/* Order seems to be important here - if :visited is after :hover, 
   you don't get the hover effect on visited links */
#Menu #Links a:visited {
  color: #55d;
}
#Menu #Links a:hover {
  background-color: #448;
  border-color: #2f2;
  color: #8f8;
}
#Menu #Links a:active {
  background-color: red;
}

#Copyright {
  color: #ffc;
  margin: 2em 0.4em;
  padding: 0.5em;  
  text-align: center;
  border: 1px groove #ffc;
  font-size: 70%;
}

#Copyright a {
  color: #ccf;
}

#Copyright a:visited {
  color: #ccc;
}

/*********************************************************************/
/* Other specific IDs */

#Fullpage {
  text-align: left;
  margin: 1em;
  padding: 1em;
  font-size: 90%;
}

/*********************************************************************/
/* Common Classes */

.float-spacer {
  clear: both;
}

.author {
  white-space: nowrap;
  font-family: "penguin attack", "zapf chancery", cursive;
  font-weight: bold;
  font-size: 1.2em;
}

.nobreak {
  white-space: nowrap;
}

.smush {
  letter-spacing: -0.2em;
}