body { font-size: small; font-family: Verdana, Helvetica, Sans-Serif; 
}

h1
{
   font-size: 1.1em;
   margin: 0;
}
h2
{
   font-size: 1.05em;
   margin: 0.0em 0 0.5em 0;
}

div#container { margin: 0.25em 0.25em 0 0.25em; border: solid 1pt black; 
   padding: 0.5em; }
   
#container p { margin: 0.5em 0; }

code { font-size: 1.1em; font-family: Courier, Courier New, Fixedsys; }

.error { color: red; font-style: italic; }

label 
{
   display: block;
   margin-bottom: 2px;
   margin-top: 5px; 
}

div.box
{
   border: solid 1pt silver;
   margin: 1em 0;
   padding: 0.5em;
   
}

#weatherBox { margin: 0; padding: 0.5em; background-color: #CEDCE7;}
#weatherBox  img { float:left; width:55px; }
#weatherText { float:right; width:8em; }
#weatherDate { clear:both; font-size: 0.7em; margin-top: 0.25em; }

#amazonBox { margin: 0; padding: 0.5em; background-color: #CEDCE7; }
#amazonImage { text-align: center; }
#amazonBox h2 { font-weight: bold; text-align: center; font-size: 1em;}
.amazonTitle {  font-weight: bold; font-size: 0.8em;}
.amazonButton { font-size: 0.8em; margin: 2em 0 0 0;}


.amazonReviewPanel { font-size: 0.8em; margin: 0;}
.amazonReviewPanel ul { list-style-type: none; margin: 0;}
.amazonReviewPanel li { font-size: 0.8em; border-bottom: dotted 1pt silver; padding-top: 0.5em;}

#bookListBox  { margin: 0; padding: 0.5em; background-color: #CEDCE7; width: auto;}
#bookListBox h2 { font-weight: bold; text-align: center; font-size: 1em; width: 30em;}

   

div#sideArea
{
   float: left;
   width: 16em;
   margin: 0em;
}

div#mainArea
{
   margin-left: 16.5em;   
   padding: 1px 0 1em 0;
   width: auto;
}
#footer
{
 clear: both;
 margin-left: 16em;
 padding-left: 1em;
}
