@charset "UTF-8";
/* © lillacat */

/* RESET */

* {
    margin: 0;
    padding: 0;
}

/* -------BODY STYLES------ */

body {
	background-color: transparent;
	font-family: 'Spectral', serif;
	font-size: 13px;
        text-align: left;
	color: rgb(34, 34, 34);
}


html, body {
        cursor: url(images/bow1.gif) 0 0, auto;
}

.blurb {
       width: 260px;
       float: left;
       text-align: justify;
}

.blurb img {
       float: left;
       padding: 5px;

}

.currently-list {
    padding-top: 8px;
    padding-bottom: 8px;
    width: 182px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-family: 'rainyhearts', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.currently-item {
    background-color: #FFE9FF;
    padding: 2px 5px;
    font-size: 14px;
    line-height: 16px;
}

.currently-item img {
    vertical-align: middle;
    margin-right: 3px;
}

.link-code {
    text-align: center;
    margin-top: 5px;
}

.link-code textarea {
    width: 100px;
    height: 35px;
    resize: none;
    box-sizing: border-box;

    background-color: #FFE9FF;
    border: 1px solid #CC99FF;

    color: #585858;
    font-family: "Courier New", monospace;
    font-size: 9px;

    padding: 3px;
    outline: none;
}

.cliques {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 12px;
    background: #FFE9FF;
    border: 1px dotted #d9a5e8;
}

#blinkies {
  display: grid;
  width: 350px;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5px;
  padding-bottom: 40px;
}


#blinkies img {
width: 150px;
padding: 2px;
}

#buttons img {
padding: 3px;
}

.stamps {
  display: grid;
  width: 350px;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5px;
  padding-bottom: 40px;
}

#stamps {
  display: grid;
  width: 350px;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5px;
  padding-bottom: 40px;
}

#toybox img {
padding: 1px;
}

.blinkies img {
width: 150px
height: 20px;
object-fit: contain;
}

.oldweb {
  display: grid;
  width: 350px;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5px;
  padding-bottom: 40px;
}

#fanlistings {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
    width: 350px;
}

#fanlistings a {
    display: block;
}

#fanlistings img {
    display: block;
}

#fanlistings a:hover {
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

.chatbox {
    background: linear-gradient(to right, #ffccff, #e6ccff, #b3b3ff);
    float: right;
    width: 150px;
    height: 300px;
    padding: 5px;
    margin-right: 35px;
    border: 1px solid #cc99ff;
    color: #585858;
}

.nav {
        display: flex;
        flex-direction: column;
        padding-top: 8px;
        margin: 0;
        font-size: 0;
        width: 180px;
        list-style: none;

}

ul.box {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        padding: 0;
        margin: 0;
        width: 246px;
        list-style: none;

}


li {
        background: #eeccff;
        width: 180px;
	color: #FFFFFF;
	font-family: 'rainyhearts', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        text-transform: lowercase;
        text-align: center;
	font-size: 16px;
        margin: 1px;
        padding: 0;
        list-style-type: none;
        flex-shrink: 0;
}

.box li {
        background: #fbe0ff;
        width: 235px;
        border: 1px solid #fef7ff;
	color: #FFFFFF;
	font-family: 'rainyhearts', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        text-transform: lowercase;
        text-align: center;
	font-size: 16px;
        margin: 1px;
        padding: 0;
        list-style-type: none;
        flex-shrink: 0;
}

li a { 
    color: #FFFFFF;
	text-decoration: none;
        font-family: 'rainyhearts', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 16px;
        text-shadow: 1px 1px 1px #bf80ff;
        text-align: center;
        font-weight: 600;
        letter-spacing: 2px;
        cursor: url(images/bow1.gif) 0 0, auto;
}

li a:hover { 
  background-image: url("images/link.gif");
  background-repeat: repeat;
  background-position: center;
  cursor: url(images/bow2.gif) 0 0, pointer;
  color: #BB9DE9;
  letter-spacing: 3px;
}

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


h2 {
background: linear-gradient(to right, #ffccff, #e6ccff, #b3b3ff);
  border: 1px solid #cc99ff;
  width: 180px;
  font-size: 20px;
  font-family: 'rainyhearts', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #FFFFFF;
  text-shadow: 1px 1px 1px #bf80ff;
  text-transform: lowercase;
  text-align: center;
  letter-spacing: 1px;


}

h2.header {
  background: linear-gradient(to right, #ffccff, #e6ccff, #b3b3ff);
  border: 1px solid #cc99ff;
  width: auto;
  font-size: 20px;
  font-family: 'rainyhearts', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color #FFFFFF;
  text-shadow: 1px 1px 1px #bf80ff;
  padding: 2px;

}


h3 {
	color: rgb(0, 143, 169);
	font-family: '04b03', serif;
	font-weight: 400;
	padding: 10px;
	text-align: center;
}

h4 {
	color: rgb(0, 143, 169);
	font-family: 'Spectral', serif;
	font-size: 1.1em;
	font-weight: 600;
	padding: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#dolls {
float: left;
}


*/ --- FONTS --- */

@font-face {
  font-family: 'rainyhearts';
  src: url('https://static.wfonts.com/data/2014/06/12/rainyhearts/rainyhearts.ttf') format('ttf');
  font-display: swap;
}

@font-face {
    font-family: 'andybold';
    src: url('fonts/andybold.woff2') format('woff2'),
         url('fonts/andybold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

a { 
    color: #bb99ff;
	text-decoration: none;
	font-size: 13px;
          cursor: url(images/bow1.gif) 0 0, auto;
}

a:hover { 
  background-image: url("images/link.gif");
  background-repeat: repeat;
  background-position: center;
  cursor: url(images/bow2.gif) 0 0, pointer;
  color: #e6b3ff;
}


h1.main {
        width: 600px;
        color: #ba90f6;
        position: absolute;
        left: 820px;
        top: 220px;
        z-index:2;

img.poster {
	float: left;
	padding: 5px 20px 20px 20px;
}

h1.poster {
	
	font-size: 20px;
	margin-right: 700px;
}

/* Remove link border from images in IE */
a img {
	border: none;	
}

img.layout {
	width: 100%;
	height: auto;
        bottom: 80px;
        top: 50px;
	position: absolute;
	z-index: 1;
}