@charset "UTF-8";

@media all
{
	html,
	body
	{
		background: white;
		color: black;
		font-family: Arial, sans-serif;
		line-height: 1.5em;
	}
	
	h1, h2, h3
	{
		color: #048;
		font-size: 1em;
		font-weight: normal;
	}

	h1
	{
		font-size: 1.7em;
	}

	h2
	{
		font-size: 1.3em;
		margin: 3em 0 1em;
	}

	h3, h4, h5, h6
	{
		font-size: 1em;
	}

	table
	{
		border-collapse: collapse;
	}

	th, td
	{
		font-weight: normal;
		text-align: left;
		padding-right: 2em;
		vertical-align: top;
	}

	dt:after
	{
		content: ":";
	}
	
	dd
	{
		margin-left: 2em;
	}

	var
	{
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
	}

	iframe
	{
		display: block;
		margin: 0 0 0 2em;
		width: 300px;
		height: 150px;
	}

	code
	{
		font-family: "Courier New", Courier, system;
		font-size: 0.8em;
		text-transform: none;
	}

	p.codeblock
	{
		overflow: auto;
		white-space: pre;
		max-width: none;
		margin-bottom: 2em;
		line-height: 1em;
	}

	ins
	{
		font: inherit;
		font-weight: bold;
		text-decoration: none;
		color: green;
	}

	q:before,
	q:after
	{
		content: none !important;
	}
}

@media screen
{
	body
	{
		margin: 2em 3em;
	}
	
	p, ul, ol, dl, h3, h4, h5, h6
	{
		max-width: 50em;
	}
	
	h1
	{
		max-width: 30em;
	}
	
	h2
	{
		max-width: 39em;
	}
	
	ol, ul
	{
		margin: 1em 0 1em 2em;
		max-width: 48em;
		padding: 0;
	}
	
	li
	{
		margin: 0;
		padding: 0;
	}
}

@media print
{
	a
	{
		color: inherit;
		text-decoration: none;
	}
	
	a[href]:not([href^="#"]):after
	{
		content: " (" attr(href) ")";
		font-size: 0.8em;
	}
	
	.refs a[href]:not([href^="#"]):after
	{
		content: none;
	}
	
	abbr[title]
	{
		border-bottom: 0 none;
	}
	
	iframe
	{
		background: white;
	}
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	css-expressions
*/

@media all
{
	html#css-expressions iframe
	{
		width: 500px;
		height: 150px;
	}
	
	html#css-expressions iframe.counter
	{
		height: 200px;
	}
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	ellipsis
*/

@media all
{
	html#ellipsis iframe
	{
		width: 24em;
		height: 8em;
	}
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	inline-block
*/

@media all
{
	html#inline-block iframe
	{
		width: 240px;
		height: 180px;
	}
}