body {
	font-family: verdana, arial, sans-serif;
	margin-left: 1%; 
	margin-right: 1%; 
	color:black;
	background:rgb(251,251,251);
	}

.bob {color: white;
	}

UL { background: white; margin: 5; padding: 5;
	}

table, th, td {
  padding: 10px 10px 0px 10px; 
border-collapse: collapse;
	}

p.ex1 {
  margin-left: 300px;
}

p.ex2 {
  margin-right: 10px;
}


nav ul{overflow-y:scroll;}

                   
a { text-decoration: none 
	}

blockquote.bob { font-style: italic
	}


div.box { border: none; border-width: thin; width: 100% 
	}

div.color {    background: rgb(251,251,251);
               padding: 0.5em;
               border: none;
             }

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}


em { font-style: italic; font-weight: bold; 
	}

h1 { 	font-size: 40px; 
	font-family: Papyrus, Verdana, Times New Roman, sans-serif; 
  	font-style: italic;
	text-shadow: 2px 2px red;
	hsl(0, 100%, 70%);
 	}

H1.Bob { color: white;
	}

h2 { margin-top: 2em; margin-bottom: 2em; color: white; font-family: Verdana, Times New Roman, sans-serif; 
	}

h2 { font-size: 150%; background-image: url(raquelwelch8.jpg)
	}

h3.jim { font-size: 150%; color: #0000a0; font-style: italic;
	}

h3 { padding-left: .5em; color: #0100a0; font-size: 150%; text-shadow: 2px 2px #848287;
	}

p { text-indent: 2em; margin-top: 0; margin-bottom: 0; 
	}

<style>
  p {
    color: black;
  }
  .paragraph1 {
    font-size: 18px;
  }
  .paragraph2 {
    font-size: 13px;
  }

p.indent { text-indent: 0; margin-left: 2em; 
	}

p.special { text-indent: 0; color: black; border: solid white; width: 70%;
	}

p.changed {
             padding-left: 0.2em;
             border-left: solid;
             border-right: none;
             border-top: none;
             border-bottom: none;
             border-left-width: thin;
             border-color: red;
           }



pre { font-family: monospace; 
	}


strong { color: black; font-weight: bold; 
	}

repeat; word-spacing: 0em; border-style: none; text-indent: 3pt: verdana, sans-serif;
           background: rgb(75,141,132);
           border-width: 5;
           border-color: black;
           padding: 1em
         }

/* th { font-family: sans-serif; background: 94c6c7 rgb(148,198,199)}
td { font-family: sans-serif; background: rgb(148,198,199)} */

<p>

 /* Link colors don't work here */
<style>a:link {color: #FF0000}  
a:visited {color: #FF0000}
a:active {color: #FF0000}
a:hover {color: #FF0000}</style>

 /* a:link for unvisited links */
 /* a:visited for visited links */
 /* a:active when a link is clicked */
 /* a:hover when mouse is over link */

div {
  position: relative;
  display: inline;
}
.imtip {
  position: absolute;
  bottom: 0;
  right: 0;
}

 /* These would be in the HTML file itself with the Style Type thing.</p> */

<style type="text/css">
           pre { color: green; background: white; font-family: monospace; }
         </style>

<style type="text/css">
           body { margin-left: 10%; margin-right: 10%; }
           h1 { margin-left: -8%;}
           h2,h3,h4,h5,h6 { margin-left: 0%; }
         </style>

<style type="text/css">
           body { color: black; background: white; }
           pre { color: green; font-family: monospace; }
         </style>

#respond {
  margin-top: 40px;
}

#respond input[type='text'],
#respond input[type='email'], 
#respond textarea {
  margin-bottom: 10px;
  display: block;
  width: 50%;

  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;

  line-height: 1.4em;
}
#posts-list.has-comments li.no-comments {
  display: none;


 /*  */
 /*  */
 /* POPUP CODE */

.popup { 
    display: none; /* Hidden by default */ 
    position: fixed; /* Stay in place */ 
    z-index: 1000; /* Sit on top */ 
    left: 0; 
    top: 0; 
    width: 100%; /* Full width */ 
    height: 100%; /* Full height */ 
    background-color: rgba(0, 0, 0, 0.7); /* Black background with opacity */ 
    justify-content: center; /* Center the image horizontally */ 
    align-items: center; /* Center the image vertically */ 
} 
 
.popup-image { 
    max-width: 80%; /* Responsive image */ 
    max-height: 80%; 
    border-radius: 8px; /* Optional: rounded corners */ 
} 
 
.close { 
    position: absolute; /* Position the close button */ 
    top: 20px; /* Distance from the top */ 
    right: 30px; /* Distance from the right */ 
    color: white; /* Close button color */ 
    font-size: 30px; /* Close button size */ 
    font-weight: bold; 
    cursor: pointer; /* Pointer cursor on hover */ 
}