/*
 * basicStyles.css: originally used by tomh.info
 * ---------------------------------------------
 * Define the most general styles first, as essentially global defaults
 * Merged definitions in blackStyles.css (from tomh.info) into this file
 */
body
{
  font-family:           Verdana, Arial, Helvetica, sans-serif;
  font-size:             12px;
  background-color:      #ffffff;
}

/*
 * Define a few font properties (e.g., font-families) here up front 
 * ----------------------------------------------------------------
 * Note: there are more styles (e.g., font-sizes) for h*, p, etc. later in file
 */
h1, h2, h3, h4, h5, h6
{
  color: #000000;
  font-family: Georgia, Times, serif;
  text-align:  center;
}
h5, h6
{
  font-variant: small-caps;
}
a, p
{
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align:  justify;
}
table
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
blockquote, li
{
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align:  justify;
}
blockquote
{
  border-color: #000000;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  text-align:   justify;
}

div.content
{
  position: relative; /* in normal flow, offset by top and left */
  top:       25px;
  left:     320px;
  width:    500px;
}
div.footer
{
  position: relative; /* in normal flow, offset by top and left */
  top:       30px;    /* override if footer appears on top of XXXImage */
  left:      20px;    /* should match XXXImage's left */
  width:    800px;    /* (content's left + width) minus this.left */
}

/*
 * Define font sizes for h*, p, etc. tags
 * --------------------------------------
 *   color, font-family, and font-variant set at beginning of file
 */
h1
{
  font-size:     28px;
  margin-top:    21px;
  margin-bottom:  0px;
}
h2
{
  font-size:     24px;
  margin-top:    16px;
  margin-bottom:  0px;
}
h3
{
  font-size:     20px;
  margin-top:    12px;
  margin-bottom:  0px;
}
h4
{
  font-size:     16px;
  margin-top:    10px;
  margin-bottom:  0px;
}
h5
{
  font-size:     16px;
  margin-top:    10px;
  margin-bottom:  0px;
}
h6
{
  font-size:     14px;
  margin-top:    10px;
  margin-bottom:  0px;
}

p
{
  font-size:     14px;
  margin-top:     8px;
  margin-bottom:  0px;
  line-height:   18px;
}
img
{
  border: none;
}
li
{
  font-size:      14px;
  line-height:    18px;
}
blockquote
{
  font-size:      16px;
  line-height:    20px;
  text-align:     justify;
  border:         #000000 groove 8px;
  margin-top:      2px;
  margin-bottom:   2px;
  margin-left:     2px;
  margin-right:    2px;
  padding-top:     8px;
  padding-bottom:  8px;
  padding-left:   10px;
  padding-right:  10px;
}

/*
 * These Pseudoclasses are pretty cool (esp. a:hover)
 */
a:link
{
   color:           #000000;
   text-decoration: underline;
}
a:visited
{
   color:           #000000;
   text-decoration: underline;
}
a:hover
{
   color:           #000000;
   cursor:          hand;
   font-weight:     bold;
   font-size:       16px;          /* make it bigger instead of changing color */
   text-decoration: underline;
}
a:active
{
  color:       #ffffff;
  font-weight: bold;
}
a.nolink, a.nolink:link, a.nolink:visited,  /* used when company */
a.nolink:hover, a.nolink:active             /* has no website */
{
   font-weight: normal;
   font-size:   14px;
}

/*
 * Resume-specific styles:
 */
div.footer
{
  top: 10px;  /* no XXXImage on this page so we can make it closer */
}
div.resume
{
  margin-top:    0.70in;
  margin-left:   0.70in;
  width:         7.25in;
  /* margin-top:    50px; */
  /* margin-left:   50px; */
  /* margin-right:  75px; */
  /* margin-bottom: 10px; */
}

/*
 * Misc styles: getting down to the finer points now
 * -------------------------------------------------
 */
hr
{
  color:      #000000;
  margin-top: 10px;
}

p.centered
{
  text-align:   center;
}

address.footer
{
  font-size: 10px;
  text-align: center;
}
table.footer
{
  font-size: 10px;
}