body {
  background-image:       url('/images/spaceglenda300small.png');
  background-attachment:  scroll;
  background-repeat:      no-repeat;
                          /* L     T */
  background-position:    -300px -25px;

  margin:                 0em;
  padding:                0em;

  color:                  #111;
}

a {
  color:  #666;

  font-family:      serif;
  font-size:        1.1em;

  text-decoration:  none;

  border-bottom:    1px dotted #666;
}

a:hover {
  color:  #333;

  border-bottom:    1px solid #333;
}


/* Shared */

#header {
  position:     absolute;
  top:          75px;
  left:         250px;
}

  #header a  {
    color:        #888;
    border:       none;
  }

  #header a:hover {
    color:        #999;
  }

  #header h1 {
    text-align:   right;

    color:        #888;

    font-family:  serif;
    font-size:    1.5em;
    font-style:   normal;
  }

  #header .subdomain {
    text-align:   right;

    color:        #ccc;

    font-family:  serif;
    font-size:    1.4em;
    font-style:   italic;
  }


#contact {
}


#content {
  font-family:  serif;

  position:     absolute;
  top:          100px;
  left:         550px;

  margin:       1em;
  margin-right: 2em;

  padding:      0em;
}


#footer {
  position:     absolute;
  left:         0px;
  top:          600px;
}

  #footer ul li {
    list-style:   none;
    margin:       0em;
    padding:      0em;
  }

  #footer li {
    padding:      0em;
    margin:       0em;
  }

  #footer a {
    color:            #333;

    font-size:        0.7em;
    font-style:       italic;

    border-bottom:    1px dotted #333;

    text-decoration:  none;
  }

  #footer a:hover {
    color:            #111;

    border-bottom:    1px solid #111;

    text-decoration:  underline;
  }


/* Index page. */

#index {
  text-align:       left;

  margin:           0em;
  padding:          0em;
}

  #index h2 {
    color:          #666;

    font-family:    serif;
    font-size:      1.5em;
    font-style:     normal;
  }

  #index ul {
    margin-left:    1em;
    padding:        0em;

    list-style:     none;
  }

  #index li {
    margin-bottom:  0.5em;
  }

  #index span.date {
    margin-right:   1.1em;

    color:          #999;

    font-family:    serif;
    font-size:      0.9em;
    font-style:     italic;
  }

  #index a {
    color:          #333;
  }

/* Individual post page. */

#entry {
  margin-left:      2em;
  margin-right:     2em;
}

#related {
  margin-left:      1em;
  margin-right:     2em;
}

  #related h2 {
    margin-top:     1em;

    color:          #666;

    font-family:    serif;
    font-size:      1.2em;
    font-style:     italic;
  }

#bottom {
  margin-top:       4em;
  margin-bottom:    2em;

  text-align:       center;
}


/* Vertical sidebar */

#sidebar {
  position:         fixed;
  right:            0px;
  top:              0px;

  height:           100%;
  max-height:       100%;

  border-left:      1px solid #daa520;
}

  #sidebar ul.vertical {
    height:           100%;
    max-height:       100%;

    padding:          0px;

    margin:           0px;

    list-style-type:  none;

    font-size:        0.6em;
    font-family:      serif;
  }

    #sidebar ul.vertical li {
      height:         17%;
      max-height:     17%;

      vertical-align: middle;

      margin:         0px;
      padding-left:   0px;
    }

      #sidebar ul.vertical li a {
        margin:             0px;
        padding:            0px;
        padding-left:       2px;
        padding-right:      2px;

        text-decoration:    none;

        border-bottom:      none;

        display:            block;

        width:              1em;
      }

      #sidebar ul.vertical li.first a {
        padding-top:        1em;
      }

      #sidebar ul.vertical li.last a {
        padding-bottom:     0.5em;
      }

        #sidebar ul.vertical li a span {
          color:            #999;

          display:          block;
          margin-bottom:    0px;
          padding-bottom:   0px;

          font-style:       normal;
          text-align:       center;
        }

      #sidebar ul.vertical li a:hover {
        color:              #555;
      }

      #sidebar ul.vertical li a:hover span {
        color:              #555;
      }