/*
//  *********************************************************
//  ****                                                  ***
//  ****    created by and copyright to Nicky Ellakirk    ***
//  ****    wicked developments, 2016, nicky@ck26.net     ***
//  ****                                                  ***
//  *********************************************************
*/ 

/* nav bar styling */
/* special case: activestyle for currently active page in the nav bar */
ul.nav-bar .activestyle {
    color:#000000;
    background-color:#00FF08;
    padding:6px 10px;
    display:block;
    border-radius:4px;
    box-shadow: 0px 0px 2px 2px #000000 inset;
}
/* styling for the button */
.mob-nav-button a {
    color:#00FF08;
}
.mob-nav-button {
    text-align:center;
    color:#00FF08;
    background-color:#000000;
    padding:6px 10px;
    display:block;
    border-radius:4px;
    border-style:solid;
    border-color:#00FF08;
    border-width:4px;
    margin-bottom:5px;
}

ul.nav-bar {
    margin:2px 0px 12px 0px;
    padding: 0;
    display:none;
    list-style: none;
    overflow: hidden;
}

ul.nav-bar li {
    float: none;
    text-align:center;
}

.mob-nav:hover ul.nav-bar {
    display:block;
}

@media only screen and (min-width: 550px) {
    .mob-nav-button {
        display:none;
    }
    ul.nav-bar {
        display:block;
        border:none;
        padding:0;
        width:775px;
    }
    ul.nav-bar li {
        float: left;
        margin: 0 4px;
    }
}


ul.nav-bar a {
    padding:6px 10px;
    display:block;
    border-radius:4px;
}


/* unvisited link */

ul.nav-bar a:link {
	color:#00FF08;
	text-decoration:none;
}

/* visited link */

ul.nav-bar a:visited {
	color:#00FF08;
}

/* mouse over link */

ul.nav-bar a:hover {
	color:#000000;
	background-color:#00FF08;
    box-shadow: 0px 0px 2px 2px #000000 inset;
}

/* color while clicking link */

ul.nav-bar a:active {
	color:#C9FFCB;
	background-color:#00FF08;
}
/* end of nav bar */

/* general links */
/* unvisited link */
a {
    padding:3px;
    border-radius:3px;
}
a:link {
	color:#BFBFBF;
	text-decoration:none;
}

/* visited link */

a:visited {
	color:#BFBFBF;
}

/* mouse over link */

a:hover {
	color:#000000;
	background-color:#00FF08;
    box-shadow: 0px 0px 2px 2px #000000 inset;
}

/* color while clicking link */

a:active {
	color:#C9FFCB;
	background-color:#00FF08;
}