/* 280825 */
   body, #middle {background-color:#4f9ced;
      background-image:url(../blue2blue.png);background-repeat:repeat-x;
      font-size:10pt;font-family:'verdana','arial',sans-serif;
     } 
#container {margin:auto;width:728px;background-color:#fff;text-align:left;
            border:1px solid white;padding:5px;padding-top:0;}    
 
h1 	{font-size:13pt;font-weight:bold;
         background-color:#2f5699;color:#ffffff;
         border:1px white solid;padding:3px;margin:0; text-align:center;
        }   
/* ordinary links*/
a {border-left:2px solid red;
     border-right:2px solid black;
     border-top:2px solid red;
     border-bottom:2px solid black;
     padding:0 10px 0 10px;
     text-decoration:none;
     color: white;
     font-family: verdana,sans-serif;
     font-weight: bold;
     background-color:#8b0000;
     border-radius: 5px;
   }

a:hover {border-left:2px solid black;
         border-right:2px solid red;
         border-top:2px solid black;
         border-bottom:2px solid red;
         color:#FFA500;
         }        
     /* responsive design for smaller screens*/
     @media screen and (max-width: 650px) /* screens less than 650px*/
       {
        body {margin:0;font-size:10pt;}
        #container {width:98%;padding-bottom:30px;}
        #maingame {top: 60px;width: 100%;}    
        #guessbox, #cluebox {width:95%;font-size:10pt;}
        .code {overflow-x: auto;}
        .highlight {overflow-x: auto;}
  }