@charset "utf-8";



/*

  CSS Styles  < css-styles.css >

  Design by Ian Glass  < http://ianglass.com >
  © Therapeutic Recreation Consultants  < http://therapeutic-recreation.com >
  
*/


@import url('reset');
@import url('typography');
@import url('interface');


/* Color */
h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *,
h1 :link, h2 :link, h3 :link, h4 :link, h5 :link, h6 :link,
h1 :visited, h2 :visited, h3 :visited, h4 :visited, h5 :visited, h6 :visited { color: #90b55a; }

/* Logotype */

#logotype :link:hover, #logotype :visited:hover, #logotype :active { background: transparent url(logo_highlight) 0px 2px no-repeat; }
#logotype a { display: block; border: 0; margin: 0 0 0 -40px; padding: 0;}
#logotype { margin: 20px 0 160px }

body { background: white url(star) no-repeat top right; padding-right: 200px; margin-bottom: 100px; }

address { text-align: right; }

/*

Layout


body {
  width: 960px;
  margin: auto;
  font-family: Geogria, serif;
  font-size: 12px;
  line-height: 1.5em;
  background: url("./text") top right no-repeat;
  }

ul {
  margin: 0 0 0 1em;
  padding: 0;
  }

p {
  text-indent: 1em;
  margin: 0;
  }

.§ {
  margin-bottom: 1.5em;
  }

h1, h2, h3, h4, h5, h6,
h1 :link, h2 :link, h3 :link, h4 :link, h5 :link, h6 :link,
h1 :visited, h2 :visited, h3 :visited, h4 :visited, h5 :visited, h6 :visited {
  color: #afce82;
  font-weight: normal;
  }
  
h1 {
  font-size: 1.5em;
}
  
h1, h2, h3, h4, h5, h6 {
  font-size: 3ex;
  white-space: nowrap;
  }
  
.story { width: 512px; margin-left: 64px; font-size: .62em; }

.cover { height: 380px; width: 896px; position: relative; }

.cover h1 { position: absolute; bottom: .5ex; left: .5ex; font-size: 2em; }

.story p, .story ul { font-size: 1.4em }

*/
/*

Links and Interface:

*/



/* logoplate 
#boilerplate :link,
#boilerplate :link:hover,
#boilerplate :visited,
#boilerplate :visited:hover {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  }

#boilerplate :link:hover img,
#boilerplate :visited:hover img {
  background: url("./logo_highlight") no-repeat 0px 4px;
  }
  
img {
  border: 0;
  }

#boilerplate {
  float: left;
  margin-right: -13px;
  margin-top: 32px;
  }

#boilerplate a {
  display: block;
  width: 77px;
  height: 384px;
  overflow: hidden;
  background: url("logotype_vert") left bottom no-repeat;
  }

#boilerplate img { margin-left: 10px; }

/*


#boilerplate :link:active img,
#boilerplate :link:active:hover img,
#boilerplate :visited:active img,
#boilerplate :visited:active:hover img {
  background: url("./logo_highlight_active.png") no-repeat 0px 4px;
  } */






/*
* {
  margin: 0;
  padding: 0;
  font-family: Georgia, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4;
  }

html {
  font-size: 62.5%;
  }

p {
  text-indent: 1em;
  font-size: 1.4em;
  }
*/





/*
layout styles: 'single', 'double' and 'triple'
*/


/*
story styles: 'primary', 'secondary' and 'tertary'
*/