html { font-family: Arial, Helvetica, sans-serif }

body {
  background-color: #008000;
}

#content {
  background-color: #FFFFFF;
  padding: 3%;
  margin: auto;
  margin-bottom: 30px;
  text-align: left;
  width: 80%
  -moz-box-shadow: 0 0 5px 5px #006000;
  -webkit-box-shadow: 0 0 5px 5px #006000;
  box-shadow: 0 0 5px 5px #006000;
}

#emacs_screenshot {
  width: 696px;
  height: 650px;
}

.screenshot {
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 5px 5px 5px black;
  -webkit-box-shadow: 5px 5px 5px black;
  box-shadow: 5px 5px 5px black;
}

a:link {
  color: #0000ee;
  text-decoration: none;
}

a:hover {
  color: #0000ee;
  text-decoration: underline;
}

a:visited {
  color: #800000;
}

a:active{
  color: #008000;
}

#postamble {
  text-align: center;
  color: #000000;
  background-color: #aaffaa;
  -moz-box-shadow: 0 0 5px 5px #006000;
  -webkit-box-shadow: 0 0 5px 5px #006000;
  box-shadow: 0 0 5px 5px #006000;
}

.example {
  font-family: monospace;
}

#postamble {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: small;
}

#org-div-home-and-up {
  font-size: large;
}

#org-div-home-and-up a:link {
  color: #ffffff;
}

#org-div-home-and-up a:visited {
  color: #ffffff;
}

@media (min-width: 700px), handheld
{
    #content {
	width: 90%;
    }
}