/* Masterview documentation stylesheet (stripped down from rdoc styles and revised) */

body {
  margin: 0;
  padding: 0;
  color: #333;
  background-color: white;
  font-family: "Times New Roman", Times, serif;
}

img {
  border: 0;
}

table {
  border: 0;
}
th, td {
  vertical-align: top;
}

.layoutArea {
  width: 100%;
}

/* --- general text styles ----------------------------- */

h1,h2,h3,h4,h5,h6 {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  margin: 0; 
  /*background: transparent; */
}
h1 { font-size: 150%; }
h2,h3,h4 { margin-top: 1em; }

a { background: #eef; color: #039; text-decoration: none; }
a:hover { background: #039; color: #eef; }

/* Override the base stylesheet's Anchor inside a table cell [???from rdoc - do we use this???] */
td > a {
  background: transparent;
  color: #039;
  text-decoration: none;
}

/* and inside a section title [???from rdoc - do we use this???] */
.section-title > a {
  background: transparent;
  color: #eee;
  text-decoration: none;
}

/* === Page layout structure elements  ===================================== */

/* ???? from rdoc.....
div#index {
    margin: 0;
    margin-left: -40px;
    padding: 0;
    font-size: 90%;
}
div#index a {
    margin-left: 0.7em;
}
div#index .section-bar {
   margin-left: 0px;
   padding-left: 0.7em;
   background: #ccc;
   font-size: small;
}
???*/

div#pageHeader, div#pageFooter  {
  width: 100%;
  text-align: left;
}

div#pageHeader {
 padding-bottom: 6px;  
 border-bottom: 1px solid black;
}

div#pageHeader div {
 width: 800px;
 text-align: center;
}

div#headerNav {
 width: 800px;
}
div#headerNav div {
  text-align: center;
}

div#pageBody {
  padding: 15px 20px;
}

div#pageFooter {
  border-top: 1px solid black;
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid black;
  margin-bottom: 8px;
}
div#pageFooter div {
 width: 800px;
 text-align: center;
}
div#pageFooter table {
 width: 800px;
}

/* --- page header styles ------------------------------ */

div#pageHeader {
 font-family: "Times New Roman", Times, serif;
 font-size: 36px;
 font-weight: bold;
 background-image: url(../images/masterview_logo_gradient.png);
 background-repeat: repeat-x;
 /*vertical-align: middle;*/
}
div#pageHeader .description {
  font-size: 14px;
  font-style: italic;
}

div#pageHeader a { background: transparent; text-decoration: none; }

/* --- page body styles -------------------------------- */

/*??? this came in from the rdoc stylesheet - do we want this?? */
div#description {
    padding: 0.5em 1.5em;
    background-color: #efefef;
    border: 1px dotted #999;
}
div#description h1,h2,h3,h4,h5,h6 {
    color: #125;
    background: transparent;
}

/* --- page footer styles ------------------------------ */

div#validator-badges {
  text-align: center;
}

div#copyright {
    color: #333;
    background: #efefef;
    font: 0.75em sans-serif;
    margin-top: 5em;
    margin-bottom: 0;
    padding: 0.5em 2em;
}

div#pageFooter td.copyright {
  padding-left: 20px;
  font-size: smaller;
  font-style: italic;
  vertical-align: middle;
}
div#pageFooter td.validators {
  text-align: right;
  padding-right: 20px;
}

img.w3c_validator {
  width: 88px;
  height: 31px;
}

/* === Page content style elements  ======================================== */

.productName {
  font-family: "Courier New", Courier, monospace;
}
.directiveName {
  font-weight: bold;
}

.alert {
  color: red;
  font-style: italic;
}
.explanation {
  font-style: italic;
}

.configurationSettings {
  font-family: Verdana,Arial,Helvetica,sans-serif;
}

.cmdLine {
  margin-left: 20px;
  font-family: "Courier New", Courier, monospace;
}

pre.code {  /* from http://facets.rubyforge.org/wiki/wiki.css */
    border: #646464 1px solid;
    padding: 0.5em;
    margin-left: 1em;
    margin-right: 2em;
    white-space: pre;
    color: black;
    background-color: #e6e6e6;

}

/* --- Ruby keyword styles --------------------- */

.standalone-code { background: #221111; color: #ffdead; overflow: hidden; }

.ruby-constant  { color: #7fffd4; background: transparent; }
.ruby-keyword { color: #00ffff; background: transparent; }
.ruby-ivar    { color: #eedd82; background: transparent; }
.ruby-operator  { color: #00ffee; background: transparent; }
.ruby-identifier { color: #ffdead; background: transparent; }
.ruby-node    { color: #ffa07a; background: transparent; }
.ruby-comment { color: #b22222; font-weight: bold; background: transparent; }
.ruby-regexp  { color: #ffa07a; background: transparent; }
.ruby-value   { color: #7fffd4; background: transparent; }

/* ------ Page specific styles -----------------------*/

table#generatedRhtml, table#generatedRhtml thead th, table#generatedRhtml tbody td { 
  border-width: 1px;
  border-style: solid;
  border-collapse:collapse;
  margin:0;
  padding:0;
}

table#generatedRhtml tbody td, table#generatedRhtml thead th {
  padding:.2em .5em;
  vertical-align:top;
}