/* Standard elements */
/* ----------------- */

html, body
{
	color: white;
	background-color: #841;

	font-size: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1, h2, h3, h4
{
	margin: 0 0 0.25em;
	font-weight: normal;
	font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif;
	text-align: center;
}
h1, h2	{ font-size: xx-large; color: #e92; }
h3		{ font-size: x-large; }
h4		{ font-size: large; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 0.5em; }

p		{ line-height: 175%; margin: 0 0 1em; text-align: justify; }
ul, ol	{ line-height: 175%; padding: 0; margin: 0 0 1em 1.5em; }
ul		{ list-style: circle; }
ol		{ list-style: lower-roman; }

address	{ display: block; margin: 1.33em 0; font-size: medium; text-align: center; }
acronym, abbr	{ border-bottom: 1px dotted #e92; }

a			{ text-decoration: none; }
a:link		{ color: #fc5; }
a:visited	{ color: #e92; }
a:hover,
a:focus,
a:active	{ color: white; text-decoration: underline; }

a img		{ border: 0; }

/* Class styles */
/* ------------ */
.note			{ text-align: center; }
.introduction	{ font-size: large; line-height: 133%; }
.section
{
	padding-bottom: 24px;
	margin-bottom: 16px;
	background: url("images/rule.png") 50% 100% no-repeat;
	width: 100%;
}
.section:after	{ content: " "; display: block; clear: both; }
.clear			{ clear: both; }

.template-notice	{ color: #ba6; }

.thumb			{ padding: 2px; border: 3px solid white; }
a .thumb		{ border-color: #952; }
a:hover .thumb,
a:focus .thumb,
a:active .thumb	{ border-color: white; }

.cameo				{ padding: 4px; background: url("images/thumb_ring.png"); opacity: 0.5; filter:alpha(opacity=50); }
a:hover img.cameo,
a:focus img.cameo,
a:active img.cameo	{ background-position: 0 -208px; opacity: 1; filter:none; }

.left			{ float: left; 	margin: 4px 20px 12px 0; }
.right			{ float: right; margin: 4px 0 12px 20px; }
.center			{ display: block; margin: 1em auto; }

.thumbs			{ margin: 1em -32px; text-align: center; }
.thumbs img		{ margin: 0 4px; position: relative; }

.further		{ text-align: center; list-style: none; margin: 0 0 1em; }


@media print
{
	html, body		{ background-color: white; color: black; font-size: medium; }
	h1, h2			{ color: #952; }
	h1, h2, h3, h4	{ page-break-after: avoid; }

	a						{ color: black !important; text-decoration: none !important; }
	a[rel=external]:after	{ content: " (" attr(href) ")"; color: #952; }
	.url a					{ color: #952 !important; }
	.url a:after,			
	.url + a[rel=external]:after	{ content: ""; }

	p { text-align: left; }

	.section	{ padding-bottom: 1em; margin-bottom: 1em; border-bottom: 2pt dotted #952; background: transparent; }

	.thumbnails	{ margin: 1em 0; }
	.thumb		{ border: 2pt solid #952 !important; padding: 2pt; }
	.cameo		{ opacity: 1; background: #841; }

	.dont-print	{ display: none; }
}