/* Global */
body			{background: white; color: black; font-family: sans-serif}
h1,h2			{border-bottom: 2px solid #ccf;}
h3				{border-bottom: 1px solid #ccf;}

h1				{text-align: center}
.centered		{text-align: center}
div.mainbody	{max-width: 45em;}

hr.mini			{width: 50%}
.error		{text-align: center; color: red}

th				{text-align: left;}

/* Navbars */
.navbarspacer {font-weight: bold; color: green; content: ">>";}
.navbar .relatedLinks:before {color: green; content: "Related: ";}

/* Put the page title at the same level as the navbar. */
.navbar	{position:absolute; top: 0em;}
.navbar	.relatedLinks {position:absolute; top: 1.2em; width: 40em;}

/* Floating index - used on the programming page. */
div.floatingindex {position:fixed; top:10em; left:48.5em; border-left:1px solid #ccf; text-align: left;}

/* The top "index.html" uses these divs. */
div.sitemap		{max-width: 45%; float: left;}
div.spacerSitemapTopical	{width: 10px; float: left;}
div.topical		{max-width: 45%; float: left;}
div.bigphoto	{float: left;}

/* Editing help. */
.todo	{border: 2px solid red;}


/* Just for the RPG pages */
.contentHrefRPG	{width: 100%;
				 background: url(gradpointrightRPG.gif) right no-repeat white}
.superMenuHrefRPG	{width: 100%;
				 background: url(gradpointupRPG.gif) top right no-repeat white}

/* Gallery pages.  The imagetable paragraphs will put four
 * portrait thumbnails on a line, or three thumbnails if any of
 * them is in landscape orientation.  imagetable is for 160x120
 * thumbnails, bigimagetable is for 200x150 ones.*/
table.gallery		{ max-width: 100px; }
p.imagetable		{ max-width: 639px;}
p.bigimagetable		{ max-width: 649px; text-align: center;}

/* The toaster's pages */
div.toasterContainer	{text-align:center; width:100%; margin:0; padding:0;}
div.toaster	{
				margin-left: auto; margin-right: auto;
				text-align:left;
				max-width: 33em;
				min-height: 10em;
				border:4px solid #444; border-style: inset;
				color: #8f8; background:#020;
			}
.makeToasterTalk	{text-align:center; font-weight:bold; font-size:larger;}

/* Finally the CV gets its stylesheet embedded, and doesn't use this one. */