body
{
    font-family      : "Trebuchet MS", Verdana, "Lucida Sans", Arial, Helvetica, Helv, sans-serif; 
    padding          : 0.5em 0.5em 0.5em 0.5em;
    background-color : white;
    text-align       : left;
}

#Content
{
    /* width            : 760px; */
    margin           : 0em .5em 0em .5em;
}

#sky
{
    position          : absolute;
    top               : 3ex;
    right             : 1em;
    width             : 160px;
}

#article
{
    position	     : relative;
    border-top       : #006666 2px dotted;
    border-right     : #006666 2px dotted;
    border-bottom    : #006666 2px dotted;
    border-left      : #006666 2px dotted;
    padding          : 2ex 1em 2ex 1em;
    margin-right     : 176px;
    background-color : blanchedalmond;
}

#tinylink
{
    font-size        : 70%;
    padding          : 0px 0px 0px 0px;
    margin           : 0px 0px 0px 0px;
}

#code
{
    font-size	     : 70%;
    margin-left	     : 4em;
    margin-right     : 4em;
    font-family      : "Lucida Console", "Andale Mono", "Courier New", "Courier";
    font-weight      : 900;
}

#examplebox
{
    background-color : white;
    border-style     : dashed;
    border-color     : #004444;
    padding          : 1ex 1em 1ex 1em;
}

p
{
    font-size        : 90%;
    color            : black;
    text-align       : justify;
}

ol
{
    font-size        : 90%;
    text-align       : left;
}

ul
{
    margin           : 0em 0em 0em 1em;
    text-align       : left;
    margin-left      : 20px;
    padding-left     : 0px;
}

blockquote
{
    font-size        : 90%;
    color            : black;
    text-align       : left;
}
kbd
{
    text-align       : right;
}

h1
{
    font-weight      : 900;
    font-size        : 125%;
    color            : #004444;
    text-align       : left;
}

h2
{
    border-right     : #ccc 0px solid;
    border-top       : #ccc 0px solid;
    border-left      : #ccc 0px solid;
    border-bottom    : #ccc 1px solid;
    font-weight      : normal;
    font-size        : 130%;
    padding-bottom   : 0px;
    color            : #707070;
}

h3
{
    border-right     : #ccc 0px solid;
    border-top       : #ccc 0px solid;
    border-left      : #ccc 0px solid;
    border-bottom    : #ccc 1px solid;
    font-weight      : bold;
    font-size        : 100%;
    padding-bottom   : 0px;
    color            : #707070;
    text-align       : center;
}

h5
{
    font-size        : 60%;
    text-align       : left;
}

dd
{
    margin-bottom    : 1ex;
}

a
{
    color            : #004444;
    font-weight      : bold;
    text-decoration  : none;
}

a:hover
{
    border-bottom    : #006666 3px dotted;
}

/**
*** Special do-nothing styles for Image link
**/
a.LittleMarv
{
}

a.LittleMarv:hover
{
   border            : none;
}

.tiny
{
    color            : #006666;
    font-weight      : 200;
    text-align       : right;
}

/**
*** Styles for the links in the header
**/
a.head
{
    font-weight      : 900;
    color            : blanchedalmond;
    border           : none;
}

a.head:hover
{
    color            : orange;
    border           : none;
    background-color : #006666;
}

div.sideboxHdr
{
    clear            : left;
    padding          : 0px 2px 2px 6px;
    border-left      : #006666 1px outset;
    border-top       : #006666 1px outset;
    border-right     : #006666 2px outset;
    width            : 13em;
    float            : left;
    background-color : #006666;
    color            : blanchedalmond;
    font-weight      : bold;
    text-align       : left;
}

div.sideboxCnt
{
    border-left      : #006666 1px outset;
    border-right     : #006666 2px outset;
    border-bottom    : #006666 2px outset;
    padding          : 0px 2px 3px 6px;
    clear            : left;
    float            : left;
    margin-bottom    : 1ex;
    width            : 13em;
    background-color : blanchedalmond;
    text-align       : left;
}

div.header
{
    color            : white;
    padding          : 0px 0px 72px 0px;
    margin-bottom    : 15px;
    border-right     : #006666 4px outset;
    border-top       : #006666 4px outset;
    border-left      : #006666 4px outset;
    border-bottom    : #006666 4px outset;
    background-color : #006666;
}

div.footer
{
    margin-top       : 10px;
    font-size        : 60%;
    color            : #555;
    text-align       : center;
}

div.contentBodyWide
{
    padding-right    : 8px;
    padding-left     : 8px;
    border-right     : #000 1px solid;
    border-top       : #000 1px solid;
    border-left      : #000 1px solid;
    border-bottom    : #000 1px solid;
    background-color : #fff;
}
.copy
{
    font-size        : 90%;
    color            : black;
    text-align       : justify;
}
.bright
{
    font-weight      : bold;
    font-size        : 100%;
    color            : red;
}
.nav
{
    font-weight      : bold;
    font-size        : 80%;
    color            : black;
    text-decoration  : none;
}
.SiteName
{
    float            : left;
    font-weight      : bold;
    font-size        : 200%;
    color            : blanchedalmond;
    text-decoration  : none;
    text-align       : left;
    padding          : 0px 8px 0px 0px;
}

.title
{
    font-weight      : bold;
    font-size        : 80%;
    text-decoration  : none;
}

.bullet
{
    padding-right    : 4px;
    font-size        : 60%;
    color            : black;
}

.FormArea
{
   background-color  : #006666;
   padding-right     : 1em;
   float             : left;
   vertical-align    : top;
}

.textfield
{
   color             : #004444;
   font-weight       : bold;
   width             : 8em;
   background-color  : blanchedalmond;
}

.mainbody
{
    float            : clear;
}

.article
{
    border-top       : #006666 2px dotted;
    border-right     : #006666 2px dotted;
    border-bottom    : #006666 2px dotted;
    border-left      : #006666 2px dotted;
    padding          : 2ex 1em 2ex 1em;
    background-color : blanchedalmond;
}

.contentBody
{
    border-top       : #006666 2px dotted;
    border-right     : #006666 2px dotted;
    border-bottom    : #006666 2px dotted;
    border-left      : #006666 2px dotted;
    padding          : 2ex 1em 2ex 1em;
    background-color : blanchedalmond;
    margin-left      : 15em;  /* space on the left for the menu */
}

.BlogDate
{
    font-size        : 70%;
    text-align       : left;
}

.BlogEntryTitle
{
    font-size        : 150%;
    padding          : 0ex 0em 0ex 0em;
    border           : 0ex 0em 0ex 0em;
}

.SideForm
{
   padding           : 0ex 0em 0ex 0em;
   border            : 0ex 0em 0ex 0em;
   vertical-align    : top;
}

.fineprint
{
   font-size         : 70%;
}