/* -------------------------------------------------
GENERAL/PRIMARY LAYOUT AND FORMATING
IN MOSTLY ALPHABETICAL ORDER

I have realized, too late, that classes should not
be special, and that they should be mixed with all
the rest of the tags, just like DIVs.

Active Anchor CSS tags have a specific order to
follow, which is not alphabetical.
------------------------------------------------- */

* {
   margin: 0px;
   padding: 0px;
}

a {
   color: #0000FF;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

a:visited {
   color: #92278F;
}

#active a:link, #active a:visited, #active a:hover {
   border: 1px solid #333;
   background-color: #FF6600;
   background-image: url('/graphix/l1_over.gif');
   color: #333;
}

/* -------------------------------------------------
BANNER/HEADER
------------------------------------------------- */

#banner {
   margin: 0px auto;
   padding: 0px;
   height: 126px;
   text-align: left;
/*    Remove width to allow IE7 to match FF:
   width: 550px; */
}

#bannerlogo {
   float: left;
   margin: 0px auto;
   padding: 0px;
   width: 220px;
   height: 126px;
   text-align: left;
/*   border-right: 1px solid #C1C1C1; */
}

body {
   margin: 0px;
   padding: 0px;
   background-image: url('/graphix/bg_sliver.png');
   background-repeat: repeat-x;
   background-attachment: fixed;
   background-color: #FFFFFF;
   color: #2d2d2d;
   font: 15px Georgia, "Times New Roman", Times, serif;
   text-align: center;
}

#container {
   margin: 0px auto;
   padding: 0px;
   width: 770px;
   text-align: left;
/* I am not in the mood to tinker with faux this or that.
   border-left: 1px solid #C1C1C1;
   border-right: 1px solid #C1C1C1; */
}

#decobuffer {
   margin: 0px;
   height: 25px;
}

/* -------------------------------------------------
FOOTER
------------------------------------------------- */

#footer {
   clear: both;
   padding-top: 30px;
}

.footer {
   width: 100%;
   height: 25px;
   background: url('/graphix/deco-hr.png') no-repeat scroll center;
   border: 0px;
}


h1, h2, h3, h4, h5, h6 {
   margin: 0px;
   padding: 0px;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-weight: normal;
   color: #9E0B0E;
}

h1 {
   padding-top: 10px;
   padding-left: 0px;
   font-size: 26px;
}

h2 {
   padding-top: 10px;
   padding-left: 0px;
   font-size: 22px;
}

h3 {
   padding-top: 10px;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-size: .9em;
   font-weight: bold;
}

#header {
   margin: 0px auto;
   padding: 0px;
   width: 770px;
   height: 126px;
   text-align: left;
/*   border: 1px solid #C1C1C1; */
}

hr {
   margin-top: 10px;
   margin-bottom: 15px;
}

html {
   margin: 0px;
   padding: 0px;
}

.imgleft {
   float: left;
   margin-top: 5px;
   margin-right: 10px;
   margin-left: 5px;
   margin-bottom: 10px;
   padding: 5px;
   border-width: 1px;
   border-style: solid;
   border-color: #000000;
}

.keywords {
   font-family: courier;
}

/* -------------------------------------------------
LEFTCOLUMN
------------------------------------------------- */

#leftcolumn {
   float: left;
   margin: 0px auto;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 30px;
   padding-left: 0xp;
   width: 220px;
   background-color: #EAE3CA;
   text-align: left;
}

#leftcolumn blockquote {
   margin-top: 20px;
   margin-bottom: 5px;
   padding-right: 10px;
   padding-left: 10px;
   color: #000000;
   text-indent: 20px;
}

#leftcolumn .cite {
   margin-right: 20px;
   text-align: right;
}

#leftcolumn .fakebox {
   margin-top: 40px;
   padding: 0px;
}

#leftcolumn h3 {
   margin-top: 0px;
   margin-right: 10px;
   margin-bottom: 0px;
   margin-left: 10px;
   padding: 0px;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: .9em;
   font-weight: bold;
   color: #9E0B0E;
   text-transform: uppercase;
   letter-spacing: 1px;
}

#leftcolumn p {
   margin-right: 5px;
   margin-bottom: 10px;
   margin-left: 5px;
}

#leftcolumn ul {
   margin-left: 25px;
   margin-right: 10px;
}

/* -------------------------------------------------
MAINCOLUMN
------------------------------------------------- */

#maincolumn {
   margin-top: 0px;
   margin-right: 5px;
   margin-bottom: 0px;
   margin-left: 225px;
/*    Remove width to allow IE7 to match FF:
   width: 550px; */
}

#maincolumn blockquote {
   margin-top: 20px;
   margin-bottom: 20px;
   padding-right: 20px;
   padding-left: 20px;
   text-indent: 15px;
}

#maincolumn .formbasic {
   margin-left: 30px;
}

#maincolumn .header {
   margin: 0px;
   padding: 0px;
}

/* Use .hrdivide instead of HR tag. */
#maincolumn .hrdivide {
   width: 100%;
   height: 25px;
   background: url('/graphix/deco-hr.png') no-repeat scroll center;
   border: 0px;
}

#maincolumn .imgbordered {
   border-width: 1px;
   border-style: solid;
   border-color: #000000;
}

#maincolumn .imgcenter {
   float: center;
   margin-top: 5px;
   margin-right: 5px;
   margin-left: 10px;
   margin-bottom: 10px;
   padding: 5px;
}

#maincolumn .imgright {
   float: right;
   margin-top: 5px;
   margin-right: 5px;
   margin-left: 10px;
   margin-bottom: 10px;
   padding: 5px;
}

#maincolumn .indentme {
   text-indent: 15px;
}

#maincolumn .myglobe {
   background-image: url('/graphix/custom_globe_-_500x300.png');
   background-repeat: no-repeat;
}

#maincolumn p {
   margin-top: 5px;
}

#maincolumn .quotemeclosed {
   font: 18px Georgia, "Times New Roman", Times, serif;
   font-weight: bold;
   line-height: 50%;
}

#maincolumn .quotemeopen {
   font: 18px Georgia, "Times New Roman", Times, serif;
   font-weight: bold;
   line-height: 50%;
}

#maincolumn .sitemein {
   text-align: center;
}

#maincolumn ul {
   margin-left: 25px;
}

p.negindent {
   padding-left: 20px;
   text-indent: -20px;
}

/* -------------------------------------------------
POST CLASS
This bad boy is perhaps the heart and soul of the
blog, as it holds the actual blog content.
------------------------------------------------- */

.post {
   margin: 0px;
   padding: 0px;
}

.post a {
   color: #0000FF;
   text-decoration: none;
}

.post a:hover {
   text-decoration: underline;
}

.post a:visited {
   color: #92278F;
}

.post h1 {
   padding-top: 10px;
   padding-left: 0px;
   font-size: 26px;
}

.totop {
   margin-top: 0px;
   font-size: 12px;
   line-height: 100%;
   text-align: right;
}

/* -------------------------------------------------
MENU/NAVIGATION
------------------------------------------------- */

#navcontainer a {
   display: block;
   padding: 2px 2px 2px 24px;
   border: 1px solid #333;
   width: 160px;
   background-color: #999;
   background-image: url('/graphix/l1_down.gif');
}

#navcontainer a:hover {
   border: 1px solid #333;
   background-color: #F60;
   background-image: url('/graphix/l1_over.gif');
   color: #333;
}

#navcontainer a:link, #navlist a:visited {
   color: #EEE;
   text-decoration: none;
}

#navcontainer li {
   margin: 0px 0px 3px 0px;
}

#navcontainer ul {
   margin-top: 15px;
   margin-right: 0px;
   margin-bottom: 15px;
   margin-left: 15px;
   padding: 0px;
   list-style-type: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
}