a {
    color:#a07801;
}
#content {
    font-size: 1.3em;
}

.cree {
    font-family: "BJCree UNI", "Aboriginal Sans", Helvetica, Arial !important;
    font-size:120%;
}

.entry-header .page-header {
    text-align: right;
}
.sidebar ul {

    list-style: none;
    padding-left: 1em;
}
.sidebar ul.children {
    display:none;
    transition: display 5s ease 5ms;
}
.sidebar li.current_page_ancestor > ul.children, .sidebar li.current_page_item > ul.children {
    display:block;

}
li.page_item {
    position: relative;

}
.sidebar ul.children >li +li{
    margin-top: 2px;
    margin-left: 0;
}
.sidebar li.page_item > a{
    display:inline-block !important;
    font-size:1.1em;
    color: #888;
}
.sidebar li.current_page_ancestor > a, .sidebar li.current_page_item > a{
    color:#a07801;
}
.sidebar li.page_item > span.btn{
    display: none;
}
.sidebar li.page_item_has_children >span.btn, .sidebar li.list-item_has_children >span.btn{
    display: inline-block;
}
.sidebar li.page_item > span.btn {
    position: absolute;
    top:-1px;
    right: 0;
    text-align: right;
    transition: transform .25s ease;
    transform-origin: center center;
}
.sticky-sidebar {
    position:fixed !important;
    height:90vh;
    top:75px;
    /*overflow: scroll;*/
}
.sticky-sidebar > ul {
    height: 75vh;
    overflow: scroll;
}


#footer {
    position: fixed;
    bottom: 0;
    min-height: 30px;
    width: 100%;
    margin-top: 2em;
    background:rgba(255,255,255,0.9);
}
#header {
    position: relative;

    background:rgba(0,0,0,0.1);
    transition: background-image 5s ease;

}
#main {
    top:-20px;
}
.home > div.nav {
    display: none;
}
#content{
    padding-top:30px ;
    padding-bottom:30px ;
    transition: width 2s, left 2s;
    -webkit-transition:  width 2s;
    -moz-transition:  width 2s;
    ;
}
#sidenav{
    -webkit-transition: display 2s;
    -moz-transition: display 2s;
    -ms-transition: display 2s;
    -o-transition: display 2s;
    transition: display 5s;
    transition: width 5s;

}
#topOfPageLink {
    position:fixed; right:1px; bottom:5vh;
    -webkit-transition: display 5s;
    -moz-transition: display 5s;
    -ms-transition: display 5s;
    -o-transition: display 5s;
    transition: display 8s;
    display: none;
}
#page-navigator {
    position: fixed;
    right:1px;
    top: 45vh;
    background-color: rgba(255,255,255,0.7);
    max-width: 13vw;
    transition: top 2s;
}
/* MULTI-LEVEL DROPDOWNS FOR ROOTS  from http://imdev.in/twitter-bootstrap-multi-level-dropdown-menu-system/ */

.bg-primary .dropdown-menu {
    background-color: #a07801/*rgba(160,120,0,0.8);*/
}

 li:hover > .dropdown-menu, .dropdown-menu:hover {
    visibility: visible;
    display: block;
}
section,iframe{
    min-height:75vh;
}
iframe {
    border: 0;
    height: 100vh;
    position: relative;
    width: 100vw;
}
table caption {
    caption-side: top;
    background-color: #eee;
    text-align: center;
}
/* end of css */




.transparent-70 { filter:alpha(opacity=70); opacity: 0.7}
.black-inset {
    background-color:#000;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(#111));
    background-image: -webkit-linear-gradient(bottom, #000, #111);
    background-image: -moz-linear-gradient(bottom, #000, #111);
    background-image: -ms-linear-gradient(bottom, #000, #111);
    background-image: -o-linear-gradient(bottom, #000, #111);
    background-image: linear-gradient(bottom, #000, #111);
    color:#fff;
    border-bottom:1px solid #000;

    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
}




.clickable { cursor:pointer; cursor:hand;}