/* ========================================
   BODY STYLING - Overall page appearance
   ======================================== */

body {
/* EDIT: Change #0C1912 to any color code for different background color */
/* EDIT: Replace the image URL with your own background image */
background:repeat;
background-image: url("/images/alone2.gif");}

  
/* ========================================
   TABLE STYLING - Default text appearance
   ======================================== */

table {
/* EDIT: Change "Goldman" to use a different font */
font-family:"Syne Mono";
/* EDIT: Change 11px to make text bigger or smaller */
font-size:12px;
/* EDIT: Change 13px to adjust spacing between lines */
line-height:16px;
/* EDIT: Change 1px to adjust spacing between letters */
letter-spacing: 1px;
/* EDIT: Change #458c3a to change text color (this is a greenish color) */
color:#999999;}

/* ========================================
   BOLD TEXT STYLING
   ======================================== */

b {
/* EDIT: Change #00FF00 to change bold text color (this is bright green) */
color:#999999;
font-weight:normal;}

/* ========================================
   LINK STYLING - How links appear and behave
   ======================================== */

/* Regular link appearance */
a:link, a:visited, a:active { 
/* EDIT: Change "green" to change link color */
color:rgb(172, 176, 172);
text-decoration: none;}

/* Link appearance when you hover over it */
a:hover {
/* EDIT: Change #00FF00 to change hover color (this is bright green) */
color:#ffffff;
font-family: "Special Elite";}
  
/* Images have no border */
img {border:0;}
/* ========================================
   SCROLLBAR STYLING - How the page scrollbar looks
   (Only works in Chrome/Edge/Safari browsers)
   ======================================== */
  
/* The draggable part of the scrollbar */
::-webkit-scrollbar-thumb {
/* EDIT: Change "green" to change scrollbar color */
background-color: rgb(146, 146, 146);  
border-radius: 3px;}

/* The scrollbar track/background */
::-webkit-scrollbar {
/* EDIT: Change 5px to make scrollbar wider or thinner */
width: 5px; 
height: 0px; 
background: transparent;}

/* ========================================
   TITLE STYLING - The green header boxes
   (Like "001. title", "002. title", etc.)
   ======================================== */

.title {
display:inline-block;
/* EDIT: Change #051105 to change title background color (dark green) */
background:#000000;
/* EDIT: Change "green" to change title text color */
color:rgb(146, 146, 146);
/* EDIT: Change 'orbitron' to use a different font */
font-family:'Special Elite';
/* EDIT: Change 10px to make title text bigger or smaller */
font-size:14px;
/* Makes text UPPERCASE - remove this line for normal text */
text-transform:uppercase;
/* EDIT: Change 10px to adjust spacing between lines */
line-height:12px;
/* EDIT: Change 3px to adjust spacing between letters */
letter-spacing:3px;
/* Rounded corners on top */
border-top-left-radius:3px;
border-top-right-radius:3px;
/* EDIT: Change #113711 to change border color */
border:1px solid #1b1d1b;
/* EDIT: Change "green" to change bottom border color */
border-bottom:1px dotted rgb(146, 146, 146);
/* EDIT: Change 4px to add more or less padding inside */
padding:5px;}
  
/* ========================================
   NAVIGATION LINKS STYLING
   The links in the navigation bar
   ======================================== */
  
.navigation a { 
display:inline-block;
background:repeat; 
/* EDIT: Change 10px to adjust spacing on left and right of links */
padding-left:10px;
padding-right:10px;
/* EDIT: Change 9px to make link text bigger or smaller */
/* EDIT: Change 'orbitron' to use a different font */
font:12px 'Special Elite';
/* Makes text UPPERCASE - remove this line for normal text */
text-transform:uppercase;
font-weight:bold;
border-top-left-radius:0px;
border-top-right-radius:0px;
/* EDIT: Change 12px to adjust line height */
line-height:12px;
/* EDIT: Change "green" to change link color */
color:rgb(172, 176, 172);}
      
/* Navigation links when you hover over them */
.navigation a:hover {
/* EDIT: Change #00FF00 to change hover color (bright green) */
color:#ffffff;}
  

/* ========================================
   SITE NAME STYLING - The big title at top
   ======================================== */

.sitename {
/* EDIT: Change #111 to change background color (very dark) */
background:#000000;
/* EDIT: Change 90% to make it wider or narrower */
width:100%;
/* EDIT: Change 'orbitron' to use a different font */
font-family: 'Special Elite';
/* EDIT: Change 30px to make site name bigger or smaller */
font-size:25px;
/* EDIT: Change 10px to adjust spacing between letters */
letter-spacing:5px;
/* EDIT: Change "green" to change text color */
color: rgb(146, 146, 146);
/* EDIT: Change 20px to adjust line height */
line-height:20px;
/* EDIT: Change 15px to make corners more or less rounded */
border-radius:12px;}

/* ========================================
   SECTION STYLING - Different page areas
   ======================================== */

/* Top section (site name area) */
.top {
/* EDIT: Change #000 to change background color (black) */
background: #000000; 
/* EDIT: Change #123E12 to change border color (dark green) */
border: 1px solid rgb(172, 176, 172);
border-bottom: 0px;
/* Rounded corners on top only */
border-top-left-radius:15px;
border-top-right-radius:15px;}

/* Navigation bar section */
.navigation {
/* EDIT: Change #0B250B to change background color (very dark green) */
background:#131313;
/* EDIT: Change #123E12 to change border color */
border-top: 1px dotted rgb(172, 176, 172);
border-bottom: 1px dotted rgb(172, 176, 172);
border-right: 1px dotted rgb(172, 176, 172);
border-left: 1px solid rgb(172, 176, 172);}

/* Left column */
.left {
/* EDIT: Change #000 to change background color (black) */
background: #000000; 
/* EDIT: Change #123E12 to change border color */
border-right: 1px dotted rgb(172, 176, 172);
border-left: 1px solid rgb(172, 176, 172);}

/* Middle column */
.middle {
/* EDIT: Change #000 to change background color (black) */
background: #000000;
/* EDIT: Change #113711 to change border color */
border-right:1px dotted rgb(172, 176, 172);
border-left: 1px dotted rgb(172, 176, 172)}

/* Right column */
.right {
/* EDIT: Change #000 to change background color (black) */
background: #000000;
/* EDIT: Change #113711 to change border color */
border-right: 1px solid rgb(172, 176, 172);}

/* Footer section */
.footer {
/* EDIT: Change #000 to change background color (black) */
background: #000000; 
/* EDIT: Change #123E12 to change border color */
border: 1px solid rgb(172, 176, 172); 
border-top: 1px dotted rgb(172, 176, 172);
/* EDIT: Change 30px to adjust footer height */
line-height:30px;}
/* ========================================
   BOX STYLING - Content boxes under titles
   ======================================== */

.box {
/* EDIT: Change #051105 to change box background color (very dark green) */
background:#131313;
/* EDIT: Change #113711 to change border color */
border:1px solid rgb(172, 176, 172);
/* EDIT: Change #111 to change top border color */
border-top:2px solid #111;
/* EDIT: Change 3px to make corners more or less rounded */
border-radius:3px;
/* Square corner on top left */
border-top-left-radius:0px;
/* EDIT: Change these numbers to adjust spacing inside boxes */
padding:4px;
padding-left:8px;
padding-top:8px;
/* EDIT: Change 8px to adjust spacing between boxes */
margin-bottom:8px;}

/* ========================================
   NEWS TICKER STYLING
   ======================================== */

#news {
/* EDIT: Change #000 to change background color (black) */
background:#000;
/* EDIT: Change 9px to make news text bigger or smaller */
font-size:10px;}

/* ========================================
   TEXTAREA STYLING (if you add text input areas)
   ======================================== */

textarea {
/* EDIT: Change #000 to change background color (black) */
background:#000;
/* EDIT: Change #123E12 to change border color */
border:1px solid rgb(172, 176, 172);
/* EDIT: Change #458c3a to change text color */
color:rgb(146, 146, 146);
/* EDIT: Change 10px to make text bigger or smaller */
/* EDIT: Change 'goldman' to use a different font */
font:10px 'goldman';
/* EDIT: Change 1px to adjust spacing between letters */
letter-spacing:1px;
/* EDIT: Change 5px to adjust spacing below textarea */
margin-bottom:5px;}