/*
 * Stylesheet used by my top-level page
 */

@media all {
  address {
    clear: left;
    padding-top: 1ex;
    text-align: right;
    border-color: green;
    border-top-style: solid;
    border-top-width: 10pt;
  }

  p.main {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  p.image-list {
    text-align: right;
  }

  img {
    border-style: none;
  }

  img#SSJ {
    float: left;
    margin-right: 2em;
    margin-bottom: 1ex;
  }

  body {
    background: #f0f0ff;
    font-size: large;
  }

  h1 {
    font-size: xx-large;
    text-align: center;
    color: #0000a0;
    border-top-style: solid;
    border-top-width: 10pt;
    border-bottom-style: solid;
    border-bottom-width: 5pt;
    border-color: green;
    padding-top: 1ex;
    padding-bottom: 1ex;
  }

  address a:hover {
    background: yellow;
  }
}