/*

Why hey. Have a look around. It's a bit messy here, but everything should work...

I think.

Maybe.

 --M.o.E.
*/

body {background: #000 url(bgcity2.jpg) no-repeat fixed center center; color: #000; font-family: "Trebuchet MS", Arial,
             "Nimbus Sans L",
             FreeSans,
             "Bitstream Vera Sans",
             Futura,
             Tahoma,
             sans-serif;
margin: 0; text-align: center; vertical-align: top; font-size: 90%; min-width: 65em; }

.container { position: relative; width: 43em; margin: 1em auto 2em auto; }
.lefthold { position: absolute; top: 7em; left: -11em; width:11em; margin: 0; padding: 0; background: #FFF; }
.righthold { position: absolute; top: 0; left: 0; width:42em; margin: 0; padding: 0 0 2em 0; background: transparent; }
.logo { position: relative; top: -4em; left: 5.5em; height: 7em; background: transparent;
  color: #F22;
  margin: 0 auto 0 auto;
  padding: 0; }
.logo img { width: 91px; height: 104px; border-style: none; }
.logo img:hover { opacity: 0.6; }
.bar { /*width: 150px;*/ background: #FFF; 
  font-size: 100%; color: #222;
  margin: -5em auto 0 auto; 
  padding: 0 0 0.5em 0; }
.banner { width: 40em; height: 6.25em;
  margin: 0; 
  padding: 0.75em 0.7em 0 0.7em; 
  background: #FFF;
  background: -moz-radial-gradient(center bottom, circle closest-corner, #DDD 0%, #EEE 25%, rgba(255,255,255,0.5) 50%, #EEE 90%); 
background: -webkit-gradient(radial, 50% 100%, 2, 50% 100%, 350, from(#DDD), color-stop(25%,#DDD), color-stop(50%,rgba(255,255,255,0.6)), to(#EEE));
  font-size: 100%; color: #8d6e3d; }
.main { width: 40em; background: #EEE; 
  margin: 0;
  padding: 0.7em 0.7em 0.7em 0.7em; 
  background: -moz-linear-gradient(top, rgba(255,255,255,0), #EEE);
  background: -webkit-gradient(
  linear, center top, center bottom, from(rgba(238,238,238,0)), to(#EEE));
   }

/*
* { border: 1px red solid; }
.righthold { border: 1px yellow solid; }
*/

/* white: #FFF; ffff94 */
/* almost black: #222; */
/* brown: #8d6e3d; */
/* green: #0d6e3d; */
/* bgwhite: #EEE; */

/* main is 40 em wide minus 2*0.7em padding and 2*4em padding in crapola => crapola is 30.6 em wide for text. */

.crapola { margin-right: auto; margin-left: auto; 
   background: #EEE; padding: 4em 5em;
  font-size: 100%; color: #222; text-align: left; line-height: 1.35; background: -moz-radial-gradient(center top, circle closest-corner, #DDD 0%, #EEE 25%, rgba(255,255,255,0.6) 50%, #EEE 100%); 

background: -webkit-gradient(radial, 50% 0%, 2, 50% 0%, 350, from(#DDD), color-stop(25%,#DDD), color-stop(50%,rgba(238,238,238,0.6)), to(#EEE));
}
.footer { margin-right: auto; margin-left: auto;
  background: #FFF; background: -moz-linear-gradient(left, #EEE, #FFF, #EEE);
  padding-bottom: 5px; 
  font-size: 70%; color: #666; }

a { color: #8d6e3d; }
a:hover, a:visited { color: #0d6e3d; } /* #FF6e3d; */

sub, sup { line-height: 0; }

.bar ul { list-style-type: none; width: 100%; padding: 0; margin: 0; }
/* list-style-image: url(gapple.jpg) */

/* .bar ul li:hover { font-size: 150%; font-style: oblique; } */
/* .bar ul li:hover { font-style: oblique; background: #222; color: #FFF; background: -moz-repeating-radial-gradient(circle, #FFF, #FFF 5px, #EEE 5px, #EEE 10px);} */

.bar ul li:hover { background: #8d6e3d; color: #FFF; /*font-weight: bold;*/ }
.bar ul li a { display: block; padding: 5px 0;}
.bar ul li:hover a { color: #FFF; background: #8d6e3d;}
.bar ul li:hover a:visited { color: #FFF; background: #0d6e3d;}
#sitmap a { padding-top: 1.2em; font-size: 80%; }
#this { background: #8d6e3d; color: #FFF; }

.banner strong { background: transparent;
  font-size: 280%; color: #5f401a; }

.pagehead, .pagesubhead, .chnum, .banner strong { font-family: "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", serif; }

.booky { margin-top: 0px; margin-bottom: 0px; text-indent: 2em; }
.kook { font-family: Comic Sans, cursive; }
.signy { float:right; clear:both; }
.pagehead { font-size: 150%; font-weight: bold; text-align: center; color: #5f401a; clear:both;  letter-spacing: 0.2em; }
.pagesubhead { font-size: 110%; font-weight: bold; text-align: center; color: #5f401a; clear:both;}
.chnum { font-size: 100%; text-align: center; font-weight: bold; margin-top: 3em;}


.more-spaced-list li { margin-bottom: 0.75em; margin-top: 0.5em; }
.bp { color: #5f401a; } /* for brown p, table, li, etc. */
.wtf { background: #FF7; color: #933; border: 2px solid #A00; padding: 1em; } /* for explanation boxes */
.mildwtf { background: #DDD; border: 2px solid #A88; padding: 1em; } /* less strikingly colored wtf-box */

.tippy { border-bottom: 1px dashed #5f401a; } /* formatting for text that has title tooltip in it*/
 
dt { font-weight: bold; }

dd { padding-bottom: 1em;}

.navitop { width: 100%; height: 5em; text-align: center; margin-left: auto; margin-right: auto; margin-top: -4.4em; background: transparent; border: 0; padding: 0; font-size: 0.9em; position: relative;}
.navibott { width: 100%; height: 6em; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: -4.4em; background: #EEE; border: 0; padding: 0; font-size: 0.9em; position: relative; }
.navil { float: left; width: 37%; margin: 0; margin-left: -4.7em; padding: 0.2em 0.2em 0.2em 1.5em; text-transform: lowercase; background: transparent; position: absolute; left: 0; }
.navir { float: left; width: 37%; margin: 0; margin-right: -4.7em; padding: 0.2em 1.5em 0.2em 0.2em; text-transform: lowercase; background: transparent; position: absolute; right: 0; }
.topsy { position: absolute; top: 0; } /* left top = navil+topsy   right top = navir+topsy */
.botsy { position: absolute; bottom: 0; }  /* left bottom = navil+botsy   right bottom = navir+botsy */
.navitop a, .navibott a { text-decoration: none; }

.liendline { float: right; text-align: left;}
/* at least in interfaith's list the list elements have this latter span which is floated to the right --- rudimentary tabulature! */

/* last modified box --- insert a clearing div then this after all else */ 
.modbox { /*float:right;*/ padding: 0; margin: 1em auto 0 auto; text-align: center; background: transparent; font-size: 0.7em; }






.achtung { margin: 1em auto; border: 3px solid black; padding: 1em; width: 50%; text-align: center; background: yellow; color: black; background: repeating-linear-gradient(
  45deg,
  yellow,
  yellow 10px,
  white 10px,
  white 20px
);}