body{
  background-color:#201B24;
  background-image: repeating-linear-gradient(-45deg, rgba(255,255,255, 0.1), rgba(255,255,255, 0.2) 1px, transparent 1px, transparent 6px);
    background-size: 3px 3px;
}
a:link, a:visited {
color:#F7F052;
text-decoration:none;
}

a:hover, a:active {
color:#F7F052;
text-decoration:underline;

}
.main-wrapper{
  width:800px;
  margin:auto;
  margin-top:100px;
}

/*sidebar mainpage places the sidebar centre stage for the landing page. make sure sidebar-default is set under sidebar class for everything else*/
.sidebar-default{
  color:#F7F052;
  border:dotted;
  float:left;
  padding:20px 20px 20px 20px;
  margin-right:20px;
  position:fixed;
}
.sidebar-mainpage{
  color:#F7F052;
  border:dotted;
  padding:20px 20px 20px 20px;
  margin:auto;
  width:115
}

/*below is stuff for the rightmost panel*/
.main-panel{
  color:#F7F052;
  border:solid;
  border-color:#F7F052;
  width:550px;
  padding:20px 20px 20px 20px;
  float:right;
}
.box-border{
  background-color:#FEFDEC;
  padding:10px;
}
.textbox {
  color:#5B0B1F;
  background-color:#FEFDEC;
  padding:0px 20px 0px 20px;
  border-style:dashed;
}

/*below is tooltip stuff*/
.tooltip{
  position: relative;
  display: inline-block;
  border-bottom: 2px dotted; 
  cursor: pointer;
}
.tooltip-text{
  visibility: hidden;
  width: 300px;
  color:#F7F052;
  border-color:#F7F052;
  background-color: #201B24;
  position: absolute;
  z-index: 1;
  border:dotted;
  padding:3px;
}
.tooltip:hover .tooltip-text{
  visibility: visible;
}

/*text effects below*/
.outline-effect{
text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}