/* Does not work as intended in Gecko-based browsers due to what I believe is a bug in their handling of max-width. Simply remove the use of max-width to produce a more acceptable result. */

body {
  margin: 0;
  border: 0;
  font-family: "Arial", "Lucida Grande", sans-serif;
}

h1, h2, h3, #footer, p, ul {
  margin: 0.5em 0 0.5em auto;
  padding: 0 1.5em;
}

p { max-width: 35em; }

h1, h2, h3, #footer {
  margin: 1em 0;
  border: solid;
  border-width: 0.33333333em 0;
  padding-top: 1px;
  padding-bottom: 1px;
}
h1, h2, h3 {
  font-family: "Futura", "Gill Sans", "Skia", sans-serif;
  font-weight: bold;
  text-align: right;
}
h1 { font-size: 2em; padding: 1px 0.75em; }
h2 { font-size: 1.5em; padding: 1px 1em; }
h3 { font-size: 1.1em; }

h1 {
  margin-top: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: none;
  margin-bottom: 0;
}
h1 + h2 {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

ul {
  padding-left: 1.5em;
}
li {
  list-style-type: square;
  margin: 0.3em 0;
  padding: 0;
}

:link, :visited {
  text-decoration: underline;
  /*border: 1px solid;*/
}
:link { font-weight: bold; }

abbr, acronym {
  border: 1px solid;
  font-style: normal;
  font-family: inherit;
}

/*---------------------------*/

body, #linkList2 {
  background: rgb(255, 228, 170);
  color: black;
}

h1, h2, h3 {
  background: rgb(85, 224, 128);
}
h1 span { color: rgb(85, 224, 128); }

abbr, acronym { border-color: rgb(215, 188, 130); }
h1 abbr, h2 abbr, h3 abbr, h1 acronym, h2 acronym, h3 acronym {
                border-color: rgb(81, 184, 88); }

:link, :visited {
  color: inherit;
  background: inherit;
}
:link:hover, :visited:hover {
  color: blue;
}

h1, h2, h3, #footer, #linkList2 {
  border-color: black;
}

.accesskey {
  color: rgb(40, 128, 40);
}

/*---------------------------*/


#linkList, h1 span {
  width: 15em;
}
#linkList, #linkList2, h1 span {
  height: 60em;
}

#linkList { 
  position: absolute;
  top: 0;
  left: 0;
}

h1 span {
  font-size: 0.5em;
  display: block;
  float: left;
  /*background-color: orange;*/
}
h1 span:first-line {
  font-size: 0.001px;
  letter-spacing: -.99em;
}
h1:after {
  content: "css Zen Garden";
}

#linkList2 {
  overflow: auto;
  margin: 0;
  border-style: double;
  border-width: 0 1em 1em 0;
  padding: 0;
}

#linkList h3 {
  text-align: left;
}

#lselect li, #lfavorites li {
  font-style: italic;
}
#lselect a, #lfavorites a {
  font-style: normal;
  display: block;
}
#lselect a.c, #lfavorites a.c {
  display: inline;
  font-style: inherit;
}

#footer {
  text-align: center;
  padding: 1px;
}