@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@900&display=swap');

body {
background: url(images/starz.png);
background-size: 16%;
background-repeat: repeat;
font-family: "OCR A", "OCR A Std", "OCR A extended", ocr-a-std, Verdana, sans-serif;
font-size: 10px;

/*this shit only works on browsers that support scrolbar stuffs 
scrollbar-color: #96d9d2; */
scrollbar-face-color: #008080;
scrollbar-highlight-color: #549d9d;
scrollbar-3dlight-color: #008080;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #33373C;
scrollbar-arrow-color: #ccf4ec;
scrollbar-track-color:  #96d9d2;
}

#main {margin: auto;}

#sidebar {
width: 15%;
float: left;
}


#mainleft {
width: 60%;
float: left;
}

#mainright {
width: 25%; 
float: right;
}


.box {
border: 1px solid teal;	
background: #ccf4ec;
margin: 6px 0;
padding: 5px;	
}

.midbox {
	margin: 6px 6px 0;
	border: 1px solid teal;	
background: #ccf4ec;
padding: 5px;	
}


.wrapper {
background: url(http://finnisnotafish.com/images/lineargradient.jpg);
margin: 6px;
border: 2px solid #96d9d2;
border-radius: 10px;
padding: 10px;
}

label {
	text-align: right;
    width: 200px;
}

/*
.sideboxinner {
background: #ccf4ec;
margin: 0 12px 12px 12px;
border-radius: 4px;
padding: 3px;
}
these will be for comment boxes one day 
.sidebox h4 {
background: linear-gradient(#ccf4ec, #96d9d2 90%);
margin: 0px;
padding: 6px;	
}
*/

#banner {
	font-family:  'Orbitron', Neuropol, Impact, verdana;
	margin-top: 60px;
}

p#innerbanner {
    margin-bottom: -12px;
    font-size: 50px;
}

#nav {
	width: auto;
	border-radius: 5px;
	margin: auto; 
	background: #ccf4ec;
}

.navtext {
font-size: 11px;
}

#navtop {
background: #549d9d;
border-radius: 3px 3px 0 0;
border: 1px teal solid;	
border-bottom: none;
padding: 3px;
}

.icon {
height: 20px;
}

#navinner {
border: 1px solid teal;
border-radius: 0 0 3px 3px;
margin-bottom: 5px;
}

 
table {
	border-collapse:collapse;
	font-size: 10px;

}

#navinner td{
padding: 5px;	
}

.header {
background: #8cd7d7;
padding: 2px;
margin: 0px;
font-size: 12px;
}

 td.lefto {
	background: #8cd7d7;
	border-right: 1px solid teal;	
	border-radius: 0 0 0 3px;
 }
 
 td.righto {
	border-top: none;
	
}

#sidebar td {
	padding: 0px;
	
	
}

#footer {
margin: auto;
text-align: center;
}

.fill {
height: 15px;
padding: 3px;
background: #ccf4ec;
border: 1px solid black;
margin: 3px;
}

.button {
background: #ececec;
color: #8cd7d7;
border-radius: 3px;
border: 1px solid #8cd7d7;
height: 20px;
}

form { 
margin: 0px;
padding: 0px;
}

p {
margin: 3px;
font-size: 10px;
}

#sidebar2 {
width: 25%;
float: left;
}

#mainleft2 {
width: 74%;
float: right;
}

#clear {
clear: both;
}
.portalntitle {
	font-size: 12px;
	font-weight: bold;
}

.scrollbox {
height: 100px;  
overflow-y: scroll;
}

.ppl {
text-align: center;
margin: 5px 10px;
width: 80px;
width: 100px;
float: left;
}

/*the color is RED! wacky. */
.redtext {color: red;}

.leftone {text-align: right;}

.forumthing{ 
    margin: 6px 6px 0;
    border: 1px solid teal;
    background: #ccf4ec;
}

.biggerwords {
font-size: 11px;
}

.thumbnail {margin: 5px; border: 4px double black;}

a{
color: black;
text-decoration: none;
}

 a:visited {
color: black;
text-decoration: none;
}

 a:hover {
color: #ACACAC;
text-decoration: none;
/*font-weight: bold;*/
}

 a:active {
  color: black;
text-decoration: none;
}