body {
	background: rgb(10,20,30);
	color: rgb(255,240,200);
	margin: 0px;
	padding: 0px;

	background-repeat: no-repeat;
	background-image: url("media/images/site/address_corner.jpg");
	background-position: bottom right;
	background-attachment: fixed;
}
 
.fancy p {
	line-height: 150%;
	text-indent: 4ex;
}

body.layout {
	background: black;
	color: rgb(120,120,0);
}

.footer-img img {
  	float: left;
}

div.page-header, div.page-header-flash, div.bodytop /*brain*/ {
	position: fixed; /* not supported in IE..., breaks flash plugin!!!! */
    top: 0px;
	z-index: 1;
	width: 100%;

  margin-bottom: -8ex;	/* ...basically undoes the 10ex in page-body (-8 for IE weird rendering ))... */
}

div.page-header-flash {
	position: relative; /* not supported in IE..., breaks flash plugin!!!! */
}

div.page-body, div.bodymiddle /*brain*/ {
	margin-top: 10.5ex; /* ... offset from top */

  font-family: serif;
  
  margin-left: 12em;
  margin-right: 3em;
}

.float-menu {
  position: absolute; /* IE is not supporting "fixed" properly */
  left: 0.5em;
  width: 8.5em;
  top: 10.5ex;
  right: 10em;
  padding: 0.5ex;
  
  background: rgb( 30,30, 40 );
  border: ridge rgb(21,122,133);
}

.logo { 
	text-align: center;
	vertical-align: middle;
	font-family: cursive; 
	font-size: 25px;
		
	margin-top: 30px;
	margin-bottom: 30px;
}

.enter {
	font-variant: small-caps;
	font-family: sans-serif;
	text-align: center;
}

:link, :visited, :active {
	color: rgb(150,150,225);
}

.header-out {
   width: 100%;

   padding: 0px;
   margin: 0px;
   border: none;
   border-collapse: collapse;
  
	border-bottom: ridge rgb(21,122,133);
  background: rgb(10,20,30);

   background-image: url(media/images/site/top.jpg);
	background-attachment: fixed;	/*needed for Opera 7, not sure if required by Std*/
}

.header-img {
	border-right: ridge rgb(21,122,133);
  background: rgb(10,20,30);
  padding: 0px;
  margin: 0px;
  width: 118px;
  height: 62px;
}

@font-face {
  	font-family: "BlackChancery";
	src: url(media/fonts/blackchancery.ttf) format(truetype);
}

.header-text, .header-text-left, h1 {
	font-family: "BlackChancery", "Black Chancery", cursive;
	font-stretch: wider;
}

.header-text, .header-text-left {
	color: rgb(10,20,30);
	vertical-align: bottom;
}

.header-text {
	text-align: right;
 	font-size: smaller;
  	margin: 0px;
}

.header-text-left {
  	margin: 0px;
  	text-align: left;
   font-size: larger;
   padding-left: 1ex;
}

.menu {       
	background: rgb( 30,30, 40 );
	border-top: ridge rgb(21,122,133);
}

.menu td { 
	padding-right: 0.5em;
	padding-left: 0.5em;
  height: 100%;
}
	
.menu a {
	color: rgb(177,179,190);
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
}

.softspace, .softspace-menu {
	padding-left: 1ex;
	padding-right: 1ex;
	padding-top: 0px;
	padding-bottom: 0px;
	border: none;
	margin: 0px;
} 

.softspace-menu { 
	width: 6px;
	height: 15px;
}

.float-menu br {
	display: block;
	margin: 0ex;
	margin-top: 0.4ex;
}

.float-menu a {
	display: block;
	text-indent: -2ex;
	padding-left: 2ex;
	text-decoration: none;
}

h1 {
  background: rgb( 30,30, 40 );
  border-top: solid thin rgb(21,122,133);
  border-right: solid rgb(21,122,133);

  margin-right: -2ex;
  margin-left: -1ex;
  
	text-align: right;
	font-size: larger;
	padding-right: 0.5ex;
	color: rgb( 50, 150, 200 );
	clear: both;
}

h2 {
	margin-left: -1ex; 
	font-size: medium;
	color: rgb( 50, 150, 200 );
}

address {
	color: rgb(177,179,190);
	text-align: right;
	font-size: smaller;
	padding-right: 1em;
}

.body {
	padding-left: 1ex;
}
  
  
.poem {
	margin-top: 1ex;
	margin-left: 5ex;
	padding: 0px;
}

tr, td {
	margin: 0px;
}

.poem-title {       
	color: rgb(77,179,190);
	margin-top: 0px;
	margin-bottom: 0px;
	font-style: oblique;
	margin-left: 3.5ex;
}

.stanza:first-child .line_odd:first-letter {
	font-size: 200%;
	font-weight: bold;
	float: left;
}

.line-odd {
}

.line-even:before {
	content: "____";
	visibility: hidden;
}

.stanza, .stanza-first, .stanza-last {
	padding: 0.5ex;
}

.stanza-first {
	border-top: solid thin rgb(21,122,133);
	border-left: solid thin rgb(21,122,133);
}

.stanza-last {
	border-right: solid thin rgb(21,122,133);
	border-bottom: solid thin rgb(21,122,133);
}

ul.events {
	margin-left: 10ex;
	list-style-type: none;
	text-indent: -10ex;
}


.events .date {
	font-weight: bold;
	font-style: italic;
}

.events .date:after {
	content: ") ";
}

.events .date:before {
	content: " (";
}


div.page-footer {
	margin-top: 2ex;
	clear: both;
}

dt img {
	border: none;
}

a img {
	border: none;
	vertical-align: baseline;
}                 

a {
	white-space: nowrap;
}

.float-menu a {
	white-space: normal;
}

.fancy .strong {
	font-size: larger;
	text-shadow: rgb(164,204,240) 0px 0px 5px;
}

.fancy em {
	font-size: larger;
}

.fancy .weak {
	font-variant: small-caps;
	font-size: smaller;
}

img.flow-right, img.flow-left {
	border: ridge rgb(21,122,133);
}

address img.flow-left {
	padding: 5px;
  border: none;
}

.flow-right {
  	float: right;
}

.flow-left {
	float: left;
}

dt {
  font-weight: bolder;
}

dd {
	margin-left: 6ex;
	margin-bottom: 2ex;
}

dl {
	margin-left: 3ex;
}

table.product {
	margin-top: 1ex; 
	padding-top: 1ex;
	margin-bottom: 0;

	border-top: thin dotted rgb(21,122,133);
	width: 100%;
	
}

td.pimage {
	width: 100px;
}

td.pavailable {
	width: 150px;
}

td.ptext, td.pavailable {
	vertical-align: top;
}

td.ptext {
	text-align: left;
}

.pother {
	font-size: smaller;
}

.pname {
	font-weight: bolder;
	font-size: larger;
}

.product img {
	border: none;
}

.pid {
	font-style: italic;
	font-size: smaller;
}

blockquote {
	font-style: italic;
	margin-left: 4ex;
	margin-right: 4ex;
	margin-bottom: 0px;
}

blockquote p {
  margin: 0px;
}

p.from {
	font-size: smaller;
	font-variant: small-caps;
	margin-left: 12ex;
	margin-top: 0px;
}

table.catlist {
	border: ridge rgb(21,122,133);
	border-collapse: collapse;
}
.catitem td {
	border-right: solid thin;
}
.catitem td, .catlist th {
	padding: 0.2ex;
}
.catlist th {
	border-bottom: solid thin;
}

/* It would be nice to have this translucent, but that is difficult -- that is, to have only the background translucent */
tr.catitem.group_1, .catlist th {
	background: rgb(30,60,90);
}

/****************************************************************** 
 * For items in the Brain
 */
.entry p.byline
{
	text-align: right; 
	margin-top: 0px; 
	font-size: smaller;
	clear: both;
}

.entry img.topic
{
	float: right;
	margin-bottom: 1ex;
	margin-left: 1ex;
  	border: solid thin rgb(21,122,133);
}

.entry img.category
{
	float: left;
	margin-bottom: 1ex;
	margin-right: 1ex;
  	/*border: solid thin rgb(21,122,133);*/
}

div.rssfeeds
{
	text-align: right;
}

span.rssfeed
{
	margin-left: 1ex;
  	background: rgb( 30,30, 40 );
  	border: solid thin rgb(21,122,133);
  	padding-left: 0.5ex;
  	padding-right: 0.5ex;
}

span.rssfeed a
{
	text-decoration: none;
}

img.rssicon
{
	margin-left: 0.5ex;
}

a.morelink
{
	font-size: smaller;
	font-style: italic;
}

h2.entry-commands
{
  background: rgb( 30,30, 40 );

 	margin-right: -2ex;
 	margin-left: -1ex;
  	text-align: right;
  
	color: rgb( 50, 150, 200 );
}

div.entry.reply
{
	margin-left: 2em;
	margin-right: 1em;
	border-bottom: thin solid rgb(21,122,133);
}

div.entry.reply p.from
{
	font-size: smaller;
	font-variant: none;
	margin-left: 0ex;
	margin-top: 0.25ex;
}

div.entry.reply div.desc
{
	margin-left: 1em;
}