@import url("global.css");
@import url("navigation.css");

html		{ height: 100%; }
body		{ background: none; /*url("images/site/paper_darken_bottom.jpg") 0 100% repeat-x;*/ margin: 0; text-align: center; min-height: 100%; position: relative; }
#page-bkg	{ padding-top: 16px; /* clearance for navigation bar: placed here instead of as #site-navigation margin to work around Gecko margin bug */ 
				height: 100%;
				}


/* Gallery styles */
/* -------------- */

#gallery			{ border-collapse: collapse; margin: 16px auto; background: url("images/site/bullet_dark.png") 0 50% no-repeat; }
#gallery td
{
	padding-right: 32px;
	background: url("images/site/bullet_dark.png") 100% 50% no-repeat;
	vertical-align: middle; 
	text-align:	center;
	min-height: 160px;
}
#gallery td.first	{ padding-left: 32px; }

#gallery a			{ display: block; padding: 6px; background: #754; }
#gallery img		{ border: 2px solid #432; display: block; margin: 0 auto; }
#gallery a:hover,
#gallery a:active,
#gallery a:focus	{ background-color: #db8; }


/* Content styles */
/* -------------- */

#content
{
	width: 480px;
	height: 200px;
	margin: 0 auto;
	text-align: justify;
	position: relative;
	z-index: 1; /* prevents footer from preventing text selection */
	padding-bottom: 0px; /* prevents footer from intruding into text */
}
#content h1		{ color: #ec9; font-size: 200%; text-align: center; margin: 0 -140px; min-height: 1px; /* fixes negative-margin draw problems in IE7 */ }
#content h1 em	{ color: white; font-style: normal; }

/* Footer styles */
/* ------------- */

#footer
{
	text-align: center;
	background: url("images/site/curl_bottom_dark.png") 50% 100% no-repeat;
	position: relative;
	bottom: 0;
	left: 0;
	padding: 64px 0 8px;
	width: 100%;
}
#footer p	{ margin: 0; }
#footer img	{ vertical-align: bottom; }

#site-title		{ margin: 0 0 -8px; height: 212px; text-align: center; }
#slogan			{ margin: 0; border: 0; background: url("images/site/titling/border.png") 0 9px repeat-x; }
/*#slogan img		{ height: 60px; background: url("images/site/titling/slogan_knockout_dark.png") 280px 9px no-repeat; }*/

#copyright span	{ color: #feb; }
#design img		{ vertical-align: middle; }