/* || GEN STYLES */

html {
      background-color: #FBF4F4;
 /*   background-image: url("/images/backstars.gif"); */
      font-family: "Times-New-Roman", serif;
      overflow-x: hidden;
      }    
html, body {
     max-width: 100%;
     max-height: 100%;
     margin: auto;
     box-sizing: border-box;
     line-height: 1.1;
     }
/* div {margin: auto;} */
img {
      max-width: 100%;
      max-height: 100%;
      border: 0 none;
      margin: 1px 0 1px 0;
      }
p, ul, ol, h1, h2, h3, h4, h5, small {
      color: #330000; 
      word-wrap: break-word; 
      hyphens: auto; 
      text-align: left;
      }
p, ul, ol {line-height: 1.1;}
h1, h2, h3, h4 {line-height: 1}
header h1 {font-size: 68px; margin: 10px 0 5px 0;}
h1 {font-size: 32px;}
h2 {font-size: 24px;}
h3 {font-size: 18.72px;}
h2, h3, h4 {margin: 5px;}
a  {color: darkblue;}
a:visited {color: indigo;}
a:hover, a:focus, a:active {text-decoration: underline; color: #9A46FB;}
kbd > kbd {
  border-radius: 3px;
  padding: 1px 2px 0;
  border: 1px solid #000033;
}
iframe {
     max-width: 100%;
     border: 0 none; 
     margin: 0;
}
/* || SITEWIDE */

/* BIG STRUCTURAL STUFF */
.main {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.main, header {
max-width: 55%;
min-width: 55%;
margin: 0 auto 0 auto;
}
.middlecolumn {
display: flex;
flex-direction: column;
align-items: center;
max-width: 75%;
min-width: 75%;
text-align: left;
}
.leftcolumn {
display: flex;
flex-direction: column;
align-items: center;
max-width: 25%; 
min-width: 25%;
}
/* END BIG STRUCTURAL STUFF */
/* SMALLER STRUCTURAL STUFF*/
.leftitem, .middleitem {border: 2px solid; margin-bottom: 10px;}
.leftitem {margin-right: 10px; padding: 5px 5px 0 5px}
.middleitem {padding: 5px;}
.subsection {border: 2px dotted; margin: 5px; padding: 5px;}
footer, section {max-width: 100%;}
footer p {text-align: center;}
footer {position: relative; bottom: 1%; left:0; text-align: center;}
nav {
     display: flex;
     flex-direction: row;
     justify-content: space-evenly;
     min-width: 126px;
     text-align: center;
     background-color: transparent;
     margin: 0 0 10px 0;
     border: 2px solid;
     }
nav a, nav a:visited {
     display: flex;
     flex-direction: row;
     border: 2px dotted;
     background-color: transparent;
     padding: .5em 1em;
     margin: .5em;
     color: #000033;
     text-decoration: none;
     text-align: center;
     transition-duration: 0.2s;
     cursor: pointer;
     }    
nav a:hover {
     background-color: #292d0c;
     background-image: url("/images/bgstar02.gif");
     text-decoration: none;
     color: #9A46FB;
     }   
/* END SMALLER STRUCTURAL STUFF*/
/* ABOUT STUFF */
.flex {
      display: flex; 
      flex-direction: row; 
      flex-wrap: wrap;
      justify-content: space-between;
}
.flex div {
      flex: 1 1 0;
      margin: 2px;
      min-width: 46%;
      max-width: 47%;
      max-height:200px;
      overflow-y:scroll;
}
.flex ul {
     padding: 5px 5px 5px 25px;
     margin: 0;
}
.blinkies {margin-right: 10px;}
.blinkies img {min-width: 100%;}
/* END ABOUT STUFF*/
/* INDEX STUFF */
.imood {font: 12px "MS Gothic", monospace; margin: auto;}
.imood p {color: white; border: 1px solid #f80455;}
.imood img {vertical-align: text-bottom; margin: 0;}
/* END INDEX STUFF*/