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

html		{ height: 100%; }
body		{ background: url("images/paper_darken_top.jpg") repeat-x; margin: 0; text-align: center; height: 100%; }
#page-bkg1	{ background: url("images/curl_bottom.png") 50% 100% no-repeat; min-height: 100%; }
#page-bkg2	{ background: url("images/curl_top.png") 50% 0 no-repeat; }


/* Titling and navigation */
/* ---------------------- */

#site-title				{ margin: 0; text-align: center; }
#site-title img			{ height: 212px; vertical-align: bottom; }
#site-navigation ul		{ background: url("images/curl_top.png") 50% -212px no-repeat; }


/* Main content */
/* ------------ */

/* This layout leaves a 48px gutter between content and sidebar */
#main		{ margin: 32px auto 0; width: 888px; text-align: left; }
#content	{ width: 640px; float: right; }
#sidebar	{ width: 200px; float: left; }

#page-title
{
	font-size: 280%;
	background: url("images/titling/curl.png") 210px 8px no-repeat;
	min-height: 48px;
	margin: 0 0 16px;
}
#page-title:after	{ display: block; clear: left; content: " "; }
#page-title em		{ font-style: normal; color: white; float: left; width: 200px; margin-right: 48px; text-align: right; }
#page-title span	{ display: none; /* Hides the colon */ }

#content h1	{ border-bottom: 3px solid #754; line-height: 85%; /* Makes tails of text overlap border */ }


/* Sidebar content */
/* --------------- */

#sidebar .section
{
	text-align: right;
	margin-bottom: 16px;
	padding-bottom: 30px;
	background: url("images/triple_dots.png") 100% 100% no-repeat;
}

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

#footer
{
	text-align: center;
	padding: 64px 0 16px;
	clear: both;
}
#footer p	{ margin: 0; }

#contact-details	{ padding: 0; list-style: none;	list-style-image: none; }
#contact-details li
{
	display: inline;
	padding: 0 0 0 25px;
	background: url("images/bullet_large.png") no-repeat;
}
#contact-details #contact-street { background: transparent; padding: 0; }

#slogan			{ margin: 0 0 52px; border: 0; background: url("images/titling/border.png") 0 9px repeat-x; }
#slogan img		{ vertical-align: bottom; height: 60px; background: url("images/titling/slogan_knockout.png") 280px 9px no-repeat; }

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


@media print
{
	html, body, #page-bkg1, #page-bkg2	{ background: transparent; height: auto; }

	/* eliminate column layout - move sidebar content below main */
	#main				{ margin: 0; width: auto; }
	#sidebar, #content	{ float: none; width: auto; }

	/* Shrink title */
	#site-title img	{ height: 160px; }
	#site-title		{ margin-bottom: 64px; }
	/* Move slogan underneath title */
	#slogan			{ position: absolute; top: 160px; left: 0; width: 100%; background: transparent; }
	#slogan img		{ background: transparent; }

	#page-title			{ background: none; }
	#page-title strong	{ float: none; width: auto; margin: 0; color: black; }
	#page-title span	{ display: inline; }


	#footer				{ padding-top: 2em; background: transparent; page-break-inside: avoid; }
	#contact-details	{ border-bottom: 3px solid #543; padding: 0 0 1em; }
	#contact-details li	{ display: block; padding: 0; background: transparent; }
	#design img			{ display: none; }
}