

/* 070916 */

/* comment : o ) 
      ...end comments((((((>>> */

a:link { /* unvisited only */
  color: #5555ee; /* text color */
  text-decoration: none; /* underline is default */
}
a:visited { 
  color: #cc33ff; 
  text-decoration: none;
}
a:hover { 
  color: #ffcc66;
  text-decoration: none;
}
a:active {
  color: #ff0000;
  text-decoration: none;
}

body, html { /* Some versions 
    of Opera apply margin and 
    padding to the <html> element
    instead of the <body> tag. */
  background-color: #000000;
  color: #ffffff;
  cursor: crosshair;
  font-family: "courier new", 
               monospace;
  font-weight: bold;
  padding: 0em .6em .6em .6em; 
        /* top, rig, bot, left */
}

h2 {
  color: #bbb;
  line-height: 93%;
  margin: 0 0 .5em;
  text-align: center;
}
h2 span { /* for top head 
    castaneda/index.html
    */
  color: #aaa;
  display: block;
  font-size: 80%;
  margin-top: 0.6em;
}
h2 span.sub { /* for top
    head cc08 starting
    part 1. */
  color: #aaa;
  display: block;
  font-size: 75%;
  line-height: 93%;
  margin-top: 0.5em;
}

h3 {
  background: #222222;
  border: solid 0.14em; 
  color : #ff8300;
  display : block;
  font-size : 1.4em;
  line-height: 95%;
  padding: 0.4em;
  text-align : center;
}

h3 span { /* for h3 span (sub text)
    used on toltec/index.html
    only */
  color: #aaa;
  display : block;
  font-size: 78%;
  margin-top: 0.3em;
}

h3 a:link { /* ff8300 */
  color: #55e;
  display: block;
  text-decoration: none;
}
h3 a:visited { /* ff8300 */
  color: #c3f;
  display: block;
  text-decoration: none;
}
h3 a:hover {
  background: #262626;
  color: #ffcf69;
  display: block;
  text-decoration: none;
}
h3 a:active {
  color: #ff0000;
  display: block;
  text-decoration: none;
}

h4 {
  color: #ff8300;
}

/*
hr {
  color: #fff;
}
*/

img {
  border: solid 7px #000000;
  float: left; 
  margin: 1.5em 1.5em 1.0em 0.5em;  
}

p {
  margin: 1em 1em 0.6em 1em;
  text-indent: 1.3em;
}

pre { 
  color: #aaffaa;
}




.aside { /* div */
  color: #5b4;
  border: solid #55bb44
          0.01em;
  font-weight: bold;
  margin: 1em 1em;
  padding: 1em;
}

.aside a {
  text-decoration: underline;
}


.book_cover {
  border: solid 3px;
  float: left;
  margin: 1em 1em 1.0em auto;

}


.box { /* div
    Boxed.  Needs to
    be div if nested 
    paragraphs within 
    are to be used */
  border: solid 0.01em #cccccc;
  margin: 1.6em 1.0em
          1.8em 1.0em;
  padding: 0.5em 0.5em 
           0.5em 1.5em;
}


.center { /* use div: not
    a previously margined
    p */
  text-align: center;
}

.center_margin {
  margin-left: auto;
  margin-right: auto;
}


.character_name {
  color: #ff6666;
}


.color_aside {color: #5b4;}

.color_black {color: #000000;}

.color_green {color: #117700;}

.color_lt_green {color: #aaffaa;}

.color_orange {color: #ff8300;}

.color_red {color: #ff6666;}

.color_white {color: #ffffff;}

.color_yellow {color: #ffff00;}

.color_dk_yellow {color: #ffcc66;} 
   /* used as hover for black BG */


.contents {  /* div: ul, ol 
             deprecated*/
  margin: 1em 1em 1em 1em;
}


.definition { /* span */
  color: #339922;
  font-size: 85%;
}
/* >>> html
 <span class="definition">[* - ]</span>
<<< */


.eight_pt_diagram {
  font-family: monospace;
  text-align: center;
}
.eight_pt_words {
  border: solid #996600 2px;
  color: #ffffff;
  padding: .15em .25em;
}


.float_right {
  float: right;
}

.font_size_87 {
  font-size: 87%;
}

.font_size_120 {
  font-size: 120%;
}

.font_size_150 {
  font-size: 150%;
}

.footnote {
  color: #cccccc; 
  font-size: 72%;
  font-weight: normal;
  text-indent: 0; 
}

.header {
  color: #339922; 
  font-size: 72%;
  font-weight: bold;
  margin-top: 0;
  padding-top: 0;
  text-indent: 0; 
}

.hide {
  display: none;
}

.indent {
  text-indent: 1.3em;

}

.light_green { 
  color: #aaffaa;
}

.link_right { /* can be solo a
    ie. no p or div 
    req'd*/
  display: block;
  font-size: 82%;
  margin: auto 0 
          .65em auto;
  text-align: right;
}

.nav_bar { /* p */
  background-color: #000000; 
  border-bottom: solid 
                 2px
                 #5555ee;
  border-top: solid 
              1px
              #5555ee;
  bottom: 0;
  font-weight: bold;
  left: 0;
  line-height: 1.55em;
  margin: auto 0 0;
  padding: .2em;
  position: fixed;
  right: 0;
  text-align: center;
  text-indent: 0;
}
.nav_bar a {
  background-color: 
           #000000;
  border: solid .05em;
  font-family: cursive;
  font-size: 75%;
  margin: auto 0em;
  padding: .15em .25em; 
  text-decoration: none;
}
.nav_bar a:link {
  color: #5555ee;
}
.nav_bar a:visited {
  color: #5555ee;
}
.nav_bar a:hover {
  color: #ffcc66;
}
.nav_bar a:active {
  color: #ff3333;
}
/* >>> html navigation samples
<p class="nav_bar">
<a href="#con">Contents</a>
</p>
<<< end navigation sample html 
<<< */


.no_bullet {
  list-style-type: none;
}

.noindent {
  text-indent: 0;
}

.pass {
  color: #ffcc00;
}

.poem { /* div
    Individual p's w/in div. 
    One p per poetry line.
    Requires ancestor w/
      large padding-left: See
    .quote . 
    Intended for poetry so that 
      wrapped lines are 
      indented.*/
  margin: 0.5em 0em 
          0.5em 2em;
    /* keeps successive 
    lines tight. P's ? */
  text-indent: -1.3em;
}


.read {
  color: #ffff00;
}

.read_me a:link {
    /* for cc10 Magical Passes
    chapters which are explanatory
    */
  color: #33ff00;
  font-weight: normal;
  text-decoration: none;
}
.read_me a:visited {
  color: #009900;
  text-decoration: none;
}
.read_me a:hover {
  color: #ffcc66;
  text-decoration: none;
}
.read_me a:active {
  color: #ff0000;
  text-decoration: none;
}

.read_me_not a:link {
    /* for cc10 Magical Passes
    chapters to skip
    */
  color: #3366ff;
  font-weight: normal;
  text-decoration: none;
}
.read_me_not a:visited {
  color: #6666cc;
  text-decoration: none;
}
.read_me_not a:hover {
  color: #ffcc66;
  text-decoration: none;
}
.read_me_not a:active {
  color: #ff0000;
  text-decoration: none;
}


.sub2 {
  font-size: 78%;
}


.white {
  color: #ffffff;
}

.width_50 {
  width: 50%;
}



/***** The End .css *****/
