html, body {
border: 0;
margin: 0;
padding: 0;
Xfont-family: sans-serif;
/* BOOGER */
Xfont-family: Comic Sans MS,arial,helvetica,sans-serif;
font-family: arial,helvetica,sans-serif;
	color: #DDD;
}

body {
	background: black;
}

.phototable {
	border: none;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
  width: 1012px;  /* BOOGER */
}



html>body A:link {
	color: yellow;
}
html>body A:visited {
	color: orange;
}
html>body A:hover {
	color: #68D;
}



html>body .shadowbox a {
	display: block;
	z-index: 1;

	border-bottom-width: 0px;
	text-decoration: none;
	text-align: center;

	padding: 3px;
	border: none;
	margin: auto;

	/*
	position: relative;
	left: 4px;
	top: 4px;
	*/
}


html>body .shadowbox a:hover {
	border-bottom-width: 0px;
	Xtext-decoration: underline;

	padding: 3px;
	border: none;
	margin: auto;
}

html>body .shadowbox a:hover span {
	text-decoration: underline;
}

html>body .shadowbox img {
	vertical-align: text-bottom;
}

html>body .shadowbox a img {
	display: block;

	border-width: 2px;
	border-style: solid;

	padding: 0px;
	margin: auto;
}

html>body .shadowbox a:link img {
	border-color: yellow;
}

html>body .shadowbox a:visited img {
	border-color: orange;
}

html>body .shadowbox a:hover img {
	padding: 0px;
	margin: auto;
	border-color: #68D;
}

html>body .shadowbox a:focus  {
	Xoutline: 1px dotted gold;
	Xbackground: red;
}



html>body .shadowbox a .photoname {
	font-size: medium;

	padding: 0px;
	border: 0px;
	margin: 2px auto 2px auto;

	display: block;
	width: 120px;
}

html>body .shadowbox a .albumname {
	font-size: medium;

	padding: 0px;
	border: 0px;
	margin: 2px auto 2px auto;

	display: block;  /* needed for older Firefox */
	display: inline-block;
	width: 120px;
}



html>body .alignleft {
	margin-left: auto;
	margin-right: 0px;
}
html>body .aligncenter {
	margin-left: auto;
	margin-right: auto;
}
html>body .alignright {
	margin-left: 0px;
	margin-right: auto;
}



/* BOOGER */

html>body .photonav  {
	text-align: left;
	background: #E8E8E8;
	background: #444;
	background: black;
	background: #222;
	padding: 6px;
	border: 1px solid #CCC;
	border: none;
	Xfont-weight: bold;
	font-size: small;
	margin: 0px;
}

html>body .photonav img  {
	vertical-align: baseline;
	border: none;

}

html>body .photonav .stack  {
	float: left;
}
html>body .photonav .page  {
	float: right;
}
html>body .photonav .divider  {
	display: none;
}

html>body .photonav input  {
	width: 2em;
	font-size: smaller;
	border-width: 1px;
	border-width: 0px;
	padding: 0px;
	padding: 1px;
	margin: 0px;
}

html>body .photooptions  {
  Xdisplay: block;
	Xbackground: #222;
}

html>body .photooptions  {
	text-align: left;
  text-align: center;
	padding: 0px;
	border: none;
	background: #222;
	font-weight: bold;
	font-size: small;
	margin: 0px;
}



html>body .photooptions .photostyle,
html>body .photooptions .photosort,
html>body .photooptions .photoage,
html>body .photooptions .photorecursion,
html>body .photooptions .photogrid,
html>body .photooptions .photocols,
html>body .photooptions .photorows  {
  margin: 1px;
  padding: 4px;
  display: -moz-inline-box;
  display: inline-block;
}
html>body .photooptions .divider  {
  display: -moz-inline-box;
  display: inline-block;
  Xwidth: 25px;
  width: 15px;
  visibility: hidden;
}




html>body .photoheader p,
html>body .photofooter p	{
	text-align: center;
	background: inherit;

	padding: 0px;
	border: 1px solid black;
	border: none;
	color: #AAA;
}
html>body .photoheader p {
	font-size: small;
	font-style: italic;
	padding-top: 8px;

	margin: 0px;
}
html>body .photofooter p {
	font-size: medium;
	padding-bottom: 8px;

	background: inherit;

	margin: 0px;
}

html>body .photogroup  {
	margin: auto;
	border-spacing: 16px;
}


/* BOOGER */
html>body .shadowbox span.corner1,
html>body .shadowbox span.corner2,
html>body .shadowbox span.corner3,
html>body .shadowbox span.corner4 {
	Xdisplay: block;
	Xdisplay: table;
	display: inline-block;
	xdisplay: inline;
}
html>body .usespan span.corner1,
html>body .usespan span.corner2,
html>body .usespan span.corner3,
html>body .usespan span.corner4 {
	display: inline;
}

html>body .shadowbox img {
	Xdisplay: inline-block;
}
html>body span.shadowbox  {
	Xdisplay: inline-block;
}

html>body .shadowbox img {
	Xdisplay: inline-block;
	Xdisplay: inline-table;
}

html>body a  {
	font-weight: bold;
}


html>body .shadowbox a .directory  {
  display: none;
}


/* MEGA-BOOGER
html>body .shadowbox a .window {
  position: relative;
  margin: 2px auto 0px auto;

  width: 92px;
  height: 92px;
  Xborder: 2px solid red;
  display: block;
}
html>body .shadowbox a .window img.img1 {
  position: absolute;
  right: 52%;
  bottom: 52%;
  width: 40px;
  height: 40px;
}
html>body .shadowbox a .window img.img2 {
  position: absolute;
  left: 52%;
  bottom: 52%;
  width: 40px;
  height: 40px;
}
html>body .shadowbox a .window img.img3 {
  position: absolute;
  top: 52%;
  right: 52%;
  width: 40px;
  height: 40px;
}
html>body .shadowbox a .window img.img4 {
  position: absolute;
  left: 52%;
  top: 52%;
  width: 40px;
  height: 40px;
}
  */
html>body .shadowbox a .window {
  position: relative;
  margin: 2px auto 0px auto;

  width: 92px;
  height: 92px;
  Xborder: 2px solid red;
  display: block;
}
html>body .shadowbox a .window img.img4 {
  position: absolute;
  left: 0px;
  top: 0px;
  Xwidth: 60px;
  Xheight: 60px;
  width: 50%;
  height: 50%;
  z-index: 1;
  background-color: #444;
}
html>body .shadowbox a .window img.img3 {
  position: absolute;
  left: 10px;
  top: 10px;
  Xwidth: 60px;
  Xheight: 60px;
  left: 16%;
  top: 16%;
  width: 50%;
  height: 50%;
  z-index: 2;
  background-color: #444;
}
html>body .shadowbox a .window img.img2 {
  position: absolute;
  left: 19px;
  top: 19px;
  Xwidth: 60px;
  Xheight: 60px;
  left: 32%;
  top: 32%;
  width: 50%;
  height: 50%;
  z-index: 3;
  background-color: #444;
}
html>body .shadowbox a .window img.img1 {
  position: absolute;
  left: 28px;
  top: 28px;
  Xwidth: 60px;
  Xheight: 60px;
  left: 48%;
  top: 48%;
  width: 50%;
  height: 50%;
  z-index: 4;
  background-color: #444;
}


span:-moz-only-whitespace::before
{
  background: red;
}


html>body .arrow  {
  display: -moz-inline-box;
  display: inline-block;
	vertical-align: text-bottom;
	vertical-align: middle;
  padding: 0px;
  margin: 0px 0px 3px 0px;
  border: none;
}

html>body .arrow span.textarrow {
  display: none;
}



html>body .arrowfirst  {
	background: url(images/first-grey.png) center center no-repeat;
	width: 14px;
	height: 12px;
}
html>body a .arrowfirst  {
	background: url(images/first-orange.png) center center no-repeat;
}
html>body a:hover .arrowfirst  {
	background: url(images/first-ltblue.png) center center no-repeat;
}
html>body .arrowrewind  {
	background: url(images/rewind-grey.png) center center no-repeat;
	Xdisplay: none;
	width: 22px;
	height: 12px;
}
html>body a .arrowrewind  {
	background: url(images/rewind-orange.png) center center no-repeat;
}
html>body a:hover .arrowrewind  {
	background: url(images/rewind-ltblue.png) center center no-repeat;
}
html>body .arrowprev  {
	background: url(images/prev-grey.png) center center no-repeat;
	width: 14px;
	height: 12px;
}
html>body a .arrowprev  {
	background: url(images/prev-orange.png) center center no-repeat;
}
html>body a:hover .arrowprev  {
	background: url(images/prev-ltblue.png) center center no-repeat;
}
html>body .arrownext  {
	background: url(images/next-grey.png) center center no-repeat;
	width: 14px;
	height: 12px;
}
html>body a .arrownext  {
	background: url(images/next-orange.png) center center no-repeat;
}
html>body a:hover .arrownext  {
	background: url(images/next-ltblue.png) center center no-repeat;
}
html>body .arrowfastfwd  {
	background: url(images/fastfwd-grey.png) center center no-repeat;
	Xdisplay: none;
	width: 22px;
	height: 12px;
}
html>body a .arrowfastfwd  {
	background: url(images/fastfwd-orange.png) center center no-repeat;
}
html>body a:hover .arrowfastfwd  {
	background: url(images/fastfwd-ltblue.png) center center no-repeat;
}
html>body .arrowlast  {
	background: url(images/last-grey.png) center center no-repeat;
	width: 14px;
	height: 12px;
}
html>body a .arrowlast  {
	background: url(images/last-orange.png) center center no-repeat;
}
html>body a:hover .arrowlast  {
	background: url(images/last-ltblue.png) center center no-repeat;
}


/*

<!-- [if IE]>
<style type="text/css">
	.phototable {
		border: 2px outset #644;
		background-color: #644;
	}
	html>body .shadowbox span.corner1,
	html>body .shadowbox span.corner2,
	html>body .shadowbox span.corner3,
	html>body .shadowbox span.corner4 {
		Xdisplay: inline-block;
		z-index: 100;
	}
	html>body span.shadowbox  {
		Xdisplay: inline-block;
	}

	html>body .shadowbox img {
		Xdisplay: inline-block;
	}

	html>body .shadowbox .corner4 .shadowbox .corner1,
	html>body .shadowbox .corner4 .shadowbox .corner2,
	html>body .shadowbox .corner4 .shadowbox .corner3,
	html>body .shadowbox .corner4 .shadowbox .corner4{
		background-color: transparent;
		position: static;
	}

	html>body .shadowbox a,
	html>body .shadowbox a *  {
		Xvisibility: hidden;
		z-index: 200;
		left: 80px;
		top: 80px;
	}
</style>
<![endif]-->
*/