/****** Layout ******/

body {
   margin:10px 10px 10px 10px;
   padding:0px;
   background: #eee;
   }

/* Wrapper for the entire page */
#page {
   margin-left: 10%;
   margin-right: 10%;
   margin-top: 20px;
   margin-bottom: 20px;
   padding-left: 20px;
   padding-right: 20px;
   border: 1px solid #999;
}

/* Header */
#topcontent {
   margin-top: 10px;
/*   float:top; */
   width:100%;
/*   height: 100px; */
   border: 1px solid #999;
   }

#topcontent a img {
   padding: 20px;
   float: left;
   border: none;
}

#topcontent h1 {
   margin-top: 10px;
   padding-top: 10px;
   padding-right: 20px;
   text-align: right;
   }

#topcontent h2 {
   padding-right: 20px;
   text-align: right;
   }

#topcontent h3 {
   padding-right: 20px;
   text-align: right;
   }

/* Blog column */
#leftcontent {
   float:left;
   width:67%;
   padding-top:20px;
   padding-bottom:20px;
   }

#leftcontent h1 {
   padding-top: 5px;
   padding-bottom: 5px;
   border: 1px solid #999;
}

#leftcontent .postmetadata {
   text-align: center;
   }

/* This makes a nice blank margin around the content of the postings */
.post {
   margin-left: 0px;
   margin-right: 20px;
   }

/* Center navigation links */
.navigation {
   text-align: center;
   padding-bottom: 10px;
}

/* Sidebar */
#rightcontent {
   float: right;
   width: 30%;
   padding-top: 30px;
   }
   
/* Footer */
#bottomcontent {
   clear:both; /* This forces a break in both left and right columns */
   width:100%;
   }

#bottomcontent p {
   text-align: center;
}

/* Left-align all h1 tags outside of #topcontent */
h1 h2 {
   text-align: left;
   }

/* Give images a little after-space. */
img {
   margin-bottom: 10px;
/*   display: inline; */
   float: left;
   border: none;
   margin-right: 10px;
   }
   
.comments {
   background: #ddd;
}

/****** Fonts, colors, and backgrounds ******/

/* Default values */

body {
   font-family:   Georgia, Serif;
   color: #333;
   }

h1 {
   font-family:   Verdana, Arial, Helvetica, Sans-Serif;
   font-size: 150%;
   color: #333; /* dark grey */
}

h2 {
   font-family:   Verdana, Arial, Helvetica, Sans-Serif;
   font-size: 125%;
   color: #333; /* dark grey */
}

blockquote {
   color: #666; /* middle grey */
   font-size: 90%;
   border-left: 5px solid #ddd;
}

small {   /* used for "posted by..." */
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color: #777;
   font-size: 80%;
   }

a {
   color: green;
   text-decoration: none;
   }

a:hover {
   color: green;
   text-decoration: underline;
}

.navigation {
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

/* Overrides for specific content sections */

#page {
   background: white;
}

#topcontent {
   background: #ff9;
}

#topcontent h1 {   /* used for header title */
   font-size:300%;
   font-family:  "New York", "Times New Roman", serif;
   color: black;
   background: none;
   }

#topcontent h2 {   /* used for header subtitle */
   font-size: 150%;
   font-family:  "New York", "Times New Roman", serif;
   color: black;
   background: none;
   }

#topcontent h3 {   /* used for header description */
   font-size: 120%;
   font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
   color: black;
   background: none;
   }

#topcontent a, a h1 {
   color: black;
   text-decoration: none;
   }

#leftcontent {
   /* The white backround is necessary to keep h1 in the right column
    * from smearing its background color (if any) into the left column.
    */
   background: white;
   font-size: 100%;
   }

#leftcontent h1 {
   background: #ff9;
}

.post h2 a {
   color: #333; /* gray */
   text-decoration: none;
   }

.post h2 a:hover {
   color: green;
   text-decoration: none;
   }

#rightcontent {
   font-size: 80%;
}

#rightcontent h2 {
   background: none;
   }

.categorytree, .archives {
   font-family: Georgia, Serif;
   font-weight: normal;
   font-size: 80%;
   list-style: none;
   padding-left: 0;
}