.synopsis, .classsynopsis
{
  /* tango:aluminium 1/2 */
  background: #eeeeec;
  border: solid 1px #d3d7cf;
  padding: 0.5em;
}
.programlisting
{
  /* tango:sk blue 0/1 */
  background: #e6f3ff;
  border: solid 1px #729fcf;
  padding: 0.5em;
}
.variablelist
{
  padding: 4px;
  margin-left: 3em;
}
.variablelist td:first-child
{
  vertical-align: top;
}

@media screen {
  sup a.footnote
  {
    position: relative;
    top: 0em ! important;
  }
  /* this is needed so that the local anchors are displayed below the naviagtion */
  div.refnamediv a[name], div.refsect1 a[name], div.index a[name], div.glossary a[name]
  {
    position: relative;
    top: -4.5em;
  }
  /* make space for the fixed navigation bar */
  div.refentry, div.chapter, div.reference, div.part, div.book, div.glossary, div.index, div.sect1, div.appendix, div.preface
  {
    position: relative;
    top: 3.1em;
    z-index: 0;
  }
  /* this seems to be a bug in the xsl style sheets when generating indexes */
  div.index div.index
  {
    top: 0em;
  }
  div.refnamediv
  {
    margin-top: 2em;
  }
  body
  {
    padding-bottom: 20em;
  }
  /* style and size the navigation bar */
  table.navigation#top
  {
    /* tango:scarlet red 0/1 */
    background: #ffe6e6;
    border: solid 1px #ef2929;
    margin-top: 0;
    margin-bottom: 0;
    position: fixed;
    top: 0;
    left: 0;
    height: 2em;
    z-index: 1;
  }
  .navigation a, .navigation a:visited
  {
    /* tango:scarlet red 3 */
    color: #a40000;
  }
  .navigation a:hover
  {
    /* tango:scarlet red 1 */
    color: #ef2929;
  }
  td.shortcuts
  {
    /* tango:scarlet red 1 */
    color: #ef2929;
    font-size: 80%;
    white-space: nowrap;
  }
}
@media print {
  table.navigation {
    visibility: collapse;
    display: none;
  }
  div.titlepage table.navigation {
    visibility: visible;
    display: table;
    /* tango:scarlet red 0/1 */
    background: #ffe6e6;
    border: solid 1px #ef2929;
    margin-top: 0;
    margin-bottom: 0;
    top: 0;
    left: 0;
    height: 2em;
  }
}

.navigation .title
{
  font-size: 200%;
}

div.gallery-float
{
  float: left;
  padding: 10px;
}
div.gallery-float img
{
  border-style: none;
}
div.gallery-spacer
{
  clear: both;
}

a, a:visited
{
  text-decoration: none;
  /* tango:sky blue 2 */
  color: #3465a4;
}
a:hover
{
  text-decoration: underline;
  /* tango:sky blue 1 */
  color: #729fcf;
}

div.table table
{
  border-collapse: collapse;
  border-spacing: 0px;
  /* tango:aluminium 3 */
  border: solid 1px #babdb6;
}

div.table table td, div.table table th
{
  /* tango:aluminium 3 */
  border: solid 1px #babdb6;
  padding: 3px;
  vertical-align: top;
}

div.table table th
{
  /* tango:aluminium 2 */
  background-color: #d3d7cf;
}

hr
{
  /* tango:aluminium 3 */
  color: #babdb6;
  background: #babdb6;
  border: none 0px;
  height: 1px;
  clear: both;
}

.footer
{
  padding-top: 3.5em;
  /* tango:aluminium 3 */
  color: #babdb6;
  text-align: center;
  font-size: 80%;
}

.warning
{
  /* tango:orange 0/1 */
  background: #ffeed9;
  border: solid 1px #ffb04f;
  padding: 0.5em;
  border-width: 1px;
}
.warning h3
{
  margin-top: 0.0em
}
.warning p
{
  margin-bottom: 0.0em
}

/* code listings */

pre .cbracket   { color: #a40000; } /* tango: scarlet red 3 */
pre .comment    { color: #a1a39d; } /* tango: aluminium 4 */
pre .function   { color: #000000; font-weight: bold; }
pre .function a { color: #11326b; font-weight: bold; } /* tango: sky blue 4 */
pre .keyword    { color: #4e9a06; } /* tango: chameleon 3  */
pre .linenum    { color: #babdb6; } /* tango: aluminium 3 */
pre .normal     { color: #000000; }
pre .number     { color: #75507b; } /* tango: plum 2 */
pre .preproc    { color: #204a87; } /* tango: sky blue 3  */
pre .string     { color: #c17d11; } /* tango: chocolate 2 */
pre .type       { color: #000000; }
pre .type a     { color: #11326b; } /* tango: sky blue 4 */
pre .symbol     { color: #ce5c00; } /* tango: orange 3 */
