/* look at <http://www.w3.org> for explanation of this, under
   Cascading Style Sheets, or CSS */

@import "style/convenience.css";

html,body { margin: 0; padding: 0; }

body
{
	color: black;
	background: #fbfbff;

	padding: 1.5%;
	/*not standardized yet
	 * text-rendering: optimizeLegibility;
	 */
}
p { margin: 0; padding: 0; text-indent: 3ex; }
li :first-child { text-indent: 0; }
td p { text-indent: 0; }
p.continuation { text-indent: 0; }

h2, h3
{
	font-weight: bold;
}

h1
{
	font-size: xx-large;
	text-align: center;
}

h2
{
	font-size: x-large;
	font-style: italic;
}

h3
{
	font-family: sans-serif;
	font-size: large;
}

h4
{
	font-family: sans-serif;
	font-style: italic;
}

em
{
	font-style: italic;
	color: inherit;
	background-color: inherit;
}

strong
{
	font-weight: bold;
}

cite, dfn
{
	font-style: italic;
}

code, pre
{
	font-family: monospace;
}

kbd, samp
{
	font-family: sans-serif;
}

var
{
	font-style: italic;
}

div.copyright
{
	font-size: small;
	text-align: center; 
	font-family: sans-serif;
}

ul
{
	padding-left: 1.5em;
}

/*styles for mobile*/
@media screen and (max-width: 480px) {
	h1, h2, h3, h4 { margin: 0; padding: 0; padding-left: 0.5ex; }
	h1{ font-size: x-large; }
	h2{ font-size: large; }
	h3{ font-weight: bold; font-size: medium; }
	ul{ padding-left: 2ex; }
}

@media screen and (min-width: 481px) {
}