/* Cascading Style Sheet      */
/* http://hauntinggrounds.org */
/* 1 June 2017            */
/* Tim Doggett                */

/* Includes adaptation of 'Jello Mold' scaling technique by Mike Purvis  */
/* http://www.positioniseverything.net/articles/jello.html               */
/* Does not include hacks targeting IE6.                                 */


/* General Styles */


*		{
		padding: 0;
		margin: 0;
}

h1		{
		font-family: "CloisterBlack BT", Canterbury, "Book Antiqua", "Palatino Linotype", Palatino, Georgia, Serif;
}

h2		{ 
		font-family: "CloisterBlack BT", Canterbury, "Book Antiqua", "Palatino Linotype", Palatino, Georgia, Serif;
		font-weight: normal;
		clear: both;
		text-align: center;
		margin: 1em;
}

h3		{ 
		font-family: "Book Antiqua", "Palatino Linotype", Palatino, Georgia, Serif;
		margin: 1em 0 .5em 0;
		clear: both;
}
 
p		{
		margin: 1em 0;
}

dt		{
		font-size: 130%;
		font-weight: bold;
		margin: 1.2em 0 .4em 0;
}

dd		{
		margin: .4em 1em;
}

img		{
		border-style: ridge;
		border-width: medium;
		border-color: #ff8f00;
}

sup		{ font-size: small;}

abbr		{border-bottom: dotted 1px #8f4f00;}

.blockquote	{
		display: block;
		float: left;
		font-size: large;
		font-weight: bold;
		padding: .5em 1em 1em 1em;
}

.quotehead	{
		display: block;
		clear: both;
}

img.fly-vsmall	{
		width: 150px;
		border: none;
}

img.fly-hsmall	{
		height:	150px;
		border: none;
}

#to-flyer	{
		position: relative;
		float: left;
		margin: 1em 20px;
		text-align: center;
}

#to-flyer span	{
		display: block;
}

.to-top		{
		position: relative;
		height: 3em;
		margin-top: 1.5em;
		padding-left: 10px;
}

.to-top	img	{
		position: relative;
		float: left;
		top: -8px;
		width: 	41px;
		height: 52px;
		border:	none;
		margin-right: 8px;
}

hr		{
		color: #ff8f00;/* for IE */
		background-color: #ff8f00; /* for FF and Opera */
		height:2px; /* for Opera */
		border:none; /* to get rid of (dark) border in FF and Opera */
		margin: .8em auto;
		text-align: center;
		width: 25%;
		clear: both;
}

a:link  	{color: #ffaf5F; background-color: transparent;}
a:link img	{background-color: transparent; text-decoration: none;}

a:visited 	{color: #ff9f30; background-color: transparent;} 
a:active 	{color: #ffcfaf; background-color: transparent;}
a:hover  	{color: #ffaf5F; background-color: transparent;}

/* End General Styles */

/* Shell Styles */

body		{
		background: #040404 url(hhg94b7c.jpg) no-repeat center fixed;
		font-family: "Book Antiqua", "Palatino Linotype", Palatino, Georgia, serif;
		color:  #ff8f00;
		padding: 0 24em 0 24em;
		text-align: center;
}

#sizer 		{
		margin: 0 auto 0 auto;
		max-width: 24em;
		width: 100%; 
		/* width is the critical value for customizing the Jello behavior */
		/* 0% keeps all content a fixed width and centered */
		/* 50% content expands to fill half the difference and centered */
		/* 100% content expands to fill width of page */
}

#fullpage	{
		margin: 0 -24em 0 -24em;
		min-width: 48em; 
}

#container	{
		position: relative;
		width: 100%;
		text-align: left;
}

/* End Shell Styles*/

/* Right Column Styles */

#content-main	{
		position: relative;
		float: right;
		clear: right;
		width: 74%;
		margin: 10px 10px 0 0;
		z-index: 2;
}

#finish		{
		position: relative;
		width: 38%;
		margin: 0 auto;
		text-indent: -9999px;
}

/* End Right Column Styles */


/* Left Column Styles */

#masthead	{
		float: left;
		width: 24%;
}

#masthead h1	{
		font-size: 250%;
		width: 95%;
		margin: 10px 5%;
}

#masthead span	{
		font-size: large;
		font-weight: bold;
		display: block;
		width: 95%;
		margin: 10px 5%;
}

#masthead p	{
		font-weight: bold;
		width: 95%;
		margin-left: 1em;
}

#content-secondary	{
		position: relative;
		float: left;
		clear: left;
		width: 24%;
		margin-top: 1em;
}

#nav-main	{
		position: relative;
		font-size: medium;
		list-style-type: none;
		width: 98%;
		float: left;
		clear: left;
		margin-top: 1em;
}

#nav-main li {
		position: relative;
		width: 100%;
		height: 3.5em;
		margin-top: 10px;
		padding-left: 10px;
		clear:left;
}

#nav-main li img{
		position: relative;
		float: left;
		top: -8px;
		width: 	41px;
		height: 52px;
		border:	none;
		margin: 0 8px 0 0;
}

#nav-main li span{
		display: block;
}

.sounds		{
		position: relative;
		float: left;
		clear: left; 
		width: 98%;
		margin: 20px .25em 1em 10px;
}
.sounds h5	{margin-bottom: 5px;}
.sounds #soundlinks	{margin-top: 5px}
.sounds a	{display: block;}
.sounds object	{width: 150px; height: 45px;}

/* End Left Column Styles */

/* Footer Styles */

#sitenotes	{
		position: relative;
		clear: both;
		width: 100%;
		height: 8em;
		padding-top: 5%;
		list-style-type: none;
		z-index: 10;
}

#sitenotes img	{
		border-style: none;
		border-width: 0;
		border-color: black;
}

#sitenotes #credit	{
		position: absolute;
		left: 5px;
		bottom: 3em;
		font-size: xx-small;
}

#sitenotes #copyright	{
		position: absolute;
		left: 5px;
		bottom: 10px;
		font-size: xx-small;
}

#sitenotes #sendcomments	{
		width: 12em;
		margin: auto;
		font-size: large;
		font-style: italic;
		font-weight: bold;
}

#sitenotes #sendcomments a	{
		font-size: x-large;
		text-decoration: none;
}

#sitenotes #sendcomments a:hover	{
		text-decoration: underline;
}

#sitenotes #icra	{
		position:absolute;
		right: 205px;
		bottom: 0;
}

#sitenotes #xhtmlvalid	{
		position:absolute;
		right: 105px;
		bottom: 0;
		opacity: 0.4;
}

#sitenotes #cssvalid	{
		position:absolute;
		right: 5px;
		bottom: 0;
		opacity: 0.4;
}

/* End Footer Styles */

/* "Home" page Styles*/

#hhg #intro	{
		position: relative;
		float: right;
		clear: right;
		width: 95%;
		margin: 1em 2% 0 3%;
		font-weight: bold;
		text-align: center;
}

#hhg #intro hr	{margin: 0 auto;}

#hhg #special {
		display: block;
		position: relative;
		width: 90%;
		margin: 22em 5% 0;
		font-weight: bold;
		font-size: large;
		text-align: justify;
}

#hhg #special dt {
		text-align: center;
}

#hhg #special span {
		display: block;
		margin: 1em;
		text-align: center;
}

#nav-index	{
		position: absolute;
		width: 100%;
		height: 20em;
		top: 2em;
		right: 0%;
		font-size: medium;
		list-style-type: none;
}

#nav-index li {
		position: absolute;
		width: 18em;
}

#hhg #story	{top: 0; left: 6%;}
#hhg #pics	{top: 0; left: 53%;}
#hhg #guide	{top: 4em; left: 6%;}
#hhg #history	{top: 4em; left: 53%;}
#hhg #hosts	{top: 8em; left: 6%;}
#hhg #beneath	{top: 8em; left: 53%;}
#hhg #new	{top: 12em; left: 6%;}
#hhg #faq	{top: 12em; left: 53%;}
#hhg #links	{top: 16em; left: 6%;}
#hhg #comments	{top: 16em; left: 53%;}

#nav-index li img{
		position: relative;
		float: left;
		top: -5px;
		width: 	41px;
		height: 52px;
		border:	none;
		margin-right: 8px;
}

#showdates	{
		font-weight: bold;
		width: 100%;
		float: left;
		clear: left;
}	

#showdates p	{padding-left: 10px;}	
#showdates p span	{display: block;}	

#sitenotice	{
		font-weight: bold;
		width: 100%;
		float: left;
		clear: left;
}	

#sitenotice p	{padding-left: 10px;}	
#sitenotice p span	{display: block;}

#honeypot	{
		position:absolute;
		left: 50%;
		bottom: 0;
}

#honeypot a	{color: black;}

/* End "Home" page Styles */

/* "Images" page Styles */

#piclinks	{
		font-size: medium;
		list-style-type: none;
		float: left;
		z-index: 2;            /* to make positioned "obscured by floats" links clickable in Firefox */
		width: 100%;
}


#piclinks li	{
		position: relative;
		float: left;
		width: 175px;
		margin: 1em;
		text-align: center;
}

#piclinks li span	{
		text-align: center;
}

#piclinks img	{
		display: block;
		clear: right;
		height: 100px;
		margin: 0 auto;
		border-style: solid;
		border-width: 1px;
		border-color: #ff8f00;
}


/* End "Images" Page Styles */

/* Image pages styles */

.imagepage #content-main div {
		position: relative;
		margin: 10px;
}

.imagepage #content-main span {
		display: block;
		margin: 0 0 .5em 0;
}

.imagepage #content-main p {
		width: 95%;
}

.imagepage #content-main .blockquote {
		margin-left: 15%;
}

.imagepage #content-main #text2 {
		clear: left;
}

#hhgwall #busts	{
		list-style-type: none;
}

#hhgwall #busts	li	{
		float: left;
		margin-right: 20px;
}

#hhgwan	#pic2 div	{float: left;}

.pic-cap div {
		position: relative;
		margin: 10px;
}

.pic-cap  span {
		display: block;
		margin: 0 0 .5em 0;
}

.pic-cap  p {
		width: 95%;
}

/* End Image Pages Styles */


/* "Walk" Page styles */



#walkthrough img	{
		height: 100px;
		border-style: solid;
		border-width: 1px;
		border-color: #ff8f00;
}

#walkthrough p	{
		clear: both;
		margin-top: 1.5em;
}


#walkbette img,
#walkpearl img,
#walkbucky img,	
#walkwall img,
#walksun img,
#walkgr img,
#walknur img,
#walkmus img,
#walkmama img,
#walkinv img	{
		float: left;
		margin: .75em .5em .5em .25em;
}


#walktab1 img,
#walkcrypt img,
#walktab2 img,
#walksta img	{
		float: left;
		margin: .75em .5em .5em 10%;
}

#walkban img,
#walkruin img,
#walkdeath img,
#walkpnt img,
#walkcas img,
#walkdsh img,
#walkrb img,
#walkearth img,
#walktree img,
#walkbrk img,
#walkbette2 img	{
		float: right;
		margin: -.75em .5em .5em .25em;
}

#walkslab img,
#walkbats img,
#walkbrk img	{
		float: right;
		margin: -.75em 30% .5em .25em;
}


#walkpearl span,
#walkbucky span,
#walkmus span,
#walkgr span,
#walknur span	{
		display: block;
		margin-top: .5em;
}

/* End "Walk" Page styles */

/* Hosts Page Styles */


#hhgbios #content-main h2 {
		margin: 1em 0 0 0;

}

#hhgbios #content-main h3 {
		font-weight: bold;
		margin: 0 0 .4em -1em;
}

#hhgbios #content-main h3 span {
		font-size: small;
		font-weight: normal;
}

#hhgbios #hosts, 
#hhgbios #requiem 	{
		overflow: hidden;
}


#hhgbios #hosts div, 
#hhgbios #requiem div 	{
		float: left;
		clear: none;
		width: 13em;
		height: 9em;
		padding: 1em;
		margin: 5px;
}

#hhgbios #hosts ul, 
#hhgbios #requiem ul	{
		list-style-type: circle;
}

#hhgbios #acknowledgements {
		font-weight: bold;	
}

#friends span {
		display: block;
		text-align: center;
		font-size: small;
}


/* End Hosts Page Styles */


/* Host Pages Styles */

.hostpage #biohead ul		{
		list-style-type: circle;
		margin: 0 .5em 2em 1.5em;
}

.hostpage #content-main div {
		margin: 0 15% 2em 0;
}

.hostpage #content-main p {
		margin: .5em 0 1em 0;
}

/* End Host Pages Styles */

/* Alex Page Styles */

#hhgalex #pic2 img {border: solid 1px #ff8f00;}

/* End Alex Page Styles */

/* Nathan Page Styles */

#hhgnat #pic2 img 	{
		float:left;
		margin: 1em 1em 1em 0;
}
#hhgnat #pic3 img 	{margin: 1em 1em 1em 0;}
#hhgnat #pic4 	{clear: left;}

/* End Nathan Page Styles */


/* Hersch Page Styles */

#hhghersch #content-main div {
		margin: 0 15% 2em 1em;
}

#hhghersch #content-main p {
		margin: 5px 0;
}

#hhghersch #pic3 {
		width: 680px;
}
/* End Hersch Page Styles */

/* Kirk Page Styles */

#hhgkirk #images {
		position: relative;
		list-style-type: none;
		width: 100%;
		height: 823px;
}

#hhgkirk #images li {
		position: absolute;
		text-align: center;
}

#hhgkirk #images span {
		display: block;
		width: 150px;
		text-align: center;
}

#hhgkirk #images span a {
		text-decoration: none;
}

#hhgkirk #f90	{left: 1%; top: 0;} 
#hhgkirk #f91	{left: 31%; top: 0;} 
#hhgkirk #f92	{left: 61%; top: 0;} 
#hhgkirk #f94	{left: 1%; top: 320px;} 
#hhgkirk #f95	{left: 31%; top: 320px;} 
#hhgkirk #f96	{left: 61%; top: 320px;} 
#hhgkirk #f97	{left: 1%; top: 546px;} 
#hhgkirk #f98	{left: 31%; top: 546px;} 
#hhgkirk #f99	{left: 61%; top: 546px;} 

#hhgkirk #content-main p {
		margin: 5px 20% 1em 1em;
}

/* End Kirk Page Styles */

/* Ray Page Styles */

#hhgray #images {
		position: relative;
		list-style-type: none;
		width: 100%;
		height: 601px;
}

#hhgray #images li {
		position: absolute;
		text-align: center;
}

#hhgray #images span {
		display: block;
		width: 150px;
		text-align: center;
}

#hhgray #images span a {
		text-decoration: none;
}

#hhgray #f83	{left: 1%; top: 0;} 
#hhgray #f85	{left: 51%; top: 0;} 
#hhgray #f87	{left: 1%; top: 277px;} 
#hhgray #f88	{left: 51%; top: 277px;} 


#hhgray #content-main p {
		margin: 5px 20% 1em 1em;
}

/* End Ray Page Styles */

/* Friends Page Styles */


#hhgfriends #Twins img,
#hhgfriends #Deah img,
#hhgfriends #Bruce img	{
		float: right;
		margin: .5em;
}

#hhgfriends #Twins p,
#hhgfriends #Deah p,
#hhgfriends #Bruce p	{
		clear: left;
		margin-top: 1em;
}

#hhgfriends #Andy img,
#hhgfriends #Burr img,
#hhgfriends #Jan img	{
		float: left;
		margin: .7em;
}

#hhgfriends #Andy p,
#hhgfriends #Burr p	{
		clear: right;
		margin-top: 1em;
}

#hhgfriends #Jan p {
		clear: both;
		width: 300px;}

/* End Friends Pages Styles */


/* History Page Styles */

#hhghist #intro,
#hhghist #acknowledgements	{
		font-weight: bold;

}

/* End History Page Styles */


/* "Flyer Gallery" Page Styles */

#hhgflyers		{padding: 0 634px 0 12em;}
#hhgflyers #sizer 	{width: 25%;}
#hhgflyers #fullpage	{margin: 0 -634px 0 -12em;}

#hhgflyers #images {
		position: relative;
		list-style-type: none;
		width: 100%;
		height: 2662px;
}

#hhgflyers #images li {
		position: absolute;
		width: 150px;
}

#hhgflyers #images li a {text-decoration: none;}
#hhgflyers #images li img {border: none;}

#hhgflyers #images li span {
		display: block;
		width: 4em;
		height: 1em;
		text-align: center;
		margin: 0 auto;
}

#hhgflyers #images #f76 {top: 0px; left: 0;} 
#hhgflyers #images #f77 {top: 0px; left: 33%;} 
#hhgflyers #images #f78 {top: 0px; left: 66%; width: 241px;} 
#hhgflyers #images #f79 {top: 227px; left: 0;} 
#hhgflyers #images #f80 {top: 229px; left: 27%; width: 229px;} 
#hhgflyers #images #f81 {top: 183px; left: 68%; width: 235px;} 
#hhgflyers #images #f82 {top: 486px; left: 0; width: 237px;} 
#hhgflyers #images #f83 {top: 412px; left: 45%;} 
#hhgflyers #images #f84 {top: 366px; left: 75%;} 
#hhgflyers #images #f85 {top: 669px; left: 0;} 
#hhgflyers #images #f86 {top: 680px; left: 33%; width: 227px;} 
#hhgflyers #images #f87 {top: 640px; left: 77%;} 
#hhgflyers #images #f88 {top: 946px; left: 0;} 
#hhgflyers #images #f89 {top: 863px; left: 36%;} 
#hhgflyers #images #f90 {top: 904px; left: 71%;} 
#hhgflyers #images #f91 {top: 1286px; left: 0;} 
#hhgflyers #images #f92 {top: 1179px; left: 35%;} 
#hhgflyers #images #f93 {top: 1221px; left: 73%;} 
#hhgflyers #images #f94 {top: 1604px; left: 0;} 
#hhgflyers #images #f95 {top: 1526px; left: 35%;} 
#hhgflyers #images #f96 {top: 1448px; left: 70%;} 
#hhgflyers #images #f97 {top: 1832px; left: 0;} 
#hhgflyers #images #f98 {top: 1782px; left: 38%;} 
#hhgflyers #images #f99 {top: 1726px; left: 75%;} 
#hhgflyers #images #f00 {top: 2109px; left: 0;} 
#hhgflyers #images #f01 {top: 2084px; left: 35%;} 
#hhgflyers #images #f02 {top: 2056px; left: 72%;} 
#hhgflyers #images #f03 {top: 2386px; left: 0;} 
#hhgflyers #images #f04 {top: 2386px; left: 38%;} 
#hhgflyers #images #f05 {top: 2386px; left: 76%;} 

/* End "Flyer Gallery" Page Styles */

/* "What's New" Page Styles */
#hhgnew #intro	{
		font-size: large;
		font-weight: bold;
		margin: 1em;
}

/* End "What's New" Page Styles */


/* "Guide Map" Styles  */

#hhgguide		{padding: 0 1054px 0 13em;}
#hhgguide #sizer 		{width: 1px;}
#hhgguide #fullpage	{margin: 0  -1054px 0 -13em;}
#hhgguide #content-main		{width: 1034px;}
#hhgguide #content-secondary	{width: 10em;}
#hhgguide #masthead		{width: 13em;}

#hhgguide #content-main p	{
		width: 65%;
		margin: 1em auto;
}

/* End "Guide Map" Styles  */

/* Slideshow Styles */

#slideshow		{
		float: left;
		height: 500px;
}

#ss_controls select	{
		float: left;
		clear: left;
}

#ss_controls span {
		float: left;
		width: 5em;
		padding: .3em;
		border: 1px solid ;
		background-color: #402000;
		font-size: smaller;
		text-align: center;
		text-decoration: none;
}

#ss_display_area	{
		float: left;
		clear: left;
}


#ss_img_div	{
		float: left;
		margin-right: 12px;
		margin-bottom: 1em;
}

/* End Slideshow Styles */

/* Beneath Styles */

.beneath #intro{
		font-size: large;
		font-weight: bold;
		margin: 1em;
}

.beneath #content-main div,
 .beneath #content-main figure{
		position: relative;
		margin: 10px;
}

.beneath #content-main figcaption {
		display: block;
		margin: 0 0 .5em 0;
}

/* End Beneath Styles */

/* Beneath Pages Styles */

#hhgbg #b-links div	{
		float: left;
		text-align: center;
}
#hhgbg #b-links img	{
		height: 100px;
		border-style: solid;
		border-width: 1px;
		border-color: #ff8f00;
}
#hhgbg #b-links span	{width: 100%}

#hhgbbet #content-main #pic1 div,
#hhgbbet #content-main #pic3 div	{float:left; margin: 0 10px 0 0;}

#hhgbbet #content-main #pic2 div,
#hhgbbet #content-main #pic4 div	{float:right; margin: 0 0 1em 10px;}

#hhgbbet #content-main #pic1 #p2	{clear: both; margin: -1em 0 1em 0;}
#hhgbbet #content-main #pic3 p 	{clear: right; margin: 0 0 1em 0;}

#hhgbcrp #content-main #pic2 div 	{float: right;}
#hhgbcrp #content-main #pic3 div 	{float: left;}
#hhgbcrp #content-main #pic3 #p2 	{clear: right; padding-top: 50px;}
#hhgbcrp #content-main #pic4 	{clear: left;}
#hhgbcrp #content-main #pic4 div	{float: right;}
#hhgbbet #content-main #pic4 p 	{clear: left; margin: 2em 0 1em 0;}
#hhgbcrp #content-main #pic6 	{clear: both;}
#hhgbcrp #content-main #pic6 div	{float: right;}
#hhgbcrp #content-main #pic6 p	{padding-top:30px;}
#hhgbcrp #content-main #pic6a 	{clear: left;}
#hhgbcrp #content-main #pic6a div	{float: left;}
#hhgbcrp #content-main #pic6a p	{clear: right; padding: 1em 5% 0 0;}
#hhgbcrp #content-main #pic7 	{clear: both;}
#hhgbcrp #content-main #pic7 div	{float: right;}
#hhgbcrp #content-main #pic9 	{clear: both;}
#hhgbcrp #content-main #pic9 div	{float: right;}
#hhgbcrp #content-main #pic10 	{clear: left;}
#hhgbcrp #content-main #pic10 div	{float: left;}
#hhgbcrp #content-main #pic10 p	{clear: both;}
#hhgbcrp #content-main #pic11 	{clear: left; float: left;}
#hhgbcrp #content-main #pic12 	{float: left;}
#hhgbcrp #content-main #text13 	{clear: both;}

#hhgbnur #content-main #pic2 	{width: 425px;}
#hhgbnur #content-main #pic3 	{width: 70%;}
#hhgbnur #content-main #pic3 img 	{float: right; margin-left: 15px;}

#hhgbrth #content-main #pic2 div 	{float: right;}
#hhgbrth #content-main #pic3 div 	{float: left;}
#hhgbrth #content-main #pic3 p	{clear: right;}

#hhgbslb #content-main #pic5 div	{float: right;}
#hhgbslb #content-main #p5-5	{clear: both;}

#hhgbsta #content-main #pic1 figure	{float: left;}
#hhgbsta #content-main #pic2 figure	{float: right;}
#hhgbsta #content-main #pic3 figure	{float: right;}
#hhgbsta #content-main #pic4 figure	{float: left;}
#hhgbsta #content-main #pic5 figure	{float: right;}
#hhgbsta #content-main #pic5 p		{clear: left;}
#hhgbsta #content-main #pic6 figure	{float: left;}
#hhgbsta #content-main #pic7 figure	{float: right;}
#hhgbsta #content-main #pic8 figure	{float: left; margin-right: 1.2em;}
#hhgbsta #content-main #pic8 p		{clear: right;}
#hhgbsta #content-main #pic9 figure	{float: left; clear: left; margin-left: 60px; margin-right: 2em;}
#hhgbsta #content-main #pic9 p		{margin-top: 12%; margin-right: 2em;}

#hhgbtree #content-main #pic1,
#hhgbtree #content-main #pic1 div,
#hhgbtree #content-main #pic2,
#hhgbtree #content-main #pic3 div,
#hhgbtree #content-main #pic4,
#hhgbtree #content-main #pic7,
#hhgbtree #content-main #pic8,
#hhgbtree #content-main #pic10,
#hhgbtree #content-main #pic10 div	{float:left;}

#hhgbtree #content-main #pic2 div,
#hhgbtree #content-main #pic6 div	{float:left;clear:left;}

#hhgbtree #content-main #pic3 p		{clear:both;}
#hhgbtree #content-main #pic9 div	{float:right;}
#hhgbtree #content-main #pic9 p		{clear:left;}
#hhgbtree #content-main #pic10 p 	{margin-top: 5em;}

#hhgmedia #hmm1		{float: left; margin-right: 20px; border: none;}
#hhgmedia #print div	{float: right;}
#hhgmedia ul		{list-style-type: none;	margin: 0 1em 1em;}
#hhgmedia #tv ul	{float: left;}
#hhgmedia #pic-tv1	{float: right;}
#hhgmedia #pic-tv2	{float: left;}
#hhgmedia #pic-tv3	{float: right;}
#hhgmedia #pic-tv4	{float: left;}
#hhgmedia #pic-tv5	{float: right;}

/* End Beneath Pages Styles */

/* FAQ Styles  */

#faqlinks	{
		list-style-type: none;
		margin: 2em;
}

/* End FAQ Styles  */


/* Annual pages styles */
.yesteryear		{padding: 0 20em 0 20em;}
.yesteryear #sizer 	{
		max-width: 400px;
}
.yesteryear #fullpage	{
		margin: 0 -20em 0 -20em;
		min-width: 40em; 
}
.yesteryear #container	{min-width: 600px;}
.yesteryear #masthead	{width: 11em;}
.yesteryear #content-secondary	{width: 11em;}
.yesteryear #content-main {
		min-width: 420px;
}

#historylinks	{
		list-style-type: circle;
		margin: 2em 10%;
}

.yesteryear #content-main p	{
		font-size: 110%;
		margin: 1em 10% 1em 1em;
		clear: both;
}

.yesteryear #content-main h1, 
.yesteryear #content-main h2 {
		display: block;
		clear: both;
		height: 1em;
		width: 80%;
		margin:30px auto 1em 1em;
		text-align: center;
		color: #ffaa00;
}

.yesteryear #content-main h2 {
		padding-bottom: .25em;
		border: 3px ridge #ff8f00;
		background-color: #442200;
		color: #ffaa00;
}

.yesteryear #images		{
		position: relative;
		float: left;
		clear: right;
		list-style-type: none;
}

.yesteryear #images li	{
		position: relative;
		margin: 5px 10px 1em 0;
}
.yesteryear #images span {display: block; clear: left;}

.yesteryear #to-flyer {width: 150px;}

#hhg1973 #to-flyer,
#hhg1974 #to-flyer,
#hhg1975 #to-flyer {
		text-align: left;
		width: 100%;
}
#hhg1976 #p1	{width: 443px; float: left;}    /*News photo*/

#hhg1977 #p1	{width: 500px; float: left;}    /*News Announcement*/
#hhg1977 #p1 span { width: 500px;}    		/*News Announcement caption*/

#hhg1978 #to-flyer {width: 241px;}

#hhg1979 #p1	{width: 410px; float: left;}    /*Gary at Crypt*/
#hhg1979 #p2	{width: 410px; float: right;}   /*Colonial Couple*/
#hhg1979 #p3	{width: 410px; float: left;}    /*Control Room*/
#hhg1979 #p4	{width: 410px; float: right;}   /*Seance*/

#hhg1980 #p1	{width: 310px; float: left;}    /*Crypt Construction*/
#hhg1980 #p2	{width: 248px; float: right;}   /*Crypt/Swift*/
#hhg1980 #to-flyer {width: 229px;}

#hhg1981 #p1	{width: 410px; float: left; left: 80px;}  /*TTG*/
#hhg1981 #to-flyer {width: 235px;}

#hhg1982 #p1	{width: 310px; float: left; margin-left: 80px;} /*Chandlers*/
#hhg1982 #p2	{width: 310px; float: right;}   /*Grave Digger*/
#hhg1982 #p3	{width: 310px; float: left;}    /*SCott*/

#hhg1983 #p1	{width: 310px; float: left; margin-left: 80px;} /*Monk Face*/
#hhg1982 #to-flyer {width: 237px;}

#hhg1984 #p1	{width: 310px; float: left;}    /*Shadows*/
#hhg1984 #p2	{width: 310px; float: left;}    /*Crypt*/
#hhg1984 #p3	{width: 217px; float: left; clear: left;}  /*Sugar1-1*/
#hhg1984 #p4	{width: 189px; float: left;}    /*Sugar1-2*/

#hhg1985 #p1	{width: 310px; float: left;}    /*Music Box*/
#hhg1985 #p2	{width: 273px; float: left;}    /*Voltaire*/

#hhg1986 #p1	{width: 310px; float: left;}    /*Crypt*/
#hhg1986 #p2	{width: 310px; float: right;}   /*GMG*/
#hhg1986 #p3	{width: 310px; float: left;}    /*Monk*/
#hhg1986 #p4	{width: 263px; float: right;}   /*Couple*/
#hhg1986 #to-flyer {width: 227px;}

#hhg1987 #p1	{width: 310px; float: left;}    /*Gary*/
#hhg1987 #p2	{width: 216px; float: right;}   /*Girl*/
#hhg1987 #p3	{width: 310px; float: left;;}   /*Crypt*/
#hhg1987 #p4	{width: 310px; float: right;}   /*Seance*/

#hhg1988 #p1	{width: 310px; float: left;}    /*Tree*/
#hhg1988 #p2	{width: 310px; float: right;}   /*Monks*/
#hhg1988 #p3	{width: 192px; float: left;}    /*Sugar2*/
#hhg1988 #p4	{width: 248px; float: right;}   /*Margy*/
#hhg1988 #p5	{width: 310px; float: left;}    /*Organist*/

#hhg1989 #p1	{width: 310px; float: left;}    /*path*/
#hhg1989 #p2	{width: 310px; float: right;}   /*Monk*/
#hhg1989 #p3	{width: 219px; float: left;}    /*Tree Contruction*/
#hhg1989 #p4	{width: 204px; float: left;}    /*Tree*/
#hhg1989 #p5	{width: 219px; float: left;}    /*Sugar2*/

#hhg1990 #p1	{width: 310px; float: left;}    /*Graveyard*/
#hhg1990 #p2	{width: 310px; float: right;}   /*Candelabra*/
#hhg1990 #p3	{width: 310px; float: right; margin-right: 100px;}  /*Exit*/

#hhg1991 #p1	{width: 238px; float: left;}    /*Baccus*/
#hhg1991 #p2	{width: 248px; float: right;}   /*Fog*/
#hhg1991 #p3	{width: 310px; float: left;}    /*Bats*/
#hhg1991 #p4	{width: 410px; float: right;}   /*Statue*/

#hhg1992 #p1	{width: 410px; float: left;}    /*Organist*/
#hhg1992 #p2	{width: 310px; float: right;}   /*Control*/
#hhg1992 #p3	{width: 310px; float: left;}    /*Nursery*/
#hhg1992 #p4	{width: 100%; float: left;}     /*Crowd*/
#hhg1992 #p4 img {float: left; margin: 5px 5px 0 0;}    /*Crowd*/

#hhg1993 #p1	{width: 410px; float: left;}    /*Gayle*/
#hhg1993 #p2	{width: 310px; float: left; margin: 20px 10px 1em 25px; }    /*Article*/
#hhg1993 #p3	{width: 310px; float: left; margin: 5px 10px 1em 20px; }    /*Reporters*/
#hhg1993 #p4	{width: 226px; float: left;}    /*Casper*/
#hhg1993 #p5	{width: 310px; float: left;}    /*Gargoyle*/
#hhg1993 #p6	{width: 310px; float: left;}    /*Fog*/
#hhg1993 #p7	{width: 310px; float: left;}    /*Graveyard*/

#hhg1994 #p1	{width: 215px; float: left;}    /*Tree*/
#hhg1994 #p2	{width: 227px; float: right;}   /*Graveyard*/
#hhg1994 #p3	{width: 310px; float: left;}    /*Tim/Slab*/
#hhg1994 #p4	{width: 310px; float: right;}   /*Jacko*/

#hhg1995 #p1	{width: 310px; float: left;}    /*Grief*/
#hhg1995 #p2	{width: 310px; float: right;}   /*Mourner*/
#hhg1995 #p3	{width: 221px; float: left;}    /*Paul*/

#hhg1996 #p1	{width: 217px; float: left;}    /*Mark*/
#hhg1996 #p2	{width: 225px; float: right;}   /*Stump*/
#hhg1996 #p3	{width: 310px; float: left;}    /*Graveyard*/

#hhg1997 #p1	{width: 310px; float: left;}    /*Exit Ruin*/
#hhg1997 #p2	{width: 310px; float: right;}   /*Scott*/
#hhg1997 #p3	{width: 100%; float: left;}     /*Boris*/
#hhg1997 #p3 img {float: left; margin: 5px 5px 0 0;}

#hhg1998 #p1	{width: 90%; float: left;}      /*Bob Burns*/
#hhg1998 #p1 img {float: left; margin: 5px 10px 0 0;}
#hhg1998 #p1 span {clear: none;}
#hhg1998 #p2	{width: 310px; float: left;}    /*Mark*/
#hhg1998 #p3	{width: 310px; float: right;}   /*Steve*/
#hhg1998 #p4	{width: 310px; float: left;}    /*Steve/Nathan*/
#hhg1998 #p5	{width: 231px; float: right;}   /*Old Old Guy*/
#hhg1998 #p6	{width: 310px; float: left;}    /*Graveyard*/
#hhg1998 #p7	{width: 310px; float: right;}   /*Daylight*/

#hhg1999 #p1	{width: 104px; float: left;}    /*Aeternam*/
#hhg1999 #p2	{width: 215px; float: left;}    /*Gary*/
#hhg1999 #p3	{width: 241px; float: left;}    /*Mud*/
#hhg1999 #p4	{width: 310px; float: left;}    /*Moving*/
#hhg1999 #p5	{width: 310px; float: left;}    /*Figures*/

#hhg2000 #p1	{width: 400px; float: left;}    /*Nathan*/
#hhg2000 #p2	{width: 203px; float: right;}   /*Puppet*/
#hhg2000 #p3	{width: 310px; float: left;}    /*Paint*/
#hhg2000 #p4	{width: 266px; float: right;}   /*Mark*/
#hhg2000 #p5	{width: 442px; float: left;}    /*Tree*/
#hhg2000 #p6	{width: 323px; float: right;}   /*Bucky*/
#hhg2000 #p7	{width: 310px; float: left;}    /*America!*/
#hhg2000 #p8	{width: 323px; float: left;}   /*Green*/

#hhg2001 #p1	{width: 310px; float: left;}    /*Crypt*/
#hhg2001 #p2	{width: 310px; float: right;}   /*Tim*/
#hhg2001 #p3	{width: 214px; float: left;}    /*Nathan Obelisk*/
#hhg2001 #p4	{width: 218px; float: left;}    /*Obelisk*/
#hhg2001 #p5	{width: 235px; float: left;}    /*Nathan Harp*/

#hhg2002 #p1	{width: 286px; float: left;}    /*Plaque*/
#hhg2002 #p2	{width: 268px; float: right;}   /*Manxxx*/
#hhg2002 #p3	{width: 310px; float: left;}    /*Stencils*/
#hhg2002 #p4	{width: 222px; float: left;}    /*Nathan xxx*/
#hhg2002 #p5	{width: 310px; float: left;}    /*Tom Sawyer*/
#hhg2002 #p6	{width: 310px; float: left;}    /*Blocks*/

#hhg2003 #p1	{width: 278px; float: left; padding: 3px; border:solid 1px #ff8f00;;}    /*Article*/
#hhg2003 #p1 img {border: none;}
#hhg2003 #p2	{width: 310px; float: right;}    /*Fence*/
#hhg2003 #p3	{width: 310px; float: left;}    /*Grief*/
#hhg2003 #p4	{width: 310px; float: right;}   /*Arches*/
#hhg2003 #p5	{width: 310px; float: left;}    /*Moss*/
#hhg2003 #p6	{width: 410px; float: left;}    /*Console*/

#hhg2004 #p1	{width: 410px; float: left;}    /*Graveyard*/
#hhg2004 #p2	{width: 100%; float: right;}   /*Fritz*/
#hhg2004 #p2 img {float: right; margin: 5px 10px 0 10px;}
#hhg2004 #p2 span {clear: none; margin: 1.3em;}
#hhg2004 #p3	{width: 100%; float: left;}    /*Interview*/
#hhg2004 #p3 img {float: left; margin: 5px 10px 0 0;}
#hhg2004 #p3 span {clear: none; margin: 1.3em;}
#hhg2004 #p4	{width: 100%; float: right;}   /*Parkway*/
#hhg2004 #p4 img {float: right; margin: 5px 10px 0 10px;}
#hhg2004 #p4 span {clear: none; margin: 1.3em;}
#hhg2004 #p5	{width: 100%; float: left;}    /*Moss*/
#hhg2004 #p5 img {float: left; margin: 5px 10px 0 0;}
#hhg2004 #p5 span {clear: none; margin: 1.3em;}
#hhg2004 #p6	{width: 100%; float: right;}   /*Mama*/
#hhg2004 #p6 img {float: right; margin: 5px 10px 0 10px;}
#hhg2004 #p6 span {clear: none; margin-top: 1.5em;}
#hhg2004 #p7	{width: 247px; float: left;}    /*Keith*/
#hhg2004 #p8	{width: 310px; float: left;}    /*Tim/Fog*/

#hhg2005 #p1 {width: 310px; float: right; margin: -25px 20px 1em 2em;} /*Plaque*/
#hhg2005 #p2 {margin: 25px 10px 1em 6%;} /*Raven*/
#hhg2005 #p2 span {clear: none;}
#hhg2005 #p2 p {clear: none; margin: 1em 0 1em -4%;}
#hhg2005 #p3 {width: 230px; float: left; margin: 0 .5em 1em 0;} /*Crypt*/
#hhg2005 #p3 span {margin-right: -2em;}
#hhg2005 #p4 {width: 410px; float: right; margin: 15px 8% 1em 0;} /*B/L Graveyard*/
#hhg2005 #p5 {clear: both; margin: 1em;} /*Tolucan Article*/
#hhg2005 #p5 span {width: 400px;} /*Tolucan Article*/
#hhg2005 #p6 {clear: both; margin: 1em;} /*Daily News Article*/

#hhg2005 #epilogue { margin-left: 50px;}
#hhg2005 #epilogue p { font-size: larger; font-weight: bold;}
#hhg2005 #epilogue img { border: none;}
#hhg2005 #bgimg1 {
	position: absolute; 
	width: 367px; 
	height: 587px; 
	left: -200px;
	background-image: url('hhg05col12.png');
	z-index:-10;
	}
#hhg2005 #bgimg2 {
	position: absolute; 
	width: 500px; 
	height: 350px; 
	left: 18em;
	
	background-image: url('hhg05tab23.png');
	z-index:-10;
	}



#hhg2008 #content-main img {float: right; margin: 10px 20px; }
#hhg2008 #p3003 img, 
#hhg2008 #p3102 img, 
#hhg2008 #p0103 img, 
#hhg2008 #p0105 img {float: left;}

#hhg2010 #content-main img {float: right; margin: 10px 20px; }
#hhg2010 #p2301a img {float: none; margin: 10px 0px -1em;}
#hhg2010 #p2302 img {clear: right;}
#hhg2010 #p2302a img {float: left;}

#hhg2010 #p2402 {margin-bottom: .2em;}
#hhg2010 #litlist {
	margin: 0 auto;
	width: 30em;
}
#hhg2010 #litlist ul {
	list-style-type: none;
	margin: 0 4em;
}
	
#hhg2010 #p2403a #wl2a {float: left; margin-bottom:30px;}
#hhg2010 #p2701 #gc1 {float: left; margin-bottom:30px;}
#hhg2010 #p3004 #vn2 {float: left; margin-bottom:30px;}
#hhg2010 #p3104 #hmn1 {float: left; }
#hhg2010 #p3105a #pm2 {float: left; }
#hhg2010 #p3108 #pgh2 {float: left; margin-bottom:30px;}
#hhg2010 #p3109 #hwnny1 {float: left; }
#hhg2010 #p3111 #fom2 {float: left; }

#hhg2011 #content-main img {float: right; margin: 5px 8px; }
#hhg2011 #litlist {
	margin: 0 auto;
	width: 30em;
}
#hhg2011 #litlist ul {
	list-style-type: none;
	margin: 0 4em;
}
#hhg2011  #p1902 {
		width:80%;
}
#hhg2011  #p1902 #smkhs1e{
		display:block;
		float: none;
		margin: 10px auto;
}
#hhg2011  #p2902 #kbob2 {
		float: right;
		margin-left: 0;
		margin-right: 0;	
}
#hhg2011  #p2902 #kbob3 {
		float:left;
		margin-left: 0;
}
#hhg2011  #p2902a {
		width: 60%;
		float:left;
		clear: none;
		margin: 10px 0;
}
/* End Annual pages styles */


/* Tony photo page styles */


#hhgbt02 #content-main div {
		margin: 0 15% 2em 2em;
}

#hhgbt02 #content-main p {
		margin: 0 0 .5em 0;
}

#hhgbt02 #content-secondary p {
		margin-left: 10px;
}

/* End Tony photo page styles */


/* Wraith page styles */

#hhgwraith img 	{border: none;}
#wraith img 	{margin-left:127px;}
#hhgwraith #content-main div {
		margin: 0 15% 2em 2em;
}

#hhgwraith #content-main p {
		margin: 0 0 .5em 0;
}

/* End Wraith page styles */

/* Flyer pages styles */

.flyer #image {margin: 2em;}
.flyer #image img {border: none;}
.flyer cite {display: block; clear:left;}
.flyer p {width: 80%;}

/* End Flyer pages styles */

/* End "Links" page Styles */

#hhglinks #halloween	{top: 0; left: 6%;}
#hhglinks #hm		{top: 0; left: 53%;}
#hhglinks #pc		{top: 3.5em; left: 6%;}
#hhglinks #comm		{top: 3.5em; left: 53%;}
#hhglinks #pub		{top: 7em; left: 6%;}
#hhglinks #supply	{top: 7em; left: 53%;}
#hhglinks #dark		{top: 10.5em; left: 6%;}
#hhglinks #awards	{top: 10.5em; left: 53%;}
#hhglinks #other	{top: 14em; left: 6%;}

#hhglinks #hhgbanner	{
		float: left;
		width: 470px;
		margin: 21em 0 0 8%;
}
#hhglinks #hhgbanner span {display: block; text-align: center;}

/* End "Links" page Styles */

/* Link pages styles */

.linkspage #content-main h3	{
		float: left;
		width: 100%;
		margin-top: 2em;
		padding-left: 10%;
}

.linkspage #content-main ul	{
		position: relative;
		font-size: medium;
		list-style-type: none;
		width: 98%;
		float: left;
		clear: left;
}

.linkspage #content-main li {
		position: relative;
		width: 100%;
		height: 3.5em;
		margin-top: 10px;
		padding-left: 10px;
		clear:left;
}

.linkspage #content-main li img{
		position: relative;
		float: left;
		top: -4px;
		width: 	41px;
		height: 52px;
		border:	none;
		margin-right: 8px;
		margin-bottom: 20px;
}

.linkspage #content-main li span{
		display: block;
}

/* End Link pages styles */


/* Commercial Links page styles */
#hhglinkscom #oth {height: 6.5em;}
#hhglinkscom #thf {height: 6.5em;}
#hhglinkscom #sh {height: 12.5em;}
/* End Commercial Links page styles */


/* Awards Page styles */


#hhglinksaward h4	{
		float: left;
		clear: both;
		width: 100%;
		margin: 1em 0 1em 5%;
		font-style: italic;
		font-size: larger;
}

#hhglinksaward #intro{
		font-size: large;
		font-weight: bold;
		margin: 2em 1em;
}

#hhglinksaward #larecognition p	{
		width: 90%;
		text-align: left;
}

#hhglinksaward #larecognition #crpics{
		position: relative;
}
#hhglinksaward #crpics span{
		width: 630px;
}
#hhglinksaward #larecognition #cp {
		margin-left: 20px;
}

#hhglinksaward #larecognition #cert {
		position: absolute;
		left: 630px;
}

#hhglinksaward #hauntedmedia p	{
		width: 90%;
		text-align: left;
}
#hhglinksaward #hauntedmedia img {
		margin-left: 50px;
		border: none;
}


#hhglinksaward #haunt-video	{width: 90%;}
#hhglinksaward #haunt-video ul	{
		list-style-type: circle;
		margin: 0 0 1em 10%;
}

#hhglinksaward #death-lord img {border: none;}

#hhglinksaward #golden-bucky #pic5 {
		float: right; 
		clear: right; 
}

#hhglinksaward #hall-of-pain #pic6 {
		float: left; 
		clear: left; 
}

#hhglinksaward #golden-bucky #pic5,
#hhglinksaward #hall-of-pain #pic6,
#hhglinksaward #haunters-choice #pic7 {
		margin: 0 10px;
		padding: 5px;
		border: solid 1px #505050;
		background-color: #151515;
		text-align: center;
}

#hhglinksaward #hall-of-pain p {clear: right;}

#hhglinksaward #haunters-choice img {border: none;}
#hhglinksaward #haunters-choice #pic7 {
		float: right;
		width: 11em;
		background-color: #101010;
}

#hhglinksaward #haunters-choice p {
		clear: left;
}

#hhglinksaward #content-main span {
		display: block;
		margin: 0;
}

#hhglinksaward #webawards ul	{list-style-type: none;}
#hhglinksaward #webawards li	{float: left; margin: 5px;}

/* End Awards Page styles */


/* Guestbook pages styles */
.guestbook #comments	{
		width: 95%;
		margin: 2em 1% 0;
		border-top: solid 1px #606060; 
}

.guestbook #comments li	{
		padding: .7em 0;
		border-bottom: solid 1px #606060; 
		font-weight: bold;
		list-style-type: none;
}

.guestbook #comments cite	{display: block; margin: .5em 0 0 5%;}
.guestbook #comments .dateline	{display: block; font-style: normal; font-weight: normal; font-size: small; margin-top: .2em;}
.guestbook #comments .dateline span	{font-size: x-small;}

#guestbook4 #top	{
		font-family: "Book Antiqua", "Palatino Linotype", Palatino, Georgia, Serif;
		font-size: 16pt;
		font-weight: normal;
		clear: both;
		text-align: center;
		margin: 1em;
}
#guestbook4 #top	 span{
		display: block;
}
/* End Guestbook pages styles */

/* Add Guest page styles */
.guestbook form {margin: 4em 3%;}
/* End Add Guest pages styles */

/* Guest Log page styles */
.guestlog #top {margin: 2em 2%;}
.guestlog table {
		margin: 0 2%;
		border-top: solid 2px #804000;
		border-bottom: solid 3px #804000;
}
.guestlog table td{
		padding: 1px 3px;
}

/* End Guest Log page styles */

/* "Site Map" Styles  */

#sitemaplinks {list-style-type: none;}

#sitemaplinks ul {
		list-style-type: none;
		margin: .2em 3em;
}

#rev-date	{
		margin-left: 10px;
}

/* End "Site Map" Styles  */

/* CD Page styles */

#hhgcd #pic1 img	{
		border-style: none;
		border-width: 0;
		border-color: black;
}

#hhgcd #pic1 p	{width: 80%}


/* End CD Page styles */

/* CalHauntS Page styles */

#hhg05ch #intro {
		font-size: large;
		font-weight: bold;
		margin: 1em;
}
#hhg05ch #pics span {display: block;}

/* End CalHaunt Page styles */


/* "The Waste Land" */
#hhgwaste #poem h2  {text-align: left; margin-left: 5em;}
#hhgwaste #poem em  {font-style: italic;}

#hhgwaste #s1-2-1,
#hhgwaste #song span,
#hhgwaste #s5-2-2 
		{display: block;}

#hhgwaste #s1-1-1,
#hhgwaste #s2-1-1,
#hhgwaste #s3-1-1,
#hhgwaste #s4-1-1,
#hhgwaste #s5-1-1,
#hhgwaste #s5-7-1,
#hhgwaste #s5-7-2,
#hhgwaste #s5-7-3
		{font-variant: small-caps;}

#hhgwaste #s2-2-1,
#hhgwaste #s2-4-4,
#hhgwaste #s5-2-2
		{margin-left: 1em;}

#hhgwaste #poem,
#hhgwaste #s1-2-1,
#hhgwaste #s2-4-1,
#hhgwaste #s2-4-2,
#hhgwaste #s2-4-6,
#hhgwaste #song,
#hhgwaste #song span,
#hhgwaste #s3-11-1,
#hhgwaste #s5-7-5	
		{margin-left: 5em;}

#hhgwaste #s2-4-3,
#hhgwaste #s2-4-5,
#hhgwaste #s4-1-2,
#hhgwaste #s4-1-3,
#hhgwaste #s5-2-1,
#hhgwaste #s5-7-4
		{margin-left: 10em;}

#hhgwaste #s5-7-5 {word-spacing: 2em;}

/* End "The Waste Land" */