/*		descriptive:		document is best viewed with tab size 8 */

/*		{text-form:		css 3;
		written-by:		edward rogers (monty@umpire.com);
		written-for:		www.pachydermia.com/freaks;
		date-modified:		xxvii.vi.mmx
		them-legals:		all rights reserved} */

/*		descriptive:		stylesheet begins */

body		{font-family:		"Palatino Linotype", "Book Antiqua", Palatino, serif;
		background-color:	black;
		font-size:		16px;
		color:			#B4B4B4;
		text-shadow:		#B4B4B4 0px 1px 3px}

img		{border:		0}

#gradleft	{position:		fixed;
		right:			66%;
		top:			125px}

#gradright	{position:		fixed;
		left:			34%;
		top:			125px}

#gradbottomleft	{position:		fixed;
		right:			66%;
		bottom:			0%;
		visibility:		hidden}

#gradbottomright{position:		fixed;
		left:			34%;
		bottom:			0%;
		visibility:		hidden}

#topofpage	{position:		fixed;
		right:			69%;
		top:			26px;
		font-size:		12px;
		visibility:		hidden;}

#fly		{position:		fixed;
		right:			69%;
		top:			21px}

#blackright	{position:		fixed;
		left:			36%;
		top:			0%}

#rightbrick	{position:		fixed;
		right:			0px;
		top:			0%;
		z-index:		2}

#rightbrickdark	{position:		fixed;
		right:			0px;
		top:			0%;
		z-index:		2}

#blackleft	{position:		fixed;
		right:			66%;
		top:			0%}

#knob		{position:		fixed; 
		left:			34%;
		top:			0%}

#predcockroach	{position:		absolute; 
		left:			0%;
		top:			3300px;
		z-index:		1}

#tall		{position:		fixed; 
		left:			34%;
		bottom:			10px}

#blood		{position:		absolute; 
		left:			30%;
		top:			3600px}

#cockroach	{position:		absolute; 
		left:			31%;
		top:			3600px}

#bottom		{position:		absolute; 
		left:			31%;
		top:			3650px}

#longright	{position:		fixed;
		left:			0%;
		top:			114px;
		z-index:		3}

#bolexbrothers	{position:		fixed; 
		left:			37.5%; 
		top:			42px;
		line-height:		20%;
		z-index:		3}

#lightbulboff	{position:		fixed; 
		right:			0; 
		top:			123px}

#lightbulb	{position:		fixed; 
		right:			0; 
		top:			123px}

#themoth1span	{position:		fixed; 
		right:			-50px; 
		top:			120px}

#themoth1gradspan{position:		fixed; 
		right:			-50px; 
		top:			120px}

#links		{text-align:		right; 
		position:		absolute; 
		right:			69%; 
		top:			200px;
		font-size:		20px;
		line-height:		117%;
		font-weight:		bold}

#cargo		{text-align:		justify; 
		position:		absolute; 
		left:			37.5%; 
		right:			9%; 
		top:			200px;
		max-width:		571px;
		line-height:		200%}

#unwelcomeflash	{text-align:		justify; 
		position:		fixed; 
		left:			37.5%; 
		right:			9%; 
		top:			163px;
		max-width:		571px;
		line-height:		200%}

#longcargo	{text-align:		justify; 
		position:		absolute; 
		left:			37.5%; 
		right:			9%; 
		top:			163px;
		max-width:		571px;
		line-height:		200%}

p.topline	{font-weight:		bold;
		font-size:		30px;
		text-transform:		uppercase;
		text-align:		center}

p.fish1		{text-align:		right; 
		font-size:		16px;
		line-height:		117%;
		color:			black;
		-webkit-transform:	rotate(-5deg);
		-moz-transform:		rotate(-5deg);
		-o-transform:		rotate(-5deg)}

p.fish2		{text-align:		right; 
		font-size:		16px;
		line-height:		117%;
		color:			black;
		-webkit-transform:	rotate(3deg);
		-moz-transform:		rotate(3deg);
		-o-transform:		rotate(3deg)}

p.fish3		{text-align:		right; 
		font-size:		16px;
		line-height:		117%;
		color:			black;
		-webkit-transform:	rotate(4deg);
		-moz-transform:		rotate(4deg);
		-o-transform:		rotate(4deg)}

p.fish4		{text-align:		right; 
		font-size:		16px;
		line-height:		117%;
		color:			black;
		-webkit-transform:	rotate(-2deg);
		-moz-transform:		rotate(-2deg);
		-o-transform:		rotate(-2deg)}


p.fish5		{text-align:		right; 
		font-size:		16px;
		line-height:		117%;
		color:			black;
		-webkit-transform:	rotate(6deg);
		-moz-transform:		rotate(6deg);
		-o-transform:		rotate(6deg)}


p.fish6		{text-align:		right; 
		font-size:		16px;
		line-height:		117%;
		color:			black;
		-webkit-transform:	rotate(-5deg);
		-moz-transform:		rotate(-5deg);
		-o-transform:		rotate(-5deg)}

p.fish7		{text-align:		right; 
		font-size:		16px;
		line-height:		117%;
		color:			black;
		-webkit-transform:	rotate(1deg);
		-moz-transform:		rotate(1deg);
		-o-transform:		rotate(1deg)}


p.fish1:hover	{color:			red;
		text-shadow:		#B20000 2px 2px 2px}

p.fish2:hover	{color:			red;
		text-shadow:		#B20000 2px 2px 2px}

p.fish3:hover	{color:			red;
		text-shadow:		#B20000 2px 2px 2px}

p.fish4:hover	{color:			red;
		text-shadow:		#B20000 2px 2px 2px}

p.fish5:hover	{color:			red;
		text-shadow:		#B20000 2px 2px 2px}

p.fish6:hover	{color:			red;
		text-shadow:		#B20000 2px 2px 2px}

p.fish7:hover	{color:			red;
		text-shadow:		#B20000 2px 2px 2px}

p.smoke		{margin-bottom:		20px;
		color:			#999;
		font-weight:		bold;
		font-size:		50px;
		width:			400px;
		-webkit-transform:	rotate(5deg);
		-moz-transform:		rotate(5deg);
		-o-transform:		rotate(5deg);
		text-transform:		uppercase}

p		{color:			#FFFFFF}

a		{color:			#F00000;
		text-decoration:	none;
		text-shadow:		#B20000 2px 2px 2px}

a:hover		{color:			#FFFFFF;
		text-shadow:		#DCDCDC 2px 2px 2px}

p.fake		{color:			red}

p.current	{color:			white}

p.centre	{text-align:		center}

p.ie6warning	{color:			white;
		line-height:		100%;
		font-size:		12px}

p.footer	{color:			white;
		line-height:		350%;
		font-size:		11px}

    .spotlight {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2000px;
        border: 1px solid #000;
        pointer-events: none;
        /* this is the sweet spot */
        background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.8)), color-stop(0.8, rgba(0,0,0,0)));
        background-image: -moz-radial-gradient(50% 50% 45deg,circle closest-side,transparent 0,transparent 100px,rgba(0, 0, 0, 0.8) 120px);
    }

#agent99	{visibility:hidden}

/*		descriptive:		stylesheet ends */