/*  sans-serif Uses the font Arial for windows browsers and Helvetica for OS X browsers    */





    body {
         font-family: sans-serif;
         font-size: 100%;    /*   makes base-line text 16 pixels = 1em   */
         background-color: #000000;    /*   makes black color background  */
    }

           /*  sets all elements to use box-sizing: border-box   */
    * { 
        -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
            box-sizing: border-box;
    }


 
           /*          makes flexible entire page width up to 960 pixels (60em), 2nd line centers the page in browswers    */

    .page {
         max-width: 60em;
         margin: 0 auto;
   /*    border: 1px solid gray; 
         -webkit-box-shadow: 0 0 4px gray;
         box-shadow: 0 0 4px gray;            */
    }

  



                  /*   makes subtle touch top and bottom padding   */

    .nav-main {

         padding: 0.1em 0em 0.2em 0.2em;

    }


                  /*   (I took out the thin gray border for) Makes these links display all on one line with padding and smaller text size */

    .nav-main li {
         border: ;
         display: inline-block;
         padding: .5em 0.9em .5em 0.9em;
         font-size: .875em
    }


             /*   not in use  -  makes no thin black vertical border for the first link 

    .nav-main li:first-child {
         border-left: 0.2em;
    }
   */


                  /*  first two line reduces left margin for these links and 3rd line removes bullets */

    .nav-ext  {
         margin-left: 0;
         padding-left: 0;
         list-style: none;
    
    }
                /*  reduces default indent for dd  in a defined list */     


    dd     {
         margin-left: 0.5em;
    }



                /*  puts margin in after each dd with dt pair in a defined list */     


    dd + dt {
         margin-top: 1em;
    }



                  /*   makes green top border and thin black bottom border for these links, with subtle touch top and bottom padding   */

    .nav-footer {
         border-top: 3px solid #019443;
         border-bottom: 1px solid gray;
         padding: 0.45em 0 .5em;

    }


                  /*   makes thin black vertical border for these links and displays them all on one line with padding and smaller text size */

    .nav-footer li {
         border-left: 1px solid gray;    
         display: inline-block;
         padding: .5em 1.4em .5em 1.4em;
         font-size: .8125em
    }



     section {
         padding: 1px;

    }



     /*   for displaying on larger screens (not phones)   */

 @media only screen and (min-width: 48em) {










         /*  - end portion that makes flexible heading-main portion of page width up to 1/2 page 480 pixels - desired width divided by containing block width using 480px/960px (960px = 60em) */




            /*  -  makes flexible main portion of page width up to 1/2 page 480 pixels - desired width divided by containing block width using 480px/960px (960px = 60em) */


     main {
         float: left;       
         width: 50%;      
         padding: 2px;
    }


              /*  -  makes flexible sidebar portion of page width up to 480 pixels - desired width divided by containing block width using 480px/960px  */

    .sidebar {
         float: right;        
         width: 50%;       
         padding: 2px;
    }

}



     footer {
         border-top: 1px solid gray;
         padding: 0.5em;
         clear: left;
   }

                  /*   makes green top border and thin black bottom border for these links, with subtle touch top and bottom padding   */

    .nav-footer {
         border-top: 3px solid #019443;
         border-bottom: 1px solid gray;
         padding: 0.45em 0 .5em;

    }


                  /*   makes thin black vertical border for these links and displays them all on one line with padding and smaller text size */

    .nav-footer li {
  /*       border-left: 1px solid gray;    */
         display: inline-block;
         padding-top: .5em;
         padding-botttom: .5em;
         font-size: .8125em
    }


                 /*   makes h1 text about 25% smaller than default for h1    */

     h1 {
         font-size: 1.30em;
 /*        text-indent: 0.5em;   */
         text-align: center;
    }

     h2 {
         font-size: 1em;
         text-indent: 0em; 
     
    }

     h3 {
         font-size: 1em;      
    }


     p {
         margin: 10px;

}
                                 

    .ridge {
         border-style: ridge;
         border-color: orange;   
         padding: 12px;
}

 



/*   makes flexble images be flexible   */
    .post-photo,
    .post-photo-full {
         max-width: 100%;
         border: ;
}


/*   this set of clearfix commands clears floats and makes container height equal to taller of the two floated columns   */
    .clearfix:before,
    .clearfix:after  {
         content: " ";
         display: table;
}

    .clearfix:after  {
         clear: both;
}

    .clearfix  {
         *zoom: 1;
}


                  /*   use this to display a list of images with written captions with no border, all list items on one line with padding and smaller text size   */

    .nav-varieties-image-w-caption li {

         display: inline-block;
         padding: 0em .3em .3em 0em;
         font-size: 0.67em;
         align: center;
    }

                  /*   use this to reduce the left indent   */

    .nav-varieties-image-w-caption {
          margin-left: 0px;
         padding-left: 0;

    }             





                 /*   makes thicker gray border box for each list item and displays them all on one line with padding */


    .nav-boxed-links li {
         border: 2px solid gray;
         display: inline-block;
         padding: .5em 0.8em .5em 0.8em;
         font-size: 0.8em;

         margin-bottom: 0px;
         text-align: center;    
    }

                 /*   use this to reduce the left indent    */

    .nav-boxed-links {
          margin-left: -20px;

    }            







/*          Makes list items have padding  and less indent   */
    .unordered-list-links li { 
          margin-left: 5px;
          padding-left: 0;
          padding: 3px;
    }