/* Don't have green background quite right
   green:008000 is close but so is ForestGreen:228822 */
body {
    background-image:url("images/gradientswirlgreenlong.jpg");
    background-color:#23831F;  /* rgb(35,13,31) */
    background-repeat:repeat-y;
    margin-left:145px; /* size of white space outside border; no color */
    margin-right:145px;
    margin-bottom:145px;
    color:white;
}

a:link {
    /* color:#ff00ff; */
    color:cyan;
}

a:visited {
    color:silver;
}

a:hover {
    color:red;
}

a:active {
    color:white;
}

font {
    color:white;
}

h1,h2,h3,h4,h5,h6 {
    color:yellow;
}

p {
}

/* Date tag in the upper right */
p#date {
    text-align:right;
    margin-right:0%;
    color:white;
}


/* Handle links in header lines */
a:link#header {
    color:yellow;
}

a:visited#header {
    color:yellow;
}

/* Page title */
h1#title {
    color:yellow;
    text-align:center;
}

/* Menu properties */
body#menu {
    margin-right:125px;
    margin-bottom:10px;
    margin-top:10px;
    text-align:center;
}

/* class selector (beginning with .)selects elements with a specific class attribute (e.g., .center) */

/* Simple Pure CSS Drop Down Menu; https://codepen.io/philhoyt/pen/ujHzd */
/* always on top: http://stackoverflow.com/questions/16909653/make-my-css-menu-stay-on-top-of-the-screen */
#primary_nav_wrap
{
    margin-top:0;
    margin-left:-135px; /* undo body margin */
    position: fixed; /* make it stick, even on scroll */
    width: auto; /* 100%; */
    z-index:1000; /* float */
    background:silver;
    /* overflow: auto; */ /* Enable scrolling if the sidenav has too much content */
}

#primary_nav_wrap ul
{
    list-style-type:none; /* no bullets */
    position:relative;
    float:left;
    margin:0;
    padding:0;
    font-weight:700; /* if at 'ul a' below, only anchors */
    line-height:32px;
    font-size:16px;
    border: 1px solid white;
    color: black; /* undo global page color */
}

#primary_nav_wrap ul a
{
    display:block;
    color:darkblue;
    text-decoration:none;
    padding:0 15px; /* controls box fill on color */
    /* font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif */
}

#primary_nav_wrap ul li
{
    position:relative;
    /* float:left; */ /* would make horizontal if uncommented */
    margin:0;
    padding:0;
    border-bottom: 1px solid white;
}

#primary_nav_wrap li.last-child
			 {
			     border-bottom: none;
			 }

    

#primary_nav_wrap ul li.current-menu-item
{
    background:darkblue; /* #ddd */
    color:silver; /* inverse */
}

/* https://css-tricks.com/including-navigation-code-on-all-pages-even-with-current-navigation-highlighting/ */
#personal .personal, #photos .photos, #recipes .recipes, #visitors .visitors
{
    background:darkblue; /* #ddd */
    color:silver;
}

#primary_nav_wrap ul li:hover
{
    background:gray; /* #f6f6f6; */
    /* color:white; */ /* changes non-anchor text */
}

#primary_nav_wrap ul ul
{
    display:none;
    position:absolute;
    top:0; /* 100% displaces it down when level */
    /* left:0; */ /* dropdown */
    left:100%; /* appear to right, exactly */
    background:silver; /* lightgray or #fff; */
    padding:0;
}

#primary_nav_wrap ul ul li
{
    float:none;
    width:200px;
}

#primary_nav_wrap ul ul a
{
    line-height:120%;
    padding:6.5px 15px; /* need first padding; 10px very large; 6.5px exact */
}

#primary_nav_wrap ul ul ul
{
    top:0;
    left:100%;
}

#primary_nav_wrap ul li:hover > ul
			      {
				  display:block;
			      }