html {
	display:grid;
}

body {
	background-image: url("bg_fwonsh.png");
	background-repeat:repeat;
	color: #855BAC;
	font-size:18px;
	margin-top: 32px;
	font-family: "Garamond", serif;
}

/* IDs */

#content {
	display:grid;
	background: rgba(256, 256, 256, 0.85);
	margin: 0px auto;
	width: 1280px;
	border: 52px solid #F3EFF7;
	border-image: url("border_lace.png") 52 round;
	border-image-outset: 26px;
}


#navbar {
	display:block;
	width: 220px;
	grid-area: 1 / 1 / 2 / 2;
}


#navbar img {
	display:block;
	padding: 6px;
	margin-left:auto;
	margin-right:auto;
}

#friendslist {
	width: 172px;
	padding: 0px 6px;
	margin:auto;
	text-align: center;
	background-color: white;
	border: 6px solid #855BAC;
	border-radius: 28px;
}

#mainitems {
	display:block;
	width: 740px;
	grid-area: 1 / 2 / 2 / 3;
}

#sidebar {
	display:block;
	padding: 6px;
	margin-left:auto;
	margin-right:auto;
	width: 220px;
	grid-area: 1 / 3 / 2 / 4;
}

#fakeban {
	display:grid;
	background-color: #E6E6E6;
	border-left:20px solid lightgray;
	border-right:20px solid lightgray;
	margin:0px;
}


#hereswhereadsgo img {
	display:inline;
}

/* CLASSES */


.grid-container {
	display: grid;
	grid-template-columns: auto auto auto auto;
	grid-template-rows: auto auto auto auto;
}

.rainbowedge {
	background-color: white;
	border: 22px solid white;
	padding-left: 22px;
	border-image: url("border_rainbow.png") 22 round;
	overflow:auto;
}


.adpics {
	margin:auto;
	padding:6px;
}

.adpics img {
	margin-left: 6px;
	margin-right: 6px;
}

.disclaimer {
	text-align:center;
	line-height:0;
	color:black;
	font-size:12px;
	margin-top:-6px;
}

/* OTHER STYLES */

h1, h2, h3{
	font-family: "Henny Penny", system-ui;
}

div {
	line-height: 1.1;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

li::before {
  content: "♥";
  padding-right: 8px;
}

.zoomer:hover {
	cursor: pointer;
	transition: 0.5s ease;
	transform: scale(1.2, 1.2);
}

h2 a:link {
  color: #510B92;
}

h2 a:hover {
	color:white !important;
	background-color:#855BAC;
}

h2 a:visited {
	color:#e67cd9;
}

p a:link {
  color: #702963;
}

p a:hover {
	color:white !important;
	background-color:#855BAC;
}

p a:visited {
	color:#e67cd9;
}