/* defaults and text */

.mid			{ text-align: center; }
.rit			{ text-align: right; }

a			{ color: #000; text-decoration: none; }
a:hover			{ color: #f70; text-decoration: underline; }
a img			{ border: 0; }
p			{ text-align: justify; }
pre			{ text-align: left; font: 9pt "courier new", monospace; margin: 0 20px; }
table			{ border-collapse: collapse; }
td			{ padding: 0; }
span.ind		{ padding-left: 20px; }


/* layout */

body			{ background: #000 url(images/back.png) fixed; color: #fff; font: 10pt calibri, tahoma, sans-serif; margin: 5px 0; }
div#head		{ margin: 0 auto; padding: 0 50px 0 60px; height: 28px; width: 660px; }
div#icon		{ margin-top: 8px; height: 20px; float: left; }
div#edgn		{ background: #fff; height: 5px; margin: 0 45px; }
div#edgs		{ background: #000; text-align: center; height: 15px; margin: 0 45px; }
div#conw, div#cone	{ height: 5px; width: 5px; }
div#cosw, div#cose	{ height: 15px; width: 5px; }
div#conw		{ background: url(images/corner-nw.png); float: left; margin-left: 40px; }
div#cone		{ background: url(images/corner-ne.png); float: right; margin-right: 40px; }
div#cosw		{ background: url(images/corner-sw.png); float: left; margin-left: 40px; }
div#cose		{ background: url(images/corner-se.png); float: right; margin-right: 40px; }
div#side		{ padding: 3px 18px 0 0; float:right; }
div#side img		{ margin: 2px 2px 1px 2px; float: left; clear: left; }
div#body		{ margin: 0 auto; width: 770px; }
div#main		{ background: #fff; color: #000; text-align: left; margin: 0 40px; padding: 10px 21px 15px 21px; min-height: 375px; }
div.post		{ text-align: left; font-weight: bold; border-bottom: 1px solid #000; margin: 0 -10px; padding: 0 10px; }
span.date, span.icon	{ text-align: right; font-weight: normal; float: right; }

/* menu */

div#menu		{ margin: 0 0 -14px auto; width: 423px; float: right; position: relative; }
div#menu div		{ float: left; }
span.null		{ display: none; }
div#menu a		{ height: 42px; display: block; }
div#menu a:hover	{ background-position: 0 42px; }
div#hom0 a		{ background: url(images/m-ho-b.png); width: 69px; }
div#hom1 a		{ background: url(images/m-ho-w.png); width: 69px; }
div#blg0 a		{ background: url(images/m-bl-b.png); width: 50px; }
div#blg1 a		{ background: url(images/m-bl-w.png); width: 50px; }
div#pho0 a		{ background: url(images/m-ph-b.png); width: 76px; }
div#pho1 a		{ background: url(images/m-ph-w.png); width: 76px; }
div#doo0 a		{ background: url(images/m-do-b.png); width: 84px; }
div#doo1 a		{ background: url(images/m-do-w.png); width: 84px; }
div#lun0 a		{ background: url(images/m-lu-b.png); width: 76px; }
div#lun1 a		{ background: url(images/m-lu-w.png); width: 76px; }
div#abt0 a		{ background: url(images/m-ab-b.png); width: 68px; }
div#abt1 a		{ background: url(images/m-ab-w.png); width: 68px; }


/* page-specific */

p.big			{ font: bold 13pt "trebuchet ms", sans-serif; text-align:center; }

p.gal img		{ height: 75px; width: 100px; }
p.doo img, p.gal img	{ border: 1px solid #000; margin: 2px; padding: 1px; vertical-align: bottom; }
p.doo img:hover, p.gal img:hover
			{ border-color: #f70; }

table#body		{ margin: auto; width: 770px; }
div#view, div#navi	{ background: #fff; color: #000; text-align: center; margin: 0 40px; }
div#view		{ padding: 15px 20px 2px 20px; min-height: 320px; }
div#navi		{ padding: 5px; }

table.anns		{ width: 500px; }
table.anns td		{ width: 25%; }

table.loon		{ margin: auto; width: 500px; }
table.loon td		{ width: 50%; }
table.loon img		{ padding: 1px 5px; vertical-align: middle; }