source: trunk/docs/_static/default.css @ 220

/*
 * default.css_t
 * ~~~~~~~~~~~~~
 *
 * Sphinx stylesheet -- default theme.
 *
 * :copyright: Copyright 2007-2011 by the Sphinx team, see AUTHORS.
 * :license: BSD, see LICENSE for details.
 *
 */

@import url("basic.css");

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

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    background-color: #ffffff;
    color: #000;
    margin: 0;
    padding: 0;
}

div.document {
    background-color: white;
}

div.documentwrapper {
    float: left;
    width: 100%;
    background:#707070;
 }

div.bodywrapper {
    margin: 0 0 0 230px;

}

div.body {
background:#FFFFFF;
    color: #333333;
    padding: 10px 20px 20px 20px;
}
div.bodywrapper {
    margin: 1em 25% 1em 1em;
}

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

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

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

div.related a {
        margin: 0 0 10px 10px;
    color: #ffffff;
}

div.sphinxsidebar {
    float: right;
    
}

/* -- Custom Sidebar styles ----------------------------------------------------------- */

.categories{
        background: #563404;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee920c', endColorstr='#ffcd0b'); /* for IE */
        background:-webkit-gradient(linear, left top, left bottom, from(#ee920c), to(#ffcd0b)); /* for webkit browsers */
        background:-moz-linear-gradient(top,  #ee920c,  #ffcd0b); /* for firefox 3.6+ */
        font-size: 1.3em;
        width: 98%;
        margin-bottom: 10px;
        border:0;
        padding:1%;
        text-shadow: 1px 1px 1px #E0E0E0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}

.twitts, .donate, #searchbox {
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background: -moz-linear-gradient(center top , #FFFFFF, #FFCD0B) repeat scroll 0 0 transparent;
    border: 0 none;
    height: auto;
    margin-bottom: 10px;
    padding: 1%;
    width: 98%;
}



/* -- End Custom Sidebar styles ----------------------------------------------------------- */

div.sphinxsidebar h1, .donate h1, .twitts h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #663e05;
    font-size: 1.4em;
    font-weight: normal;
    margin: 0;
    padding: 0;
    margin:10px 0 10px 10px;
}

div.sphinxsidebar h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #663e05;
    font-size: 1.4em;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

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

div.sphinxsidebar h4 {
    font-family: 'Verdana, Arial, Helvetica, sans-serif';
    color: #663e05;
    font-size: 1.3em;
    font-weight: normal;
    margin: 5px 0 0 0;
    padding: 0;
}

div.sphinxsidebar p {
    color: #333333;
}

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

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

div.sphinxsidebar a {
    color: #333333;
}


div.sphinxsidebar a p.version{
color:#FFFFFF;
text-shadow: none;
margin:0 0 10px 10px ;
padding:0;
}

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



/* -- hyperlink styles ------------------------------------------------------ */

a {
    color: #ffac59;
    text-decoration: none;
}

a:visited {
    color: #ffac59;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}



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

div.body h1,
div.body h2,
div.body h3,
div.body h4,
div.body h5,
div.body h6 {
    font-family: 'Verdana, Arial, Helvetica, sans-serif';
    background-color: #ffffff;
    font-weight: normal;
    color: #663e05;
    margin: 20px -20px 10px -20px;
    padding: 3px 0 3px 10px;
}

div.body h1 {
        font-size: 1.4em;
        font-family:Verdana;
        margin: 10px 0 0 0;
        padding:0;
         }
div.body h2 { font-size: 120%; }
div.body h3 { font-size: 100%; }
div.body h4 { font-size: 90%; }
div.body h5 { font-size: 80%; }
div.body h6 { font-size: 70%; }

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.admonition p {
    margin-bottom: 5px;
}

div.admonition pre {
    margin-bottom: 5px;
}

div.admonition ul, div.admonition ol {
    margin-bottom: 5px;
}

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;
}

th {
    background-color: #ede;
}

.warning tt {
    background: #efc2c2;
}

.note tt {
    background: #d6d6d6;
}

.viewcode-back {
    font-family: sans-serif;
}

div.viewcode-block:target {
    background-color: #f4debf;
    border-top: 1px solid #ac9;
    border-bottom: 1px solid #ac9;
}

/*  Custom Menu Bar ---------------------------------------- */

ul.topnav {
        position:relative;
        top:0;
        left:0;
        list-style: none;
        padding: 0 ;    
        margin: 0;
        float: left;
        width: 100%;
        height:40px;
        background: #563404;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#563404', endColorstr='#663e05'); /* for IE */
background:-webkit-gradient(linear, left top, left bottom, from(#563404), to(#663e05)); /* for webkit browsers */
background:-moz-linear-gradient(top,  #563404,  #663e05); /* for firefox 3.6+ */
        font-size: 1.2em;
}
ul.topnav li {
        float: left;
        margin: 0;      
        padding: 0 15px 0 0;
        position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
        padding: 9px 10px 10px 20px;
        color: #fff;
        display: block;
        text-decoration: none;
        float: left;
        
}
ul.topnav li a:hover{
        background: transparent;
        color:#ffcd0b;
}
ul.topnav li span { /*--Drop down trigger styles--*/
        width: 17px;
        height: 35px;
        float: left;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
        list-style: none;
        position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
        left: 20px; top: 35px;
        margin: 0; padding: 0;
        display: none;
        float: left;
        width: 170px;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border: 1px solid #663e05;
        z-index:1000000;
        

}
ul.topnav li ul.subnav li{
        margin: 0; padding: 0;

        clear: both;
        width: 125px;
}
html ul.topnav li ul.subnav li a {
                font-size:.8em;
        float: left;
        width: 155px;
        background: #663e05;
        padding:3px 5px 3px 10px ;

}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
 
}

/*  Custom Header ---------------------------------------- */

#wrapper { 
 margin: 0;
 padding: 0;
 width: 100%;
}

#myheader {
 color: #333;
 width: 100%;
 height: 180px;
 margin: 0;
 background: #FFFFFF ;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#fff196'); /* for IE */
background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#fff196)); /* for webkit browsers */
background:-moz-linear-gradient(top,  #FFFFFF, #fff196  ); /* for firefox 3.6+ */
}

.hleft{
float:left;
margin:0;
width:380px;
height:180px;
background:url(images/zoo-title.png) no-repeat;}

h1.title{width:290px;position:relative;top:102px;left:15px;font-size:1.4em;letter-spacing:2px;color:#727272;text-transform:uppercase;padding:5px;
 background:#999999;font-weight:normal;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#bbbbbb'); /* for IE */
background:-webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#bbbbbb)); /* for webkit browsers */
background:-moz-linear-gradient(top,  #e0e0e0,  #bbbbbb); /* for firefox 3.6+ */
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -webkit-border-radius: 5px;
                border: 1px solid #d4d4d4;
                text-align:center;
                text-shadow: 1px 1px 1px #E0E0E0;
}

.orange{color:#ffaa17;display:block;padding:5px;}

.hright{
float:right;
margin:0;
width:533px;
background:url(images/zoo-banner.png) no-repeat;
height:180px;
}

/*  Custom Footer ---------------------------------------- */

#footer { 
        clear:both;
 width:99.99%;
 color: #333;
 background: #ffcd0b;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd0b', endColorstr='#ee920c'); /* for IE */
background:-webkit-gradient(linear, left top, left bottom, from(#ffcd0b), to(#ee920c)); /* for webkit browsers */
background:-moz-linear-gradient(top,  #ffcd0b, #ee920c  ); /* for firefox 3.6+ */
 margin: 0;
 padding: 0;
}

#footer p{
        padding: 0;
        text-align: center;
        margin: 0;
}

#footer a{
        color: #563404;
        font-weight: bold;
        font-size: 14px;
        text-decoration: none;
}

#footer .icon{
        display: none;
}

#footer div{
        text-align: center;
}


#footer .menuContainer{
width: 750px; margin-left: auto; margin-right: auto;
}

#footer .menuItemList{
        margin-top: 1em;
        float: left;
        padding-left: 1em;
        padding-right: 1em;
        border-left: 1px dashed #563404;;
}

#footer .menuItemList a{
        font-weight: normal;
}