/*
 * my.css
 * External Cascading Style Sheet for my personal Website 
 */

html, body {
  font-family: 'comic sans ms', 'exaggerate BRK', 'Tempus Sans ITC', Lucida, TSCu_comic, 'andy mt', sans-serif;
    font-size: 11pt;
       margin: .5em 1.5em .5em 1.5em;  /* top right bottom left */
        color: #800000; /* brown; */  background-color: #ffffea
}

a          { color: #0060c0; background-color: transparent }
a:active   { color: #808000; background-color: transparent; font-weight: bold }
a:hover    { color: #ff0000; background-color: transparent }
a:link 	   { color: #0060c0; background-color: transparent }
a:visited  { color: #808000; background-color: transparent }

address    {
        color: #aaa; background-color: transparent;
    font-size: 80%;
  padding-top: 3em
}
address img {
          height: 31px;
          border: 0;
  vertical-align: bottom;
   padding-right: 1em
}

big        { color: #0060c0; background-color: transparent; font-weight: bold }

blockquote { color: #800000; background-color: transparent }

p.quote { color: #0060c0; font-size: 80%; margin-left: 3em; margin-right: -3em }

h1, h2, h3, td.h1, td.h2, td.h3 {
  color: #0060c0; background-color: transparent
}
h4, td.h4  { color: #800000; background-color: transparent }

td.h1,
td.h2,
td.h3,
td.title { font-weight: bold; padding-bottom: 1em; color: #0060c0 }
td.h4    { font-weight: bold; padding-bottom: 1em }

td.h1,
td.title   { font-size: 200% }
td.h2      { font-size: 150% }
td.h3      { font-size: 125% }


sub, sup   { font-size: small }

.credit    {
  color: #0060c0;
  font-size: 80%;
  text-align: right;
  padding-top: 1em;
  padding-bottom: 2.5em
}
.name      { font-weight: bold; color: #0060c0; background-color: transparent }
.work      { font-style: italic }
.note      { font-size: 80%; color: #0060c0; background-color: transparent }
.top       { padding-top: 3em }