/*
Nikolai Scheel
2018-04-15
CSE 154 AP
TA: Puja Ramanathan
Creative Project 03
SpiderChat CSS Page

SpiderChat is a forum for spiders. Sections include header, navigation, ads, recent threads,
links around the web, and frinds of the site. Many components are not yet functional.
These are the css styles that are shared by all SpiderChat pages.
*/

body {
   color: #660066;
   background-color: Plum;
   font-family: Calibri;
}

#floatyHolder {
   height: 64px;
   width: 64px;
   position: absolute;
   left: 70%;
   top: 30%;
}

header img {
   height: 100px;
   margin-right: 10px;
}

main {
   display: flex;
   margin-top: 10px;
}

h1, h2, h3 {
   font-family: Pristina;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 5px;
}

h3 {
   font-family: Calibri;
   text-decoration: underline;
}

#navMenu {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   height: 30px;
}

.navButton {
   border-style: solid;
   width: 19%;
   float:left;
   text-align: center;
   height: 30px;
   line-height: 30px;
   background-color: #e2d0e2;
}

.navButton:hover {
   border-color: white;
}

#navMenu a {
   text-decoration: none;
}

#ads {
   float: left;
   flex-basis: 20%;
}

#ads img {
   width: 18vw;
   max-height: 50vw;
   border-style: solid;
   margin-left: auto;
   margin-right: auto;
}

#recentThreads {
   float: left;
   width: 75%;
}

ol {
   list-style-type: disc;
}

hr {
   border-style: inset;
   border-width: 2px;
   border-color: #c969c9;
}

.fakeLink {
   font-family: "Times New Roman";
   text-decoration: underline;
}

#outBox {
   width: 75%;
   text-align: center;
}

#outWarning {
   font-family: Calibri;
}

p {
   font-size: 1.5em;
   margin-top: 0;
   margin-bottom: 0.2em;
   text-shadow: -1px 1px gray;
}

footer {
   clear: left;
}

#validators {
   text-align: right;
}

a:not(.validator) {
   color: #660066;
}

a.validator, #ads a {
   text-decoration: none;
}

#aroundTheWeb {
   float:left;
   width: 45%
}

#friendsOfOurs {
   margin-left: 50%;
}