/* NN4 does not recognize element#id statements. #id is fine, as is element.class. This 
   no longer has any relevance here, but is nice trivia. */

/* First: dumb it down for NN4 */

body	{	background: #ffffff;
		color: #000000;
	}

#content {	background: #b8bbea;
		margin-right: 165px;
		color: #000000;
		padding: 1%;
		border: solid 1px #000000;
	  }

#sorry {	margin-left: 100px;
		margin-right: 90px;	}

/* And for the rest, the actual definition: */

/*/*/
body {	background: #8d92dd url(images/blue_unicorn_med4.jpg) 0px 0px no-repeat fixed;
	color: #000000;
     }

#plain	{	background: #b2bbea;	}
     
#content	{	background: #d7daf3 url(images/blue_unicorn_extra_light4.jpg) 0px 0px no-repeat fixed;
			color: #000000;
			position: relative;
			top: 16px;
			left: 100px;
		}

#content_plain	{	background: #ffffff;
			margin-right: 165px;
			color: #000000;
			padding: 1%;
			border: solid 1px #000000;
			position: relative;
			top: 16px;
			left: 100px;
		}

#sorry {	display: none;	}

#sidebar	{	position: absolute;
			top: 22px;
			left: 5px;
		}
		
.button		{	display: block;
			background: #ffffff url(images/blue_unicorn_extra_light4.jpg) 0px 0px no-repeat fixed;
			padding: 4px 4px 4px 4px;
			margin-top: 2px;
			margin-bottom: 2px;
			border: #000000 1px solid;
			width: 88px;
		}

A.button:link	{	text-decoration: none;
				color: #1823bc;
			}
A.button:visited	{	text-decoration: none;
				color: #1823bc;
				font-weight: bold;
			}

.button_plain	{	display: block;
			background: #ffffff;
			padding: 4px 4px 4px 4px;
			margin-top: 2px;
			margin-bottom: 2px;
			border: #000000 1px solid;
			width: 88px;
		}

A.button_plain:link	{	text-decoration: none;
				color: #1823bc;
			}
A.button_plain:visited	{	text-decoration: none;
				color: #1823bc;
				font-weight: bold;
			}

.right	{ float: right; }

/* Everybody now. */

H1	{	/* border-style: solid; */
		color: #1823bc;
		/* background: #ffffff; */
		padding: 3px;
	}

H2,H3,H4	{	color: #1823bc;	}

A:link {	color: #1823bc;
		font-weight: bold;
       }
A:visited	{ color: #00128c;	}


#main	{	background: #ffffff url(images/praise-the-blue-steel-1.jpg) 0 0 repeat fixed;	}

#main_content	{	background: #ffffff url(images/praise-the-blue-steel-light.jpg) 0 0 fixed;
			color: #000000;
			margin: 60px 80px 40px 80px;
			border: 1px #000000 solid;
			padding: 2em;
		}

#bumblebee {	display: none; }

#butterfly {	background: #ffffff url(images/butterfly-swallow.jpg) 0 0 no-repeat;
		width: 196px;
		height: 197px;
		border: solid 2px #000000;
		/* float: right; */
		position: absolute;
		right: -98px;
		/* margin-left: -99px; */
	}

#bottomlink {	background-color: #ffffff;
		/* width: 100%; */
		padding: 7px 4px 7px 4px;
		border: #000000 2px solid;
	    }
#bottomlink A:link	{	text-decoration: none;	
				font-weight: bold;
				color: #1823bc;
			}

#bottomlink A:visited	{	text-decoration: none;	
				font-weight: bold;
				color: #1823bc;
			}

#imagemask-bee {	display: none; }
	
#imagemask-bf {	background-color: #d5daf9;
		height: 200px;
		width: 95px;
		float: right;
	   }

.blue	{	color: #1823bc;	}
.darkblue	{	color: #00128c;	}
.indent		{	margin-left: 1em;	}
.doubleindent	{	margin-left: 2em;	}
.big		{	font-size: 1.17em;
			font-weight: bold;
			color: #1823bc;
		}
.bigger		{	font-size: 1.5em;
			font-weight: bold;
			color: #1823bc;
		}
.biggest	{	font-size: 2em;
			font-weight: bold;
			color: #1823bc;
		}
.wham		{	color: #1823bc;
			font-weight: bold;
		}