/* -------------- */
/* |body content| */
/* -------------- */
body
{
	padding-left: 14em;
	font-family: Georgia, "Times New Roman", serif;
	text-shadow:
		1px 1px 1px #C11C84,
		0 0 0.5em white;
	color: purple;
	background-color: pink;
	background-attachment: fixed; 
}

hr
{
	border: 1px solid purple;
	box-shadow:
		1px 1px 3px #C11C84,
		0 0 0.5em white;
}


/* ------------- */
/* |backgrounds| */
/* ------------- */
.navbg
{
	background-image: url(img/1367104642.png);
	background-blend-mode: overlay;
}

.bg00
{
	background-image: url(img/haze.png);
	background-blend-mode: overlay;
}

.bg01
{
	background-image: url(img/invlain.png);
	background-blend-mode: overlay;
}

.bg02
{
	background-image: url(img/thunder_2.png);
	background-blend-mode: overlay;
}

.bg03
{
	background-image: url(img/wiredfriend.png);
	background-blend-mode: overlay;
}


/* --------------------------------- */
/* |unordered list (navigation bar)| */
/* --------------------------------- */
.navbar
{
	background-color: pink;
	list-style-type: none; /* remove bullet point style list */
	padding: 0;
	margin: 0;
	border-right: 2px dotted black;
	box-shadow: 4px 0 2em #C11C84;
	position: fixed;
	overflow: auto;
	top: 0em;
	bottom: 0em;
	left: 0em;
	width: 12em;
}

/* hyperlinks*/
.navbar a:link
{
	text-decoration: none;
	color: #C11C84;
}

.navbar a:hover
{
	text-decoration: underline;
	color: white;
}

.navbar a:active
{
	text-decoration: none;
	color: #fff9c2;
}

.navbar a:visited
{
	text-decoration: none;
	color: #e75480;
}

/* list items */
.navbar li
{
	font-size: 20px;
	word-wrap: break-word;
	background: #FFB6C1;
	margin: 0.5em 1em;
	padding: 0.3;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1em solid black;
	box-shadow:
		1px 1px 3px #C11C84,
		0 0 10px white;
}

.navbar li:hover
{
	background: #fff9c2;
}

.navbar li:active
{
	background: #e75480;
}

/* neocities image */
.neocities
{
	width: 140px;
	margin-top: 1em;
	margin-bottom: 1em;
	box-shadow:
		1px 1px 1px #C11C84,
		0 0 100px white;
}

/* -------------- */
/* |text content| */
/* -------------- */
/* header */
h1
{
	font-family: Helvetica, Geneva, Arial;
}

.ul-sect
{
	font-family: Helvetica, Geneva, Arial;
	text-decoration: underline;
	margin: 0.5em 1em;
	padding: 0.3;
	top: 1em;
	left: 0em;
}

.contact
{
	font-family: monospace;
	font-size: 1em;
}


/* --------- */
/* |spacing| */
/* --------- */
.large-space
{
	height: 60px;
}