/**
 * Sphinx stylesheet -- default theme
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

@import url("basic.css");

/* -- page layout ----------------------------------------------------------- */

body {
    font-family: sans-serif;
    font-size: 100%;
    background-color: #11303d;
    color: #000;
    margin: 0;
    padding: 0;
}

div.document {
    background-color: #1c4e63;
}

div.body {
    background-color: #ffffff;
    color: #000000;
    padding: 0 20px 30px 20px;
}
div.bodywrapper {
    margin: 0 230px 0 0;
}

div.footer {
    color: #ffffff;
    width: 100%;
    padding: 9px 0 9px 0;
    text-align: center;
    font-size: 75%;
}

div.footer a {
    color: #ffffff;
    text-decoration: underline;
}

div.related {
    background-color: #133f52;
    line-height: 30px;
    color: #ffffff;
}

div.related a {
    color: #ffffff;
}

div.sphinxsidebar {
    top: 30px;
    margin: 0;
    position: fixed;
    overflow: auto;
    height: 100%;
    float: right;
    right: 0;
}
/* this is nice, but it it leads to hidden headings when jumping
   to an anchor */
/*
div.related {
    position: fixed;
}

div.documentwrapper {
    margin-top: 30px;
}
*/

div.sphinxsidebar h3 {
    font-family: 'Trebuchet MS', sans-serif;
    color: #ffffff;
    font-size: 1.4em;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

div.sphinxsidebar h3 a {
    color: #ffffff;
}

div.sphinxsidebar h4 {
    font-family: 'Trebuchet MS', sans-serif;
    color: #ffffff;
    font-size: 1.3em;
    font-weight: normal;
    margin: 5px 0 0 0;
    padding: 0;
}

div.sphinxsidebar p {
    color: #ffffff;
}

div.sphinxsidebar p.topless {
    margin: 5px 10px 10px 10px;
}

div.sphinxsidebar ul {
    margin: 10px;
    padding: 0;
    color: #ffffff;
}

div.sphinxsidebar a {
    color: #98dbcc;
}

div.sphinxsidebar input {
    border: 1px solid #98dbcc;
    font-family: sans-serif;
    font-size: 1em;
}

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

a {
    color: #355f7c;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

div.body p, div.body dd, div.body li {
    text-align: justify;
    line-height: 130%;
}

div.body h1,
div.body h2,
div.body h3,
div.body h4,
div.body h5,
div.body h6 {
    font-family: 'Trebuchet MS', sans-serif;
    background-color: #f2f2f2;
    font-weight: normal;
    color: #20435c;
    border-bottom: 1px solid #ccc;
    margin: 20px -20px 10px -20px;
    padding: 3px 0 3px 10px;
}

div.body h1 { margin-top: 0; font-size: 200%; }
div.body h2 { font-size: 160%; }
div.body h3 { font-size: 140%; }
div.body h4 { font-size: 120%; }
div.body h5 { font-size: 110%; }
div.body h6 { font-size: 100%; }

a.headerlink {
    color: #c60f0f;
    font-size: 0.8em;
    padding: 0 4px 0 4px;
    text-decoration: none;
}

a.headerlink:hover {
    background-color: #c60f0f;
    color: white;
}

div.body p, div.body dd, div.body li {
    text-align: justify;
    line-height: 130%;
}

div.admonition p.admonition-title + p {
    display: inline;
}

div.note {
    background-color: #eee;
    border: 1px solid #ccc;
}

div.seealso {
    background-color: #ffc;
    border: 1px solid #ff6;
}

div.topic {
    background-color: #eee;
}

div.warning {
    background-color: #ffe4e4;
    border: 1px solid #f66;
}

p.admonition-title {
    display: inline;
}

p.admonition-title:after {
    content: ":";
}

pre {
    padding: 5px;
    background-color: #eeffcc;
    color: #333333;
    line-height: 120%;
    border: 1px solid #ac9;
    border-left: none;
    border-right: none;
}

tt {
    background-color: #ecf0f3;
    padding: 0 1px 0 1px;
    font-size: 0.95em;
}

div.mainbody {
  background-color: #ffffff;
  color: #000000;
  padding: 0 20px 30px 20px;
  background-image: url(grad1.jpg);
  background-repeat: repeat-x;
}

div.maintitle { 
  padding-top: 15px;
  font-size: 29px;
  text-align: center;
  font-weight: bold;
}

div.maindescription {
  font-size: 19px;
  font-weight: bold;
}

div.maindescription p {
  text-align: center;
  color: gray;
}

ul.mainlinks {
  margin: 0;
  list-style-type: none;
}

ul.mainlinks li {
  display: inline;
}

ul.mainlinks li a {
  float: left;
  padding: 15px;
  text-decoration: none;
}

ul.mainlinks li a span {
    display: block;
    text-align: center;
}

ul.mainlinks li a span.linktitle {
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 15px;
}

ul.mainlinks li a span.linkdesc {
    font-size: 10px;
    display: block;
    padding-top: 10px;
}

div.testimonials {
  margin: 0 auto;
  width: 690px;
  text-align: center;
}

.creatorandusers { 
  margin: 40px auto 0;
  width: 710px;
}

.sectiontitle { 
  float: left;
  text-align: right;
  width: 200px;
  font-size: 24px;
}

.sectioncontent { 
  float: right;
  width: 460px;
  font-size: 18px;
  line-height: 140%;
}

.sectionlogos { 
  margin: 10px auto 0;
  width: 410px;
}

.sectionlogos a {
  padding: 10px;
}

/* AVAILABLE-COLORS
 * The set of colors understood by docutils.
 */

.maroon  { color: maroon; }
.red     { color: red; }
.magenta { color: magenta; }
.fuchsia { color: fuchsia; }
.pink    { color: #FAA; }
.orange  { color: orange; }
.yellow  { color: yellow; }
.lime    { color: lime; }
.green   { color: green; }
.olive   { color: olive; }
.teal    { color: teal; }
.cyan    { color: cyan; }
.aqua    { color: aqua; }
.blue    { color: blue; }
.navy    { color: navy; }
.purple  { color: purple; }
.black   { color: black; }
.gray    { color: gray; }
.silver  { color: silver; }
.white   { color: white; }