body {
    background:#111 url();
    font-family: verdana, arial;
    font-size: 12px;
    color:#6E8F68;
    letter-spacing: 1.2px;
    line-height:16px;}
             
  
a:link, a:visited, a:active { 
font-weight:bold;
color:#bbb;text-decoration:none;}
a:hover {
color:#ddd;}
  

      b {color:#888;font-weight:bold;}
      i {font-style:italic;color:#aaa;}
      u {color:#888;text-decoration:underline;}
     
      
::-webkit-scrollbar-thumb {
background-color: #111;  
border-radius: 0px;
border:1px solid #666;}
  
::-webkit-scrollbar {
width: 7px; height: 0px; 
background: transparent;}
  
  
  
#layout {
    margin: 0px auto;
    width: 1080px;}
      
  
  
#header1 {
    width: 1080px;
    float: left;
    margin: 0 auto;}

#header2 {
    height: 180px;
    background: #111 url(https://julesbehindthepage.neocities.org/pages/backgroundsparklerotated.gif) no-repeat center;
    margin: 0px;}
  
#sitename a {
    font:20px courier new;color:#aaa;text-transform:uppercase;letter-spacing:8px;background:#101010;border-radius:30px;padding:4px;padding-left:20px;padding-right:20px;}
 
  

#menu1 {
    width: 1080px;
    float: left;
    margin: 0 auto;}

#menu2 {
    height: 20px;
    line-height:20px;
    margin: 0px;
    margin-bottom:0px;
    padding:1px;padding-top:0px;
    text-align:center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;}
      
#menu2 a { 
    font:bold 11px monospace,georgia;
    text-transform:uppercase;
    padding:4px; 
    margin-right:10px;
    letter-spacing:1px;
    color:#666;}
      
#menu2 a.active-page {
  color: #bc45b4;
  text-decoration: underline;
}

 
  

#content1 {
    width: 720px;
    float: left;
    margin: 10 auto;}

#content2 {
    margin: 0px;
    padding:6px;
    background:#202020;
    color:#656565;}

  
#left1 {
    width:180px;
    float: left;
    margin: 0 auto;}

#left2 {
    margin: 0px;
    padding:6px;
    background:#171717;
    border-right:1px dashed #222;
    color:#5a5a5a;}
  

#right1 {
    width: 180px;
    float: left;
    margin: 0 auto;}

#right2 {
    margin: 0px;
    padding:6px;
    background:#171717;
    color:#5a5a5a;
    border-left:1px dashed #222;}
  

#footer1 {
    width: 1080px;
    
    margin: 0 auto;
    clear: both;}

#footer2 {
    height: 40px;
    margin: 0px;}


.scrollbox {background:#111;height:100px;overflow:auto;overflow-x:hidden;margin-top:4px;}
.title {font:bold 10px verdana;color:#999;letter-spacing:3px;text-align:left;padding:1px;margin-bottom:0px;}
textarea {font:10px calibri;letter-spacing:1px;background:#333;}

.entry {
  display: flex;
  align-items: center;
  margin: 2em auto;
  gap: 2em; /* adds horizontal spacing between image and text */
}


.entry.reverse {
  flex-direction: row-reverse;
}

.entry-image img {
  max-width: 300px;
  width: 100%;
  height: auto;
  border-radius: 6px;
  margin: 0; /* remove side margin since gap handles it */
}


.entry-text {
  max-width: 600px;
  padding: 0 1em;
}

  
.active-page {
  font-weight: bold;
  color: #bc45b4; /* Yellow highlight color */
  text-decoration: underline;
}