/* Ken Wright Enterprises 
   Layout Style Sheet
   
   Author: Kenneth Wright
*/
			        
					*  {
					     Padding: 0;
						 margin: 0;
					}
					
					body  {
					     width: 95%;
					     font-size: 1.5em;
						 font-family: Arial, Helvetica, sans-serif;
						 color: #000000;
						 background-color: #F0E68C;
					}
					
					nav  {
						 background-color: #BDB76B;
						 line-height: 200%;
						 display: block;
					}
					
					nav ul li  {
					     
						 display: inline;
						 list-style-type: none;
						 padding-right: 20px;
					}
					
					nav li a:link  {
						 color: blue;
						 font-weight: bold;
						 text-decoration: none;
					}
					
					nav li a:hover  {
					     color: #00FF7F;
						 font-weight: bold;
						 text-decoration: underline;
					}
					
					nav li a:visited  {
		                  color: #4B0082;
						  font-weight: bold;
			              text-decoration: none;
                    }						  
					
					a:link  {
					     color: blue;
						 text-decoration: none;
					}
					
					a:hover  {
					     color: #00FF7F;
			             text-decoration: underline;
		            }
					
					a:visited  {
		                  color: #4B0082;
			              text-decoration: none;
		            }
					
					header  {
                         width: 90%;
		                 border: 2px solid black;
		                 margin: 10px;
						 margin-left: 60px;
		                 padding: 10px 10px 10px 10px;
		                 Background-color: #FFFFF0;
		            }
					
					.main  {
						padding: 4px;
						margin-left: 40px;
					}
					
					div.gallery {
  border: 1px solid #ccc;
  float: left; /* Example using float */
  width: 180px; /* Example width */
  margin: 5px; /* Example margin */
}

div.gallery:hover {
  border: 1px solid #777; /* Optional hover effect */
}

div.gallery img {
  width: 100%;
  height: auto; /* Maintain aspect ratio */
}

div.desc {
  padding: 15px;
  text-align: center;
}

/* Responsive layout - makes a two column layout instead of four, on smaller screens */
@media only screen and (max-width: 700px) {
  div.gallery {
    width: 49.99999%;
  }
}

/* Responsive layout - makes the columns stack on top of each other instead of next to each other, on very small screens */
@media only screen and (max-width: 500px) {
  div.gallery {
    width: 100%;
  }
}
					
				    h1  {
                         font-family: castellar, fantasy;
						 font-size: 2em;
	                     padding: 10px;
	                     color: Black;
	                     text-align: center;
	                }
					
					img {
					     float: left;
						
				    }
					

                    h2  {
	                     font-family: Georgia, serif;
						 font-size: 1.5em;
                         color: black;
	                     text-align: center;
					}
					
					h3  {
					     font-family: Georgia, serif;
						 font-size: 1em;
						 color: black;
						 text-decoration: underline;
						 margin-left: 15px;
					}
					
	   				h4  {
						 font-family: Georgia, serif;
						 font-size: .75em;
                         color: black;
	                     text-decoration: underline overline;
						 padding: 10px 8px 8px 8px;
                    }

                    P.center  {
                         text-align: center;
                    }
					
					p {
					     color: black;
						 line-height: 1.5em;
						 margin-bottom: 15px;
						 margin-left: 15px;
						 margin-right: 15px;
					}
	 
                    footer  {
	                     width: 60%;
						 padding: 40px;
	                     margin-left: 15%;
	                     border-top: 10px solid  #FF00FF;
	                     clear: both;
	                }
					
					.center  {
					     text-align: center;
					}