body { background-color: #fff;
       font-family: 'Helvetica', 'Arial', 'sans serif';
       font-size: 75%;
     }

label { font-weight: bold; }
 
TH { background-color: #777; color: #EEE; padding: 3; }
TH A { color: #AAF; }

table { border-collapse: collapse; font-size: 1.0em; }

.large { font-size: 1.35em; }
.regular { font-size: 0.75em; }

.listing { border: thin solid black; }
.row-head { background-color: #555; color: #eee; padding: 3; }
.row0 { background-color: #edd; padding: 3; }
.row1 { background-color: #eee; padding: 3; }

.inactive { color: #999; }

.page-section { border: thin solid #555;
                background: url(/images/bg-gradient.jpg) repeat-y; 
                padding: 5px;

                }

.page-section LI { margin-bottom: 12px; }

.r-sidebar-section { border: thin solid #555;
                   background: url(/images/bg-gradient.jpg) repeat-y; 
                   padding: 5px;
                   margin: 5px;
                   vertical-align: top;
                   float: right;
                   width: 30%;
                   }

#blogposts { margin-right: 10px;}
#news { margin-right: 10px;}

.blogpost { padding: 4px; padding-bottom: 15px; }
.blogpost-title { font-size: 1.5em; }
.blogpost-front { padding: 4px; padding-bottom: 10px; }


.prevref { font-size: 0.7em; } 
.nextref { font-size: 0.7em; }

.fineprint { font-size: 0.9em; font-style: italic; }

#contact-frame { background-color: #eee;
                 width: 700px;
                 margin: 7px;
                 padding: 7px;
                 border: thin solid #555;
                 }

#bodycontent { clear: both; padding-top: 10px; vertical-align: top;}
#bodycontent h1 { font-weight: bold; }

#button-bar { background-color: #eee;
              padding: 5px;
              margin-bottom: 10px;
              height: 20px;
              } 
#head-margin { height: 10px; background-color: #fff; }
#side-margin { width: 10px; font-size: 5px; background-color: #fff; }

#navbar { background-color: #2197B1;
          vertical-align: top;
          color: #eee;
        }

.nav-section { margin-bottom: -12px; background-color: #2197B1; }
.nav-section h2 { background-color: #77C1D3; text-align: right;  }

#navbar a { color: #fff; }
#navbar ul { font-size: 0.8em; font-weight: normal; padding: 10px; list-style-type: none;}
#navbar li { font-weight: normal; margin-bottom: 1em; }

#navbar h2 { font-size: 1.25em; padding-top: 5px; padding-right: 5px; vertical-align: bottom;}
#navbar p { font-size: 0.8em; 
            padding-left: 10px; padding-right: 10px: }
.nav-content { margin-bottom: 10px; padding-bottom: 10px; margin-right: 5px;}
.nav-content a { line-height: 1.75em; }
.nav-more { text-align: right; padding-right: 5px; padding-bottom: 10px;}

#logo { padding: 10px; text-align: center;}
#top-bar { background: url(/images/black-gradient.gif) repeat-y right; 
	   background-color: #000; 
	   vertical-align: bottom;
           margin: 10px;}
#top-bar h1 { font-size: 1.5em; color: white; font-weight: bold; padding: 5px; margin-bottom: 1px;}
#header-address { float: right; font-weight: bold; text-align: right; padding-right: 20px; vertical-align: middle;}

#page-buttons { float: left; }
#dangerous-buttons { float: right; }
#page-messages { float: left; font-weight: bold; color: #0A0; font-size: 1.25em; padding-top: 5px;}
#page-errors { float: left; font-weight: bold; color: #A00; }

#maincontent { margin-left: 20px; margin-right: 20px; }

#management { float:left; }

.list-date { font-weight: bold; }
.list-title { font-weight: bold; }
.list-teaser { font-style: italic; }
.currently { font-weight: bold;  }

#links-list LI { padding-bottom: 5px; }

#management { margin-top: 10px; }
#management li { font-weight: bold; line-height: 24px; }

#contact-info { float: left; }
#contact-history { float: left; }

#post-date { font-style: italic; font-size: 0.7em; text-align: right;}
#post-body { font-size: 1.25em; float: left; padding: 10px; padding-left: 20px; padding-right: 20px; width: 60%;}

#footer { clear: both; 
          height: 20px;
          padding: 5px;
          margin-top: 5px;
          font-size: 10px;
          color: #888;
          background-color: #eee; }
#footer-version { padding-left: 150px; float: left; font-weight: bold; padding-top: 5px;}
#footer-date { float: right; padding-top: 5px;}
#footer-name { float: left; padding-top: 5px;}
#footer-login { font-size: 0.9em; padding-top: 5px;}


.content-edit { float: left; }

.mailout-history-list { float: right; }

.border-section { margin-bottom: 30px; border: thin #aaa solid; padding: 10px;  }

.code {
        background: #eee;
	border: thin #aaa solid;
        font-family: 'Courier New', Courier, monospace;
        font-size: 8pt;
        padding: 5px;
	width: 700px;
        overflow: auto;
	white-space: pre;
}

.lesson { 
          background: #eee;
          font-size: 12pt;
          font-weight: bolder;
          color: #00c;

          padding: 5px;
 }