body { margin: 3em; margin-top: 2em;
       background-color: #ffd793; color: #dd0016;
       font-family: sans-serif; }

h1.greeting { color: #660066; font-size: 200%; text-align: center; }

img   { border: 0px; }

a[href] { color: #003300; }
a[href]:visited { color: #330000; }
a[href]:hover { color: #6B03E3; }

.FirstPost    { margin-top: 0px; }
.indent       { margin-left: 2em; margin-right: 2em; }
.email        { height: 22px; width: 168px; vertical-align:-6px; }
.header-color { color: #332288; }

/* TitleBar */
/*----------*/
#TitleBar { position: absolute; left: 20px; top: 5px; width: 780px; height: 8.2ex;
            font-size: 180%;
          }
#TitleBar h1 { text-align: center; margin: 0px; color: #000; }
#TitleBar h2 { text-align: center; margin: 0px; color: #dd0016; }


/* HorizontalNav */
/*---------------*/
#HorizontalNav { text-align: center; margin: 3em; clear: both; }


/* NavBar */
/*--------*/
#NavBar { position: absolute; left: 20px; top: 20ex; width: 200px;
          font-size: 100%; background: #eeeee0;
          border: 2px solid #dd0016;
          padding: 10px; margin-bottom: 3em; }

#NavBar h2 { margin-top: 20pt; font-variant: small-caps; font-size: 100%; color: #332288; }
#NavBar h2 a { text-decoration: underline; margin-top: 20pt; font-variant: small-caps; font-size: 100%; color: #332288; }
#NavBar #Home h2 { margin-top: 0pt; }
#NavBar #Author h2 { margin-top: 5pt; }
#NavBar #ContactInformation h2 { margin-top: 5pt; }
#NavBar #Reviews h2 { margin-top: 5pt; }
#NavBar #Articles h2 { margin-top: 5pt; }

#NavBar h3 { margin-left: .5em; margin-bottom: .2ex; font-size: 95%; color: #dd0016; }
#NavBar h3 a { text-decoration: underline; margin-left: .5em; margin-bottom: .2ex; font-size: 95%; color: #dd0016; }

#NavBar h4 { padding-left:  1em; font-size: 90%; margin: 3pt; display: none; }
#NavBar h4 a { text-decoration: underline; padding-left:  1em; font-size: 90%; margin: 3pt; }

/* Content */
/*---------*/
#Content { position: absolute; left: 284px; top: 20ex; width: 466px;
           margin-bottom: 3em;
         }

#Content h1 { color: #000; font-size: 125%; font-variant: small-caps; }
#Content h2 { color: #000; font-size: 125%; font-variant: small-caps; }

.CoverImage { float: left; margin-right: 1em; }

.FloatRightImage { float: right; margin-left:  1em; }
.FloatLeftImage  { float: left;  margin-right: 1em; }
.CenterImage     { text-align: center; }


/* Print settings */
/*----------------*/
@media print {
  body { margin: 0in; background-color: white; color: black; font-family: serif; }
  .grey, .gray { color: black; }
  #NavBar, #HorizontalNav, #TitleBar { display: none; }

  #Content { width: 100%; position: static; margin: 0in; }
}