
/* Indent first lines of paragraphs, and reduce space between. */
p {
  text-indent: 1em;
  margin-left: 1.4em;
  margin-top: .4em;
  margin-bottom: .4em;
}


li {
 text-indent: .5em;
  margin-top: .4em;
  margin-bottom: .4em;
}


/* Set up some links to act like clickable buttons */
a.button {
  border: solid 2px;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 1;
  width: 80px;
  float: left;
  margin: .5em 0px 1px 0px;
  padding: 4px 2px 4px 2px;
}
a.button:active, a.button:focus {   
  border: solid 2px;
  font-weight: normal;
}

/* Meant to be used with a.button as a 'subclass' */
a.lil {
  font-size: 10px;
  width: 76px;
  margin: 0em 2px 1px 2px;
  padding: 1px;
}
a.teeny {
  font-size: 9px;
  width: 72px;
  margin: 0em 4px 1px 4px;
  padding: 1px;
  border-top: 0px;
}
a.teeny:active, a.teeny:focus {   
  border-top: 0px;
}

/*******************************************
 * Button 'subclasses' for coloring follow *
 *******************************************/

a.ooa {
  border-color: #fed #931 #700 #d74;
  background: #fcb;
  color: #a42;
}
a.ooa:hover {
  color: #f00;
}
a.ooa:active, a.ooa:focus {   
  border-color: #700 #d74 #fed #931;
}

a.home {
  border-color: #dff #489 #256 #9cd;
  background: #cef;
  color: #145;
}
a.home:hover {
  color: #3ac;
}
a.home:active, a.home:focus {   
  border-color: #256 #9cd #dff #489;
}

a.v2 {
  border-color: #dfc #362 #252 #7b6;
  background: #ceb;
  color: #141;
}
a.v2:hover {
  color: #3c2;
}
a.v2:active, a.v2:focus {   
  border-color: #252 #7b6 #dfc #362;
}

a.jp {
  border-color: #eec #763 #652 #984;
  background: #dc9;
  color: #520;
}
a.jp:hover {
  color: #a80;
}
a.jp:active, a.jp:focus {   
  border-color: #652 #984 #eec #763;
}

a.trans {
  border-color: #bdd #366 #133 #599;
  background: #8bb;
  color: #144;
}
a.trans:hover {
  color: #09a;
}
a.trans:active, a.trans:focus {   
  border-color: #133 #599 #bdd #366;
}

a.inu {
  border-color: #edc #841 #520 #a64;
  background: #d96;
  color: #931;
}
a.inu:hover {
  color: #b50;
}
a.inu:active, a.inu:focus {   
  border-color: #133 #599 #bdd #366;
}

