/*div, body, h1 {
  margin: 0;
  padding: 0;
}
*/
body {
  font-family: "Helvetica Neue", Tahoma, "Droid Sans", Arial, sans-serif;
  color: black;
  background-color: #ffffff;
}

/* Page layout */

div.header, div.content, div.footer {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
div.aligner {
  max-width: 75ex;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

div.header {
  background: url(bgtop.png) top left no-repeat;
}


/* Default body styles */
body a {
  text-decoration: none;
  color: #5B1B99;
}

.clearer {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

body h1, body h2, body h3, body h4 {
  font-family: Palatino, Georgia, "Times New Roman", serif;
  font-weight: normal;
  font-style: normal;
  color: #204A87;
  margin-top: 1.1em;
  margin-bottom: 0.7em;
}

.section h2, .section h3, .section h4, .section h5, .section h6 {
  padding-right: 2em;
  padding-bottom: 0.3em;
  padding-left: 1ex;
  border-bottom: 1px solid #204A87;
  display: inline;
}

.content .section h2+*, .content .section h3+*, .content .section h4+*, .content .section h5+*, .content .section h6+* {
  margin-top: 1.5em;
}

body h1 {
  color: #204a87;
}

a.headerlink {
  visibility: hidden;
  color: #dddddd;
  padding-left: .3em;
}

h1:hover > a.headerlink,
h2:hover > a.headerlink,
h3:hover > a.headerlink,
h4:hover > a.headerlink,
h5:hover > a.headerlink,
h6:hover > a.headerlink,
dt:hover > a.headerlink {
  visibility: visible;
}



/* Header */

div.header {
  padding-top: 10px;
  padding-bottom: 10px;
}

div.header h1 {
  font-family: Palatino, Georgia, "Times New Roman", serif;
  font-weight: normal;
  font-size: 160%;
  letter-spacing: .08em;
  display: inline;
}

div.header h1 a {
  color: white;
}

div.header div.rel {
  /*margin-top: 1em;*/
  display: inline;
  
}

div.header div.rel a {
  color: #333344;
  text-transform: uppercase;
}

p.logo {
    float: right;
}

img.logo {
    border: 0;
}

/*----------------------body + menu text styles -------------------------*/

/* NB - to get just the menu use .toctree-wrapper, since the both end up in
 .section*/

div.content{
  background-color: white;
  padding-top: 1em;
  padding-bottom: 20px;
  /*padding-right: 2em;*/
  text-align: left;
  font-size: 16px;
}
div.content em {
  font-style: italic;
}
div.content .section .toctree-wrapper ul {
    margin-bottom: 0;
}

div.content .section .toctree-wrapper ul li {
    list-style-type: disc;
    padding-left: 2em;
    text-indent: -2em;
    margin-top: 0.3ex;
    margin-bottom: 0.3ex;
}
div.content .citation {
  border-left: 1px solid #444;
  font-size: 100%;
  margin: 0.5em;
  background-color: #ddd;
}

div.content .citation td {
  padding: 0.5em;
}

div.content .citation .label {
    font-weight: bold;
    padding-right: 1em;
}

div.content ul {
  margin-left: 0.6em;
  margin-top: 0.3em;
  margin-bottom: 0.em;
}
div.content ul li {
  margin-bottom: 0.2em;
}

div.content dd {
  margin-left: 1.2em;
  margin-top: .4em;
  margin-bottom: 1em;
}

/*---------------------- body text styles -------------------------*/

/* I'd really prefer to suppress Sphinx's <em> insertion by stopping it.*/
div.content a.reference em { font-style: normal; }

div.content .section {
  margin-top: 1.7em;
  margin-bottom: 1.0em;
}

div.content .section p, div.content .section ul, div.content .section ol {
  line-height: 1.6em;
}

/*in-text lists. Not too specific, or the overrides don't work*/
div.content ul {
  margin: 0.5em 2em 0.5em 0.5em;
}
div.content .section ul ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.content .section li {
  margin-bottom: 1ex;
  margin-top: 1ex;
  margin-left: 1em;
}

div.content .section ul li {
  list-style-type: square;
}

div.content .section ol li {
  list-style-type: decimal;
}

div.content .section h1, div.content .section h2, div.content .section h3, div.content .section h4, div.content .section h5, div.content .section h6 {
  margin-left: -1ex;
}

div.content .section:first-child {
  margin-top: 0px;
}
div.content div.highlight {
  padding: 3px;
  background-color: #eeeeec;
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd;
  margin-top: .8em;
  margin-bottom: .8em;
}
div.content .section p, div.content .section blockquote, div.content .section ul, div.content .section ol {
  font-size: 16px;
}
div.content p {
  margin-bottom: 1.5ex;
  margin-top: 1.5ex;
}

div.content blockquote {
  margin-bottom: 0.5ex;
  margin-top: 0.5ex;
  padding: 0.7em 1em 0.3em 1.5em;
  border-left: 1em solid #BBB;
  border-bottom: 3px solid #BBB;
  background-color: #DDD;
}

/*div.content li.toctree-l1 {
  margin-bottom: 1em;
}*/

div.content .descname {
  font-weight: bold;
}

div.content .docutils.literal {
  background-color: #eeeeec;
  padding: 1px;
}

div.content .docutils.xref.literal {
  background-color: transparent;
  padding: 0px;
}

div.content table.footnote .label {
  padding-right: 0.5em;
  font-style: normal;
}
div.content .section .footnote td p {
  max-width: none;
}
/* p elements sometimes appear in the footnotes, adn other times not. this is painful for styling */
div.content table.footnote td, div.content table.footnote td p {
  font-size: 13px ;
  font-style: italic;
}

div.content .caption {
  font-size: .83em ;
  font-style: italic;
  text-align: right;
}

div.content sup, div.content a.footnote-reference {
  font-size: .83em ; vertical-align: super;
}

div.content time {
  font-style: italic;
  text-align: right;
  display: block;
  font-size: 80%;
}
/* Dropdowns */
.dropdown .collapsed {
/*  color: #F00;*/
}

div.dropdown {
  max-width: 100%;
  font-size: .9em;
  text-align: left;
  border-left: 1em solid #333344;
  border-bottom: 1px solid #333344;
  padding-left: 0.3em;
  margin-bottom: 0.3em;
  margin-top: 0.3em;
}

div.dropdown h3 {
  color: #2e3436;
  font-variant: small-caps;
  font-size: 130%;
  margin-bottom: 0;
  margin-top: 0.3em;
}

div.dropdown ul {
  list-style-type: none;
  margin-left: 2em;
}

div.dropdown li.toctree-l1 a {
  display: block;
/*  padding: 1px;
  border: 1px solid #dddddd;
  background-color: #eeeeec;
  margin-bottom: .4em;
  padding-left: 3px;
  color: #2e3436;*/
}

div.dropdown li.toctree-l2 a {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #dddddd;
}

div.dropdown li.toctree-l2:last-child a {
  border-bottom: none;
}

div.dropdown li.current, div.dropdown li.current li.current {
/*  border-right: 5px solid #333344;
  border-top: 1px dashed #333344;
  border-bottom: 1px dashed #333344;*/
  font-weight: bold;
  list-style-type: none;
  font-style: italic;
}

div.dropdown li.current li {
  font-weight: normal;
  font-style: italic;
  list-style-type: none;
}

div.dropdown li.current li.toctree-l2 a {
  border-right: none;
  border-top: none;
  border-bottom: none;
}


/* Footer */

div.footer {
  font-size: .8em;
  background: none;
  padding-top: 10px;
  padding-bottom: 10px;
}

div.footer, div.footer a {
  color: #111111;
}

div.footer .right {
  text-align: right;
  width: 60%
}

div.footer .left {
  text-transform: uppercase;
  width: 35%
  
}


/* Styles copied form basic theme */

/* -- search page ----------------------------------------------------------- */

ul.search {
    margin: 10px 0 0 20px;
    padding: 0;
}

ul.search li {
    padding: 5px 0 5px 20px;
    background-image: url(file.png);
    background-repeat: no-repeat;
    background-position: 0 7px;
}

ul.search li a {
    font-weight: bold;
}

ul.search li div.context {
    color: #888;
    margin: 2px 0 0 30px;
    text-align: left;
}

ul.keywordmatches li.goodmatch a {
    font-weight: bold;
}

/* -- index page ------------------------------------------------------------ */

table.contentstable {
    width: 90%;
}

table.contentstable p.biglink {
    line-height: 150%;
}

a.biglink {
    font-size: 1.3em;
}

span.linkdescr {
    font-style: italic;
    padding-top: 5px;
    font-size: 90%;
}

/* -- general index --------------------------------------------------------- */

table.indextable td {
    text-align: left;
    vertical-align: top;
}

table.indextable dl, table.indextable dd {
    margin-top: 0;
    margin-bottom: 0;
}

table.indextable tr.pcap {
    height: 10px;
}

table.indextable tr.cap {
    margin-top: 10px;
    background-color: #f2f2f2;
}

img.toggler {
    margin-right: 3px;
    margin-top: 3px;
    cursor: pointer;
}

/*--------------bonus points - mobile styling inline ----------*/
@media only screen and (max-device-width: 480px) {
/*    #header a.logo {
        padding-left: 70px;
        background-image: url('/images/logo-64x64.png');
    }*/
}