/* The only stylesheet of the Sims 1 section (was menu.css + page.css + home.css, and before that an inline <style> block in every page). */

/* Base rules, shared by every page and frame page. */
.text {
  font-family: Arial, Helvetica, sans-serif;
}
a {
  text-decoration: none;
  color: #999999;
}
a:hover {
  color: #1b9c0c;
  font-style: normal;
  text-transform: none;
  font-weight: lighter;
  text-decoration: none;
}

/* Main icon bar: the hover image is the link's background, the normal image sits on top of it and becomes transparent on hover. No JavaScript. */
a.mi {
  display: inline-block;
  vertical-align: baseline;
  background-repeat: no-repeat;
}
a.mi img {
  display: block;
  border: 0;
}
a.mi:hover img,
a.mi:focus img {
  opacity: 0;
}
a.mi-home {
  background-image: url(/simsone/img/menue1_homeb.jpg);
}
a.mi-sets {
  background-image: url(/simsone/img/menue1_setsb.jpg);
}
a.mi-build {
  background-image: url(/simsone/img/menue1_buildb.jpg);
}
a.mi-links {
  background-image: url(/simsone/img/menue1_linksb.jpg);
}
a.mi-mail {
  background-image: url(/simsone/img/menue1_mailb.jpg);
}
a.mi-guests {
  background-image: url(/simsone/img/menue1_guestsb.jpg);
}
a.mi-info {
  background-image: url(/simsone/img/menue1_infob.jpg);
}

/* Download that no longer exists anywhere: red picture / red link text, the link goes to missing.html. No JavaScript. */
img.missing {
  filter: sepia(1) saturate(6) hue-rotate(-50deg);
}
a.missing,
a.missing:hover {
  color: #cc0000;
}

/* Home page only (<body class="home">): its text style differs from the base .text rule. */
body.home .text {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666666;
}