body{ 
  /* Black background */
  background-color: black;
  /* Needs a few backups */
  font-family: Georgia, serif;
  text-align: center;
  /* Positioning */
  margin: 20px auto;
  /* Handles with a scrollbar */
  overflow: auto;

}

img{ border: 0px; }

/** Bar for author name image **/
.title{
  /* Set the same as the menu for now, maybe make it little lighter? */
  background-color: black;

  width: 650px;
  height: 70px;
  /* Positioning */
  margin: 20px auto;

}

.content{ background-image: url('The Carina Nebula Star Birth in the Extreme.jpg'); height="400px"
}

.content{ padding-top: 15px; padding-bottom: 15px

}

.tbox{
  width: 660px; 
  /* Required for correct positioning of main content area */
  margin: 20px auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65);
  opacity: 0.65;
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  position: relative;

}

.tboxfade{
  /* Gradient generated with 
  http://www.ogim.4u2ges.com/gradient-image-maker.asp
  */
  background-image: url('gradient-3ZEL1.png');

  width: 660px; 
  height: 40px;
  /* Required for correct positioning of main content area */
}

.tboxfade2{
  /* Gradient generated with 
  http://www.ogim.4u2ges.com/gradient-image-maker.asp
  */
  background-image: url('gradient-3ZEL1-2.png');

  width: 660px; 
  height: 40px;
  /* Required for correct positioning of main content area */
}

.text {
  background-color: #EEE;
  color: #000;

  width: 630px; 
  font-family: Georgia, serif;
  font-size: 16px;
  text-align: left;

  padding: 15px 15px;


}

.date{
  width: 600px; 

  font-family: "Courier New", monospace;
  font-size: 14px;
  text-align: right;
}

.sig{
  width: 550px; 

  font-style: oblique;
  font-size: 14px;
  text-align: right;

  margin-top: 25px;
  margin-bottom: 45px;
}

/** Bottom Navigation Bar items **/
.nav{
  /* Set the same as the menu for now, maybe make it little lighter? */
  background-color: black;
  border: 2px groove white;
  /* Positioning, required as all others in the content area */
  margin: 20px auto;
  padding: 0px;

  width: 660px;
  height: 50px;
}

.nav a {
  color: gray;

  font-family: Georgia, serif;
  font-weight: bold;
  font-size: 20px;
  text-decoration: none;
  /* Get us some separation */
  margin: 10px;
}

/* White rollover */
.nav a:hover { color: white; }

.foot {
  /* Set the same as the menu for now, maybe make it little lighter? */
  background-color: black;

  text-align: right;

  /* Positioning, required as all others in the content area */
  margin: 20px auto;
  padding: 0px;

  width: 660px;
  height: 40px;
}

/* Inline the W3C images */
.foot img{ float: right; }