html {
  background: black url(../images/Slate_1440.jpg) no-repeat fixed;
}
body {
  margin: 0 auto 3em; width: 800px;
  background-color: black; color: white;
  font-family: "Helvetica", "Helvetica Neue", "Myriad Pro", sans-serif;
}

#navigation, #header, #content { padding-left: 50px; }

#navigation {
  padding-top: 30px;
  background: transparent url(../images/gradient.jpg) no-repeat top right;
}
  #navigation table td { padding: 2px 30px 2px 0px; }
  #navigation a { display: block; color: white; text-decoration: none; }
  #navigation a.current,
  #navigation a:hover,
  #navigation a:focus,
  #navigation a:active { color: #3AE; }
  #navigation a:hover,
  #navigation a:focus,
  #navigation a:active { text-decoration: underline; }

#header { margin: 1.5em 0; }
  #header #tagline { float: right; margin-right: 1ex; }

.error, .notice, .success { text-align: center; border-width: 1px; border-style: solid; }
.error { background-color: #300; border-color: #500; }
.success { background-color: #F4DB05; border-color: #F4DB05; color: black; }
.notice { background-color: #003; border-color: #005; }

#content {
  position: relative;
  padding-top: 0; padding-bottom: 3em;
  font-size: 90%;
}
  #content a { color: #3AE; }
  .sidebar { float: right; margin-top: 1ex; padding-right: 1px; }
    .sidebar .slides { width: 180px; height: 140px; margin-bottom: 2em; }
  .article { margin-right: 250px; }

.footer { margin-bottom: -7px; }



/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* .clearfix {display: inline-block;} */