body, html { color: #ddd; background-color: #135; }
a:link     { color: #3cf; text-decoration: none; }
a:visited  { color: #3cf; text-decoration: none; }
a:hover    { background-color: transparent; color: #0ff; text-decoration: underline; }
h1         { font-family: Arial, Helvetica, sans-serif;
             color: #59c;
             font-size: xx-large;
             white-space: nowrap;
             text-align: center; }
.footer    { font-size: smaller;
             text-align: center;
             padding-top: 1em;
             margin-top: 1.5em;
             border-top: thin solid gray; }
.homelink  { font-size: smaller;
             text-align: center;
             padding-bottom: 1em;
             margin-bottom: 1.5em;
             border-bottom: thin solid gray; }
.redcomic  { font-family: Arial, Helvetica, sans-serif; color: #59c; }
.centered  { text-align: center; }
.noscript  { color: red;
             background-color: white;
             font-weight: bold;
             font-size: x-large; }

/* pix.php specific rules */
body#pix img          { border: none; }
body#pix .footer      { clear: both; }
body#pix .section     { clear: both; border-top: thin solid gray; }
body#pix .image       { text-align: center; float:left; margin: 0 15px 30px 15px; color: #C0C0C0; }
body#pix .sectiontext { text-align: left; font-family: Arial, Helvetica, sans-serif; color: #59c; }

/* links.php specific rules */
body#linx img      { border: none; }
body#linx #links   { text-align: center; min-width: 500px; margin-left: 15%; margin-right: 15%; }
body#linx #links p { border-bottom: thin solid gray; padding-bottom: 1em; padding-top: 0.25em; }

/* links2.php specific rules */
body#linx2 #parent    { text-align: center; }  /* Necessary due to an IE bug */
body#linx2 #links2    { margin: 0 auto; width: 400px; text-align: left; }
body#linx2 #links2 h2 { text-align: center; }

/* contact.php specific rules */
body#contact #info      { width: 400px; margin: 0 auto; }
body#contact #map       { width: 400px; height: 300px; overflow: hidden; opacity: 0.89; }
body#contact #map:hover { opacity: 1.0; }
body#contact #info p    { margin-left: 2em; margin-top: -0.75em; }
body#contact h2         { color: #c0f0c0; font: bold small-caps medium Arial, Helvetica, sans-serif; }

/* index.php specific rules */
body#main h1        { padding-bottom: 1em; margin-bottom: 0.75em; border-bottom: thin solid gray; }
body#main h1 img    { border: 1px solid black; margin: 0 20px 0 20px; vertical-align: middle; }
#listparent         { text-align: center; }
body#main #list     { font-weight: bold; margin: 0 auto; width: 300px; text-align: left; }
body#main #list img { border: 0; vertical-align: middle; margin-right: 15px; background-color: #ccc; }
body#main #list a:hover img { background-color: #cef; }

/* cua.php specific rules */
#cua #pagetext { width: 500px; margin: 0 auto; text-align: justify; }
#cua ul li     { font-family: sans-serif; font-weight: bold; }
#cua strong    { color: #c0f0c0; text-decoration: underline; }

/* Christmas letters specific code */
#christmas #bodytext    { width: 500px; margin: 0 auto; }
#christmas #bodytext ul { padding-left: 0; margin-left: 0; list-style-type: none; }