/*** setup ***/
html { background:#EEEEEC; color: #575955;}
body { font:16px/1.5 Verdana,sans-serif; color: white;}
#header {
    background: #4877B1; color: white;
    padding: 4px 0 12px 0; text-align: left;

    /* for IE */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=' #6F9DCD', endColorstr='#4877B1');
    /* for webkit browsers */
    background: -webkit-gradient(linear, left top, left bottom, from( #6F9DCD), to(#4877B1));
    /* for firefox 3.6+ */
    background: -moz-linear-gradient(top,   #6F9DCD,  #4877B1);
}

#header h1 a { color: #EEEEEC; margin-left: 1em}
#columnwrap {
    background: #EEEEEC; color: black;
    /*background-image: url("agora-grey-large.png");*/
    background-position: bottom right;
    background-repeat: no-repeat;
    overflow: hidden;
    width: 85%;
    margin: 0 auto;
}
#footer {
    background-color: #BABDB6; font-size:80%;
    padding-top: 0.75em; text-align:center;
    padding-bottom: 0.75em;
}

.info{
    overflow: hidden;
}

.error, .errorlist{
    color: #ef2929;
    display: block;
}



.whitebox{
    font: 14px/140% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    font-weight: lighter;
    background: #EEEEEC;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeec', endColorstr='#d3d7cf');
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeec), to(#d3d7cf));
    background: -moz-linear-gradient(top,  #eeeeec,  #d3d7cf);
    border: solid 1px #888A85;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:0px;
    -moz-border-radius-topleft:0;
    -moz-border-radius-topright:10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius:0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 10px;
    float: left;
    padding: 10px;
    margin-top: 1em;
    margin-bottom: 1em;
}

#copyright {margin-left: 1em;}
#agora-logo{float: right; margin-right: 1em}

#content-main{
    float: left;
    overflow: hidden;
    width: 60%;
}

#content-related{
    float: right;
    overflow: hidden;
    width: 30%;
}

/*** links ***/
a {text-decoration: none;}
a img {border: none;}
a:link    {color: #3465A4; text-decoration: none;}
a:active  {color: #204a87; text-decoration: none;}
a:visited {color: #CE5C00; text-decoration: none;}
a:hover   {color: #729FCF; text-decoration: none;}
h2 a, h3 a, h4 a { text-decoration:none !important; }
a.reference em { font-style: normal; }

/*** nav ***/
#nav-top {height: 0.85em; background:#F8BF69; width: 100%; position: absolute;}
#nav-bot {height: 0.85em; background:#FCAF3E; width: 100%; position: absolute;}
#nav-main{position: relative; z-index: 1; height: 0.85em;}
#nav{
    margin: 0; font-size: 12px; text-align: right;
    font-weight: normal; width: 100%;
    font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    float: left; }

#nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav li {display: inline;}

#nav li a{
    padding:0em 3em 0.2em 3em;
    color: #6A6354;
    text-decoration:none;
    border-left: solid 1px  #F57900;
}

#nav li a.first{
    border-left: none;
}

#header div.nav { margin-top: -27px; }
#footer div.nav { margin-bottom: -18px; }



/*** basic styles ***/

dd { margin-left:15px; }
h1,h2,h3,h4 {
    color:#555753;
    margin-top:1em;
    font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; 
    font-weight:normal;
}

h1 { font-size:218%; margin-bottom:.4em; line-height:1.1em; }
h2 { font-size:175%; margin-bottom:.6em; line-height:1.2em; font-weight:bold;}
h3 { font-size:150%; font-weight:normal; margin-bottom:.2em; text-align:left;}
h4 { font-size:125%; font-weight:bold; margin-top:1.5em; margin-bottom:3px; }
div.figure { text-align: center; }
div.figure p.caption { font-size:1em; margin-top:0; margin-bottom:1.5em; color: #555;}
hr { color:#ccc; background-color:#ccc; height:1px; border:0; }
p, ul, dl { margin-top:.6em; margin-bottom:1em; padding-bottom: 0.1em; text-align: left;}
caption { font-size:1em; font-weight:bold; margin-top:0.5em; margin-bottom:0.5em; margin-left: 2px; text-align: center; }
blockquote { padding: 0 1em; margin: 1em 0; font:125%/1.2em "Trebuchet MS", sans-serif; border-left:2px solid; } 
strong { font-weight: bold; }
em { font-style: italic; }
ins { font-weight: bold; text-decoration: none; }


/*** lists ***/
/*
ul { padding-left:30px; }
ol { padding-left:30px; }
ol.arabic li { list-style-type: decimal; }
ul li { list-style-type:square; margin-bottom:.4em; }
ol li { margin-bottom: .4em; }
ul ul { padding-left:1.2em; }
ul ul ul { padding-left:1em; }
ul.linklist, ul.toc { padding-left:0; }
ul.toc ul { margin-left:.6em; }
ul.toc ul li { list-style-type:square; }
ul.toc ul ul li { list-style-type:disc; }
ul.linklist li, ul.toc li { list-style-type:none; }
dt { font-weight:bold; margin-top:.5em; font-size:1.1em; }
dd { margin-bottom:.8em; }
ol.toc { margin-bottom: 2em; }
ol.toc li { font-size:125%; padding: .5em; line-height:1.2em; clear: right; }
ol.toc li.b { background-color: #E0FFB8; }
ol.toc li a:hover { background-color: transparent !important; text-decoration: underline !important; }
ol.toc span.release-date { color:#487858; float: right; font-size: 85%; padding-right: .5em; }
ol.toc span.comment-count { font-size: 75%; color: #999; }
*/

/*** tables ***/
/*
table { color:#000; margin-bottom: 1em; width: 100%; }
table.docutils td p { margin-top:0; margin-bottom:.5em; }
table.docutils td, table.docutils th { border-bottom:1px solid #dfdfdf; padding:4px 2px;}
table.docutils thead th { border-bottom:2px solid #dfdfdf; text-align:left; font-weight: bold; white-space: nowrap; }
table.docutils thead th p { margin: 0; padding: 0; }
table.docutils { border-collapse:collapse; }
*/

/*** code blocks ***/
/*
.literal { white-space:nowrap; }
.literal { color:#234f32; }
#sidebar .literal { color:white; background:transparent; font-size:11px; }
h4 .literal { color: #234f32; font-size: 13px; }
pre { font-size:small; background:#E0FFB8; border:1px solid #94da3a; border-width:1px 0; margin: 1em 0; padding: .3em .4em; overflow: hidden; line-height: 1.3em;}
dt .literal, table .literal { background:none; }
#bd a.reference { text-decoration: none; }
#bd a.reference tt.literal { border-bottom: 1px #234f32 dotted; }
*/

/* Restore colors of pygments hyperlinked code */
/*
#bd .highlight .k a:link, #bd .highlight .k a:visited { color: #000000; text-decoration: none; border-bottom: 1px dotted #000000; }
#bd .highlight .nf a:link, #bd .highlight .nf a:visited { color: #990000; text-decoration: none; border-bottom: 1px dotted #990000; }
*/

/*** notes & admonitions ***/
/*
.note, .admonition { padding:.8em 1em .8em; margin: 1em 0; border:1px solid #94da3a; }
.admonition-title { font-weight:bold; margin-top:0 !important; margin-bottom:0 !important;}
.admonition .last { margin-bottom:0 !important; }
.note, .admonition { padding-left:65px; background:url(docicons-note.png) .8em .8em no-repeat;}
div.admonition-philosophy { padding-left:65px; background:url(docicons-philosophy.png) .8em .8em no-repeat;}
div.admonition-behind-the-scenes { padding-left:65px; background:url(docicons-behindscenes.png) .8em .8em no-repeat;}
*/

/*** versoinadded/changes ***/
/*
div.versionadded, div.versionchanged {  }
div.versionadded span.title, div.versionchanged span.title { font-weight: bold; }
*/

/*** p-links ***/
/*
a.headerlink { color: #c60f0f; font-size: 0.8em; padding: 0 4px 0 4px; text-decoration: none; visibility: hidden; }
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; }
*/

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

/*e** page-specific overrides ***/
/*
div#contents ul { margin-bottom: 0;}
div#contents ul li { margin-bottom: 0;}
div#contents ul ul li { margin-top: 0.3em;}
*/

/*** IE hacks ***/
* pre { width: 100%; }