body {
	cursor: url("img/boo.png"), auto;
	background:transparent url("img/ghostology_v1main.png") no-repeat;
	overflow-x: hidden; /* Hide horizontal scrollbar */
	overflow-y: hidden; /* Hide vertical scrollbar */
}

/* The emerging W3C standard
   that is currently Firefox-only */
* {
  scrollbar-width: thin;
  scrollbar-color: #f9dde2 white;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #cda2f4 #f4a2b1;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 20px;
  }

  *::-webkit-scrollbar-track {
    background: transparent;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #cda2f4;
    border-radius: 10px;
    border: 3px solid #000000;
  }
 
/* ===== ACCENTS ===== */

#accent2 {
max-width: 90%;
position: fixed;
top: 20px;
left: 525px;
z-index: 50;
}
#accent2:hover {
max-width: 90%;
position: fixed;
top: 20px;
left: 525px;
z-index: 50;
opacity: 1; filter: drop-shadow(0 0 3px #f7f400);
}

#accent3 {
max-width: 100%;
position: fixed;
bottom: 0px;
left: 15px;
z-index: 10;
}
#accent3:hover {
max-width: 100%;
position: fixed;
bottom: 0px;
left: 15px;
z-index: 10;
opacity: 1; filter: drop-shadow(0 0 3px #f7f400);
}

#accent4 {
max-width: 100%;
position: fixed;
bottom: 0px;
left: 970px;
z-index: 10;
}
#accent4:hover {
max-width: 100%;
position: fixed;
bottom: 0px;
left: 970px;
z-index: 10;
opacity: 1; filter: drop-shadow(0 0 3px #f7f400);
}


/* ===== MAIN CONTENT ===== */

.main{	
text-align: left;
font-family: 'verdana', sans-serif;
color: #421b65;
font-size: 12px;
letter-spacing: 1px;
}

::selection {
  background: #c69fe9;
}
::-moz-selection {
  background: #c69fe9;
}

.updatebox {
	border-bottom: #000000 3px solid;	
	border-top: #7e68ab 1px dashed;
	border-right: #000000 3px solid;
	border-left: #7e68ab 1px dashed;
	background-color: #deace1;
	background-image: url('img/updatebg.png');
	background-attachment: fixed;
	padding: 3px;
	width: 420px;
	height: 140px;
	margin: auto;
}

.update-post {
	text-align: left;
	font-family: verdana;
	font-size: 12px;
	color: #4c1386;
	letter-spacing: 1px;
}


/* ===== TEXT EMBELLISHMENTS ===== */

h1 {
  font-family: "Miltonian Tattoo", sans-serif;
  font-size: 18px;
  text-align: left;
  letter-spacing: 5px;
  color: #6d23b8;
  text-shadow: 2px 1px #f7f400;
  text-indent: 1.25rem;
  font-weight: bold;
}

h2 {
  font-family: "Gloock", sans-serif;
  text-align: left;
  padding-top: 2rem;
  margin-top: 1rem;
  letter-spacing: 5px;
  color: #ffff33;
  font-size: 20px;
  text-shadow: 2px 2px #6d23b8;
}

h3 {
  font-family: "Roboto", sans-serif;
  text-align: left;
  font-size: 15px;
  letter-spacing: 3px;
  color: #cda2e5;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
  margin-top: 0px;
  margin-left: 5px;
}

h4 {
  font-family: "Roboto", sans-serif;
  text-align: center;
  font-size: 15px;
  letter-spacing: 3px;
  color: #cda2e5;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
  border: 1px dashed #353df3;
  background-image: url('img/tradebg.png');
  width: 390px;
  padding: 10px;
} 

h5 {
  font-family: "Gloock", sans-serif;
  font-size: 120%;
  display: block;
  height: 90px;
  width: auto;
  text-align: left;
  padding-top: 2rem;
  margin-top: 1rem;
  margin-left: 11rem;
  letter-spacing: 5px;
  color: #ffff33;
  font-size: 20px;
  text-shadow: 2px 2px #6d23b8;
  text-indent: 6rem;
  background: url(img/h5.png) no-repeat 0% 0%;
}   

 hr{
    height: 3px;
	background-color: #cda2f4;
	background: transparent;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px dashed #000;
	width: 625px;
    }

b, strong {letter-spacing: 2px;color: #353df3;}
i, em {color: #353df3;letter-spacing: 2px; text-decoration: none;}

a:link, a:visited, a:active { text-decoration: none; color: #ba2571; font-weight:bold;cursor: url("img/boo.png"), auto;}
a:hover { text-decoration: none; background: none; color: #4c0d86;cursor: url("img/boo.png"), auto;}


/* ===== STYLING LIST ===== */

ul {
  padding: 1px;
}

ul.a {
  background: #f4a2b1;
  color: #cda2f4;
  margin: 5px;
  	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #a16ad2;
	    -webkit-text-fill-color: #cda2f4;
	text-shadow: 1px 1px #000000;
  font-family: "Gloock", sans-serif;
  font-size: 15px;
  letter-spacing: 3px;
}

ul li {
  color: #cda2f4;
  font-size: 11px;
  letter-spacing: 3px;
  color: #6d23b8;
  text-shadow: 1px 1px #f7f400;
}

ol{color: #353df3;}	


.left {
  float: left;
  padding: 5px;
}


/* ===== NAVIGATION ===== */

#navbar {
max-width: 100%;
position: fixed;
top: 100px;
left: 110px;
z-index: 3;
}

.about {
position: absolute;
}

.hover_about {
position: absolute;
top: -11px;
left: -9px;
display: none;
}

.about:hover .hover_about {
display: inline;
}


.archive {
position: absolute;
margin-top: 7px;
}

.hover_archive {
position: absolute;
top: -11px;
left: -9px;
display: none;
}

.archive:hover .hover_archive {
display: inline;
}


.adopt {
position: absolute;
margin-top: 12px;
}

.hover_adopt {
position: absolute;
top: -11px;
left: -9px;
display: none;
}

.adopt:hover .hover_adopt {
display: inline;
}


.downloads {
position: absolute;
margin-top: 17px;
}

.hover_downloads {
position: absolute;
top: -11px;
left: -9px;
display: none;
}

.downloads:hover .hover_downloads {
display: inline;
}


.crew {
position: absolute;
margin-top: 23px;
}

.hover_crew {
position: absolute;
top: -11px;
left: -10px;
display: none;
}

.crew:hover .hover_crew {
display: inline;
}


.etc {
position: absolute;
margin-top: 29px;
}

.hover_etc {
position: absolute;
top: -11px;
left: -10px;
display: none;
}

.etc:hover .hover_etc {
display: inline;
}


.links {
position: absolute;
margin-top: 34px;
}

.hover_links {
position: absolute;
top: -11px;
left: -10px;
display: none;
}

.links:hover .hover_links {
display: inline;
}