/* Copyright 2006 Robert W. Brewer.  All rights reserved.  */

@import url("docutils-default.css");

/* default for all text in body of page is
   Arial with a fall-back to any sans-serif font.
*/
body {
  /* these settings allow the border
     to span the entire width of the viewport
  */
  margin: 0;
  padding: 0 0.8em;

  font-family: 'Lucida Grande', Verdana, sans-serif;
  font-size: small;
  line-height: 150%;
  border-top: 9px solid rgb(0, 0, 80);
  border-bottom: 9px solid rgb(0, 0, 80);
}

/* set up some sensible link colors */
a { 
  font-weight: bold;
  text-decoration: none;
}

/* border-bottom draws nifty little dotted underlines
   under the links which don't interfere with the 
   g and y letters as much in the links and look 
   sharp.
*/
a:link { 
  color: rgb(0, 100, 70);
  border-bottom: 1px dotted rgb(0, 100, 70);
}

a:visited { 
  color: rgb(70, 0, 40);
  border-bottom: 1px dotted rgb(70, 0, 40);
}

a:active { 
  color: rgb(0, 200, 70);
  border-bottom: 1px dotted rgb(0, 200, 70);
}

h1, h2, h3, h4, h5, h6 { 
  color: rgb(0, 0, 80);
}

a.toc-backref { 
  color: rgb(0, 0, 80);
  border-bottom: none;
}

div.contents p.topic-title {
  color: rgb(0, 0, 80);
}

div.abstract p.topic-title {
  color: rgb(0, 0, 80);
  font-weight: bold;
  font-size: 120%;
}

div.abstract { 
  /* background-color: rgb(230, 230, 230); */
  padding: 0.3em 1em;
  border: thin outset black;
  border-width: 3px;
}

.header, .footer { 
  line-height: normal;
}

/* put logo in top left corner */
.logo { 
  position: absolute;
  top: 1em;
  left: 1em;
}

/* don't draw a border around my logo */
.logo img { 
  border-style: none;
}

a.logo { 
  border-style: none;
}


/* put searchbar in top right corner */
.searchbar { 
  position: absolute;
  top: 1em;
  right: 1em;
}

.txtedit { 
  padding: 0;
  margin: 0;
}

/* create the navbar at the top of the
   page, centered, and just below
   level of logo and searchbar. 
*/
.navbar { 
  margin-top: 2em;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  text-align: center;
  border-bottom: 1px solid rgb(180, 180, 180);
  z-index: 1;
}

.navbar ul { 
  margin: 0;
  padding: 0;
  list-style-type: none;
  z-index: 3;
}

.navbar li { 
  display: inline;
  margin: 0;
  padding: 0 0.5em 0 0.5em;
}

.navbar li a { 
  padding: 0.08em 0.3em;
  margin: 0 0.3em 0 0.3em;
  color: rgb(0, 0, 80);
  background-color: white;
  border: 1px solid rgb(200, 200, 200);
  text-decoration: none;
}

.navbar li a:hover { 
  border: 1px solid rgb(120, 120, 120);
  border-top: 2px solid rgb(120, 120, 120);
  border-bottom: 2px solid rgb(120, 120, 120);
}



/* hide the horizontal rule inserted
   by docutils for the header
*/
hr.header { 
  display: none
}


/* way too much space between 
   the page header and the title,
   let's shrink it down.
*/
h1.title { 
  padding: 0;
  line-height: 120%;
  /* margin-top: -1em; */
}




/* warnings and their text are block-indented,
   with the warning itself in large, uppercase, bold
   text with ! around it like this: ! WARNING !
*/

div.attention p.admonition-title, div.caution p.admonition-title,
div.danger p.admonition-title, div.error p.admonition-title,
div.warning p.admonition-title {
  text-transform: uppercase;
  font-size: 140%;
}

div.attention p.admonition-title:before, div.caution p.admonition-title:before,
div.danger p.admonition-title:before, div.error p.admonition-title:before,
div.warning p.admonition-title:before {
  content: "! ";
}

div.attention p.admonition-title:after, div.caution p.admonition-title:after,
div.danger p.admonition-title:after, div.error p.admonition-title:after,
div.warning p.admonition-title:after {
  content: " !";
}


/* bold the dates in my news items */
.date { 
  font-weight: bold;
}

/* hide the horizontal rule inserted
   by docutils in the footer.
*/
hr.footer { 
  display: none;
}
/* validation links at bottom of page
   are similar to navbar, but without the
   cool box adornments.
*/
/* FIXME for some reason the validators aren't quite centered */
.validators {
  margin: 0;
  padding: 0;
  text-align: center;
}
  
.validators ul { 
  list-style-type: none;
  position: relative;
  display: inline;
}

.validators li { 
  display: inline;
  font-size: 70%;
  text-align: center;
  padding: 0 0.5em 0 0.5em;
}


/* copyright at bottom of page is very small
   and centered
*/
.copyright { 
  text-align: center;
  font-size: 70%;
  margin: 6em 0 0.1em 0;
}

.generator { 
  text-align: center;
  font-size: 70%;
  margin: -1em 0 0.5em 0;
}


/* FIXME make this look better
div.figure { 
  border: thin outset black;
  padding: 0;
}

div.figure img { 
  padding: 0;
 }

div.figure p.caption { 
  text-align: center;
}
*/

/* put table of contents in a box that 
   floats on the right side of the screen
   with text flowing around it.
*/
div.contents { 
  font-size: smaller;
  float: right;
  margin: 1em;
  padding: 1em 1em 1em 0;
  max-width: 35%;
  border: thin outset black;
  line-height: normal;
}

div.contents p.topic-title { 
  padding: 0 0 0 1em;
  margin: 0 0 0.5em 0;
}

/* remove extra left space on TOC lists */
div.contents ul { 
  padding: 0 0 0 1em;
  margin: 0;
  list-style-type: none;
}

/* since contents will use smaller fonts and have
   lots of links, remove the underlines for less
   clutter.
*/
div.contents a.reference:link, div.contents a.reference:visited { 
  text-decoration: none 
}

/* hide the document info tags for now for less clutter.
*/
table.docinfo { 
  display: none;
}