html {
  height:100%;
  width:1262px;
}

body {
  background-color:#000261;
  font-family:arial,sans-serif;
  height:100%;
}

header {
  background-color:#A6A7D9;
  border:10px solid #6E70D3;
  border-width: 0px 0px 10px 0px;
  color:Black;
  margin-bottom:8px;
  margin-right:auto;
  margin-left:auto;
  overflow:hidden;
  width:80%;
}

.bold {
  display:inline;
  font-weight: bold;
  margin-left:6%;
}

#icon {
  margin-left:2%;
  margin-right:1.75%;
}

#icon2 {
  margin-left:1.75%;
  margin-right:2%;
}

.indent {
  margin-left:6%;
  margin-right:3%;
}

#shopbanner {

}

#title{
  display: block; 
  margin-left:auto;
  margin-right:auto;
}

#title2{
  display: block; 
  margin-left:auto;
  margin-right:auto;
}

main {
  background-color:#A6A7D9;
  border:10px solid #6E70D3;
  border-width: 10px 0px 10px 10px;
  color:Black;
  margin-left:8px;
  vertical-align: top;
  width:100%;
}

#comic {
  background-color:white;
  border:5px ridge #D6D6CC;
  display: block; 
  margin-left:auto;
  margin-right:auto;
  margin-top:8%;
}

#comicbar {
  background-color:grey;
  border:5px ridge #D6D6CC;
  display: block; 
  margin-left:auto;
  margin-right:auto;
  margin-bottom:8%;
  width:82.25%;
}

#comicbox {
  width:100%;
}

#first {
  position:relative;
  left:2%;
  top:-4px;
}

#last {
  position:relative;
  left:17.75%;
  top:-4px;
}

#archive {
  position:relative;
  left:33.5%;
  margin-top:1%;
}

#next {
  position:relative;
  left:49.25%;
  top:-4px;
}

#latest {
  position:relative;
  left:65%;
  top:-4px;
}

#sidebar {
  background-color:#6E70D3;
  border:10px solid #A6A7D9;
  border-width: 10px 10px 10px 0px;
  color:Black;
  vertical-align: top;
  width:18%;
}
#patreon {
	margin-top:3%;
	
}

#vote {
	margin-top:3%;
}

.faqline {
	border:10px solid black;
    border-width: 0px 0px 1px 0px;
    margin-left:3%;
	margin-right:3%;
	padding-bottom:2%;
}

.line {
    margin-left:3%;
	margin-right:3%;
}

.rantheader {
    margin-left:3%;
	margin-right:3%;
    text-align: center;
    font-size: 30px;
}

.rantline {
    margin-left:3%;
	margin-right:3%;
	font-size: 20px;
}

.lineheader {
  background-color:lightgrey;
  border:2px solid black;
  display: block;
  font-size: 250%;
  margin-left:3%;
  margin-right:3%;
  text-align: center;
}

.nav {
  display: block; 
  margin-bottom:2%;
  margin-left:auto;
  margin-right:auto;
}

#homenav {
  margin-top:5%;
}

#news {
  background-color:#A6A7D9;
  color:Black;
  margin-top:8px;
  margin-left:8px;
  width:70%;
}

#newstitle {
  display: block; 
  margin-left:auto;
  margin-right:auto;
  margin-top:2%;
}

.newsinfo {
  border:10px solid black;
  border-width: 0px 0px 1px 0px;
  display: block;
  margin-left:3%;
  margin-right:3%;
  padding-bottom:1%;
}

.newstext {
  display: block;
  margin-left:3%;
  margin-right:3%;
}

#chat {
  display: block; 
  margin-left:auto;
  margin-right:auto;
  margin-top:2%;
  width:90%;
}

#ads {
  background-color:#6E70D3;
  border:10px solid #A6A7D9;
  border-width: 10px 0px 10px 10px;
  color:Black;
  margin-top:8px;
  margin-left:8px;
  width:30%;
}

#bidvertiser {
  background-color:#6E70D3;
  margin-top:4%;
  margin-bottom: 4%;
  margin-left:auto;
  margin-right:auto;
  width: 118px;
}

#donation {
  display: block; 
  margin-left:auto;
  margin-right:auto;
  margin-top:4%;
}

#socialMedia { 
  display: block; 
  margin-left:auto;
  margin-right:auto;
  margin-top:5%;
  width: 60%;
}

#google {
  background-color:#6E70D3;
  border:5px solid #000000;
  margin-top:4%;
  margin-bottom: 4%;
  margin-left:auto;
  margin-right:auto;
  width: 118px;
}

#adtitle {
  display: block; 
  margin-left:auto;
  margin-right:auto;
  margin-top:4%;
}

#licensing {
  display: block;
  margin-left:3%;
  margin-right:3%;
}
  
#row1 {
  align-items:stretch;
  display: flex;
  flex-direction: row;
  margin-bottom:8px;
  margin-left: 10%;
  width: 80%;
  overflow:hidden;
}

#col1 {
  display: flex;
  flex-direction: column;
  width:79.25%;
}

#row2 {
  align-items:stretch;
  display: flex;
  flex-direction: row;
  width:102.25%;
}

footer {
  background-color:#A6A7D9;
  border:10px solid #6E70D3;
  border-width: 10px 0px 0px 0px;
  clear:both;
  color:Black;
  margin-left:auto;
  margin-right:auto;
  padding-bottom:1%;
  width:80%;
}

small{
  display:block;
  margin-left:2%;
}