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

/* Default Tag Styles */

body {
  font-family: Tahoma,Verdana,Helvetica,Arial,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;
}

#Main {
  position: relative;
  margin: 0.4em;
  top: 4.3em;
  z-index: 3;
  background: #ffd;
  padding: 1em;
  overflow: auto;
  font-size: 90%;
  border: 10px outset white;
}

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

#Menu {
  position: fixed;
  z-index: 9;
  background: #269;
  padding: 0.5em;
  z-index: 10; 
  text-align: left;
  /* overflow: hidden; */
}

#Menu #Title {
  display: inline;
  font-size: 1.2em;
  color: white;
  margin-left: -0.2em;
}

ul#Links li {
  display: inline;
}

a:hover + ul {
  display: inline;
}

a + ul {
  display: none;
}

/* 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: #ace;
  text-decoration: none;
  text-align: left;
  color: #22f;
  border: 1px outset #ace;
  padding: 0 0.3em;
  font-size: 0.9em;
  font-weight: bold;
  white-space: nowrap;
}

/* 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 {
  background-color: #aac;
  color: #228;
}
#Menu #Links a:hover {
  background: white;
  border-style: inset;
}
#Menu #Links a:active {
  background-color: red;
}

#Copyright {
  display: none;
  background: #822;
  color: #ffc;
  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 {
  background: #ec9;
  text-align: left;
  margin: 1em;
  padding: 1em;
  font-size: 90%;
}

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

.float-spacer {
  clear: both;
}

.author {
  white-space: nowrap;
  font-family: PenguinAttack, cursive;
  font-weight: bold;
  font-size: 1.2em;
}

.nobreak {
  white-space: nowrap;
}

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