/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
    background:#000 url();
    font-family: verdana, arial;
    font-size: 13px;
    color:#91afff;
    letter-spacing: 1px;
    line-height:16px;
    margin-top: 5%;
    }
             
  
a:link, a:visited, a:active { 
  font-weight:bold;
  color:#bd0042;
  text-decoration:none;}
a:hover {
  color:#eee;}
b {
  color:#888;
  font-weight:bold;}
i {
  font-style:italic;
  color:#aaa;}
u {
  color:#888;
  text-decoration:underline;}
  
img {
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  object-fit: contain;
}

#robot {
  width: 175px;
  height: 175px;
  position: absolute;
  left: 15%;
  top: 20%;
  object-fit: fill;
}

.img-small {
  width: 20%;
  margin-right: 80%;
}

.img-divider{
  width: 60%;
}

      
::-webkit-scrollbar-thumb {
background-color: #111;  
border-radius: 0px;
border:1px solid #666;}
  
::-webkit-scrollbar {
width: 7px; height: 0px; 
background: transparent;}
  
.game-thumbnail {
  display: inline;
  max-width: 300px;
  max-height: 300px;
}
  
#chattable {
    display:block;
    width:100%;
}
  
#layout {
    background:#111;
    margin: 0px auto;
    width: 65%;
    height: 100%;
    padding: 50px;
    }
  
#header1 {
    width: 100%;
    float: none;
    margin: 0 auto;
    height: 200px;
    }

#header2 {
    background: #111 url(/brain-10813.gif) no-repeat center;
    margin: 0px;
    height: 200px;
    background-size: 100% 100%;
    }
  
#sitename {
    font:20px courier new;
    color:#bd0042;
    text-transform:uppercase;
    letter-spacing:8px;
    position: relative;
    top: 30%;
    }
    
#siteheader {
  background:#101010;
  border-radius:30px;
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
}

#menu1 {
    width: 100%;
    float: none;
    margin-bottom: 10px;
    margin-top: 10px;
    }

#menu2 {
    height: 20px;
    line-height:20px;
    text-align:center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
    background: #000;
    }
    
.horizontal-container{
  text-align:center;
  
}
  
.horizontal{
  display: inline-block;
}

#menu2 a { 
    font:bold 14px monospace,georgia;
    text-transform:uppercase;
    padding:4px; 
    margin-right:10px;
    letter-spacing:1px;
    color:#bd0042;}
      
#menu2 a:hover {
color:#eee;}
 
  

#content1 {
    width: 50%;
    float: none;
    margin: 0 auto;}

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

  
#left1 {
    width:24%;
    float: left;
    margin: 0 auto;}

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

#right1 {
    width: 24%;
    float: right;
    margin: 0 auto;}

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

#footer1 {
    width: 720px;
    float: left;
    margin: 0 auto;
    clear: both;}

#footer2 {
    height: 40px;
    margin: 0px;}
    
.focus-content {
  color:#09ba76;
  padding: 0px;
  margin: 0px;
}

.side-content {
  color:#089961;
  padding: 0px;
  margin: 0px;
}

.content-section {
  margin-bottom: 15px;
}

.scrollbox {background:#111;height:100px;overflow:auto;overflow-x:hidden;margin-top:4px;}

.title {
  font:bold 14px verdana;
  color:#91afff;
  letter-spacing:3px;
  text-align:left;
  padding:1px;
  margin-bottom:5px;}

textarea {font:14px calibri;letter-spacing:1px;background:#333;}