body	{ background: #faf2d5 url("background.png");
	  font-family: gentium, garamond, baskerville, palatino, times, serif;
	  font-size: 12pt; color: #000000; text-decoration: none; }

p	{ color: #000000; text-decoration: none; text-align: justify }
p.right	{ color: #000000; text-decoration: none; text-align: right }
p.date	{ color: #AE473B; text-decoration: none; }

a	{ color: #473BAE; text-decoration: none; }

h1	{ font-size: 22pt; font-weight: bold; letter-spacing: 0.1em;
	  font-variant: small-caps; text-align: left; }
h2	{ font-size: 16pt; font-weight: bold; letter-spacing: 0.2em;
	  text-align: left; }
h3	{ font-size: 13pt; font-weight: normal; letter-spacing: 0.2em;
	  font-variant: small-caps; text-align: left; }

div.mofo{ width: 30em; border-left: #99f 1px dashed; border-right: #99f 1px dashed;
	  padding: 2em; background: #faf2d5; text-align: left; }
div.mofo_wide	{ width: 50em; border-left: #99f 1px dashed; border-right: #99f 1px dashed;
		  padding: 2em; background: #faf2d5; text-align: left; }

div.menu{ background: #eae2c5; border: #99f 1px dashed; padding: 2px; }
a.menu_button   { padding-left: 1ex; padding-right: 1ex;
		  margin: 2px ;background: #faf2d5;
		  border: 2px solid #473bae; }


table.body      { border: none;  padding: 0; margin: 0; }
tr.body { border: none;  padding: 0; margin: 0; }
td.body { border: none; padding: 0; margin: 0; }

pre.code	{ font-size: 10pt; color: #530; padding: 2em; border: 1px solid #dcb; }

img.photo { padding: 1px; border: 1px solid gray; }

.frame { border: 1px solid white; padding: 3px; margin: 3px;
	  display: inline-block; font-size: 80%; vertical-align: top; }
.frame img { padding: 1px; border: 1px solid gray; }
.frame a img { padding: 1px; border: 2px solid #6644cc; }
.frame div { width: 200px; }