/*

    COLORS

*/
:root {
    --navbg:#303440;
    --navbg:rgba(20,30,40,0.9);
    --navbghover:#445;
    --navbghover:rgba(40,60,70,0.9);
    --navbgclick:#a37;
    --nav1bgselect:#815;

    --nav2l1bgselect:#815;
    --nav2l1bghover:#256;

    --nav2l2bgselect:#589;
    --nav2l2bghover:#567;

    --bottomonhover:#fc2;

    --main:#815;

    --mainh1:#345;
    --mainh2:#168;
    --mainh3:#815;
    --mainh4:#999;
    --mainh4:#135;
}


.masthead ul.nav, .sidebar ul.nav, #footer{
    background: var(--navbg);
    color:#ccc;	
}

.masthead ul.nav li{
	border-bottom: 1px solid transparent;
}
.masthead ul.nav li:hover{
	background: var(--navbghover);
	border-bottom: 1px solid var(--bottomonhover);
}
.masthead ul.nav li:active{
	background: var(--navbgclick);
}
.masthead ul.nav li.nav-path-selected{
    background: var(--nav1bgselect);
}

#sbright {
    /* 
    */
    background: #fff;
    box-shadow: -0.3em -0.2em 1em rgba(0,0,0,0.05);
}

#divcontent .nav-justified > li > a{
	color:#678; font-size:200%;
}
.sidebar ul.nav > li > a{
    color: #ccc;
}

/* -- SIDEBAR level 1 -- */

.sidebar ul.nav > .nav-path-selected > a {
    background: var(--nav2l1bgselect);
    color: #f8f8f8;
}
.sidebar ul.nav > li.nav-path-selected > a::before {}

    .sidebar ul.nav > li > a {
        border-color: #444;
    }
    .sidebar ul.nav  li a:hover{
        background: var(--nav2l1bghover);
    }

    /* -- SIDEBAR level 2 -- */

    .sidebar ul.nav li ul {
        background: rgba(255,255,255,0.05);
    }
    .sidebar ul.nav li ul a{
        color:#888;
        color:rgba(255,255,255,0.5);
        text-decoration: none;
    }


    .sidebar ul.nav  li ul li a:hover{
        color:#999;
        color:rgba(255,255,255,0.6);
        background: var(--nav2l2bghover);
    }
    .sidebar ul.nav  li ul li.nav-path-selected{
	background: var(--nav2l2bgselect);
    }



#contentteaser p {
    border-left: 1em solid #55a;
    background: rgba(100,100,100,0.7);
    background: rgba(0,30,40,0.4);
    border-left: 1em solid var(--main);
}

.masthead h1{
    border-radius: 0 0.5em 0 0;
    color:var(--mainh1);
    XXbackground: rgba(255,255,255,0.7);
}
#divmain h2 {  
    color:var(--mainh2);
}
#divmain h3 {
    color:var(--mainh3);
	border-top: 1px dashed #fa2;
}
#divmain h3:before{content: '.:'}
#divmain h3:first-of-type{
	border-top: none;
}

#divmain h4 {
    color:var(--mainh4);
}
#divmain h4:before{}

#footer, #footer a{ border-bottom: 2px solid transparent; color: #a9a; color: rgba(220,200,220,0.5); transition: all 1s;text-decoration: none; }
#footer a:hover{ border-bottom-color: var(--bottomonhover); color: #ddd;}

a{color: #0556a7;}
pre, .dp-highlighter{
    background: linear-gradient(to right,#f4f4f8,#d1e1e5);
    box-shadow: none;
	border: 0px solid rgba(0,0,0,0.05);
    color: #456;
}
pre strong{
    color:#949;
	background:#feb;
}