/*
 * Fonts
 *
 * Underwood Champion is a free font from
 * http://www.vicfieger.com/fonts/a3/index.html. From my understanding
 * of the site, this is an acceptable use of the font and I have to
 * give him complete credits for giving away such a great font such as
 * this.
 */

body
{ 
  font-family: "Underwood Champion", "Courier New", mono;
  font-size: 12pt;
  line-height: 1.5em;
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, blockquote.rightbar, blockquote.leftbar, blockquote.bigquote {
  font-family: "Underwood Champion", "Courier New", mono;
}

#rb-footer
{ 
  font-size: 6pt;
  font-family: "Trebuchet MS", Helvetica, Ariel, sans;
}

/*
 * Major Elements
 */

body {
  background: url(images/text-background.png);
  margin: 0;
  padding: 0;
  height: 100%;
}

#rb-decor
{ 
  x-padding: 10px 270px 10px 30px;
  padding: 0;
  margin: 0;
  background: url(images/background.png) repeat-y;
  background-position: top right;
  min-height: 1024px;
}

#rb-site-name
{
  font-size: 9pt;
  color: #666;
  float: right;
  margin-right: 270px;
  font-style: italic;
}

#rb-contents
{
  padding: 10px 270px 10px 30px;
}

#rb-footer
{
  float: left;
  clear: both;
  color: white;
  line-height: 1.0;
  margin: -10em 1em 1em -250px;
  width: 200px;
}

/*
 * Logo or the "who am I" tag.
 */

#rb-logo {
  background: url(images/logo.png);
  color: transparent;
  height: 250px;
  margin: 0;
  padding: 0;
  width: 250px;
}

#rb-logo span { 
  display: none;
}

/*
 * Right Menu Bar
 */

#rb-menu {
  clear: right;
  color: #333333;
  float: right;
  x-margin-right: -270px;
  margin: 0;
  padding: 0;
  width: 250px;
  line-height: 1em;

  position: fixed;
  top: 0;
  right: 0;
}

div#rb-inner-menu
{ 
  padding-bottom: 10px;
  padding-top: 5px;
  padding-left: 15px;
  background: url(images/menu-background.png) repeat-y;
}

div#rb-top-menu
{ 
  height: 32px;
  width: 250px;
  background: url(images/menu-top.png) no-repeat;
}

div#rb-bottom-menu
{ 
  height: 32px;
  width: 250px;
  background: url(images/menu-bottom.png) no-repeat;
}

#rb-menu ul { 
  list-style: none;
  margin: 0;
  padding: 0 0 0 25px;
}

#rb-menu ul ul { 
  padding: 0 0 0 30px;
  font-size: 90%;
}

#rb-menu ul ul ul { 
  padding: 0 0 0 35px;
  font-size: 90%;
}

#rb-menu li { 
  padding: 0;
  x-margin: 0 0 0 -5px;
}

#rb-menu li span { 
  width: 100%;
  display: block;
  padding: 0;
  margin: 0;
}

#rb-menu li li { 
  border: none;
  padding: 0;
  margin: 0;
}

#rb-menu a { 
  color: #666666;
}

#rb-menu a:hover, #rb-menu a:visited:hover { 
  text-decoration: none;
  color: black;
}

#rb-menu a:visited { 
  color: #86A2B6;
}

/*
 * HTML Elements
 */

h1
{
  margin-top: 0;
}

h1, h2 {
  margin-left: -20px;
}

h3, h4, h5, h6, h7 {
  margin-left: -10px;
}

h2 {
  font-weight: normal;
  font-style: italic;
}

a:hover { 
  text-decoration: none;
}

blockquote {
  border-top: 2px dotted black;
  border-bottom: 2px dotted black;
  padding: 0 0.5em 0 0.5em;
  background: none;
}

.rightbar {
  float: right;
  margin: 0.5em 0.5em 0 1em;
  padding: 0;
  width: 8em;
  text-align: left;
}

.leftbar {
  float: left;
  margin: 0.5em 1em 0.5em 0;
  padding: 0;
  width: 8em;
  text-align: right;
}

blockquote.rightbar, blockquote.leftbar, blockquote.bigquote {
  background: none;
  font-size: 150%;
  border: none;
}