@charset "utf-8";
/* CSS Document */

body {
	align-content: center;
	background: url("redstarsbg.gif");
	padding-bottom:50px;
}

.headerdiv {
	background-color:rgba(40, 0, 0, 0.73);
	border-color: #6c0000;
	border-style:solid;
	border-width:0.5vw;
	width:74.5vw;
	position: absolute;
	top:8vh;
	left:11vw;
	right:13vw;
	height:22vh;
	padding-left: 0.5vw;
}

.withinhead {
	background-image:url("background/header.jpg");
	border-style:inset;
	border-color: #6c0000;
	border-width: inherit;
	margin: 4px;
	width:67%;
	height:60%;
}

.maindiv {
	background-color:rgba(64, 0, 0, 0.73);
	border-style:solid;
	border-color: #6c0000;
	border-width: 0.5vw;
	width:49vw;
	position: absolute;
	top:33%;
	left:36vw;
	right:13vw;
	height:98%;
	padding:0.5vw;
	bottom: 8vh;
}

.infodiv {
	background-color:rgba(64, 0, 0, 0.73);
	border-style:solid;
	border-color: #6c0000;
	border-width: 0.5vw;
	width:23vw;
	position: absolute;
	top:33vh;
	left:11vw;
	right:15vw;
	height:100%;
	bottom:8vh;
}

.introdiv {
	border-style:solid;
	border-width:0.5vw;
	border-color:#6c0000;
	margin:0.5vw;
	height:35%;
}

.navigationdiv {
	float: right;
	width:72%;	
	margin-top:-0.6%;
}

.blinkiediv {
	border: #6c0000;
	border-left-style: solid;
	border-width:0.5vw;
	width:27%;
	height:90%;
	float:right;
	padding:0.2vw;
}

.maincontent {
	border-color: #6c0000;
	border-style: solid;
	border-width:0.5vw;
	float: left;
	width:68%;
	height:75%;
	bottom:8vh;
}

.mainhead {
	border-color:#6c0000;
	border-style:solid;
	border-width:0.5vw;
	float:left;
	width:68%;
	height:auto;
	border-bottom-style:hidden
}

.profileimage {
	border-color:#6c0000;
	border-style: groove;
	border-width: inherit;
	margin:1%;
	margin-right:30%;
	width:16vw;
	height:16vw;
	float: left;
}

h2 {
	font-family:"Blackadder ITC";
	color:#E50000;
	font-size:2.7vw;
	margin-top:1px;
	margin:0px;
}

h3 {
	font-family:protection;
	color:#EFE4E4;
	font-size: 3vw;
	margin:0.5vw;
}

.namediv {
	border-color:#6c0000;
	border-width:0.5vw;
	border-style:solid;
	margin:0.5vw;
	padding:0.5vw;
	width: 8vw;
	height:8vh;
	float:left;
}
.prnsdiv {
	border-color:#6c0000;
	border-width:0.5vw;
	border-style:solid;
	margin:0.5vw;
	padding:0.5vw;
	width: 9vw;
	height:8vh;
	float: right;
}

.lvvbugzzdiv {
	float:right;
	rotate:-90deg;
	position:absolute;
	left:14vw;
	top:8vh;
}

.bottomblinkies {
	width:92%;
	border-color:#6c0000;
	border-style:none;
	border-width:0.5vw;
	margin-left:4%;
	position:absolute;
	bottom:0.5vw;
	height:auto;
}

.bottomblinkiesmain {
	width:98%;
	border-color:#6c0000;
	border-style:none;
	border-width:0.5vw;
	height:auto;
	position:absolute;
	bottom:0.5vw;
}

h4 {
	font-family: "Comic Sans MS";
	color:#efe4e4;
	font-size: 2vw;
	margin:0.5vw;
}

.instadiv {
	position:absolute;
	float:right;
	right:1%;
	top:2%;
	height:69%;
	width:29.5%;
	
}
.spacer {	
	width:10%;
	height:150%;
	position:absolute;
}

h1 {
	font-family:"Pyxxl";
	color: #efe4e4;
	font-size:18px;
	margin:0.5vw;
}
h5{
	font-family: "Comic Sans MS";
	color:#efe4e4;
	font-size: 18px;
	margin:0.5vw;
}

a:link {
  color:#E50000;
  background-color: transparent;
  text-decoration:underline;
}
a:visited {
  color: #6C0000;
  background-color: transparent;
  text-decoration: line-through;
}
a:hover {
  color: #FF0000;
  background-color: transparent;
  text-decoration: underline;
}
a:active {
  color: #6C0000;
  background-color: transparent;
  text-decoration: underline;
}
.gallery {
	width:100%;
	height:82%;
	overflow:auto;
}
.gallery::-webkit-scrollbar-track{
  background-color: #2f0000;
}
.gallery::-webkit-scrollbar{
  width: 15px;
  background-color: #2f0000;
}
.gallery::-webkit-scrollbar-thumb{
  background-color: #6C0000;
  border: 2px solid #e50000;
	border-radius: 10px;
}
