/*!
 * legacy HTML5 starter
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*!
 * Yahoo! Reset
 */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http: //developer.yahoo.net/yui/license.txt
version:  2.8.0r4
*/
html {
  color: #000;
  background: #FFF;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: inherit;
  font-weight: inherit;
}
del,
ins {
  text-decoration: none;
}
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: baseline;
}
sub {
  vertical-align: baseline;
}
legend {
  color: #000;
}
input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
input,
button,
textarea,
select {
  *font-size: 100%;
}
/*!
 * Book of Short Stories...
 */
.salt-boss-start {
  background-image: url('/pickles/508');
}
/* ----------------------------------------------------------------------- *|
		Responsive Widths
|* ----------------------------------------------------------------------- */
body {
  width: 90%;
}
@media (min-width: 480px) {
  body {
    width: 440px;
  }
}
@media (min-width: 643px) {
  body {
    width: 643px;
  }
}
/*
header {
	@media (min-width: @screen-standard-min) {
		width: @container-standard;
	}
}
*/
.story-wrapper {
  max-width: 31em;
}
/* --------------------------------------------
		HTML Basics
/* -------------------------------------------- */
html {
  background: #ffffff url(../img/css/body-top-bg.gif) top left repeat-x;
  border-top: solid 2px #626262;
  color: #3e3c38;
  font-family: "Times New Roman", Times, serif;
}
body {
  margin: 0 auto;
  position: relative;
}
a {
  color: #06f;
  text-decoration: none;
}
a:hover {
  color: #C00;
  text-decoration: underline;
}
td {
  vertical-align: top;
  text-align: left;
}
blockquote {
  font-style: italic;
  margin: .8em 3em .8em 2.2em;
}
h1 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-variant: small-caps;
  font-weight: normal;
  letter-spacing: -1px;
}
p,
li {
  line-height: 1.5;
  margin-bottom: .7em;
}
ol {
  margin: 0 0 .7em 1.3em;
}
img {
  max-width: 99%;
}
/* ----------------------------------------------------------------------- *|
		Typography:  Font Sizing
|* ----------------------------------------------------------------------- */
body {
  font-size: 14px;
}
h1 {
  font-size: 170%;
}
header h1,
h2 {
  font-size: 130%;
}
.rightImg,
.post-nav-wrap,
p.footnote,
footer {
  font-size: 85%;
}
/* ----------------------------------------------------------------------- *|
		Header
|* ----------------------------------------------------------------------- */
header {
  background: url(../img/css/masthead-distressed.gif) center 0 no-repeat;
  height: 193px;
  margin: 20px auto 25px;
  text-align: center;
}
header h1 {
  margin-bottom: 50px;
}
header h1 a {
  display: block;
  height: 92px;
  outline: none;
  text-indent: -5000px;
}
header ul {
  list-style: none;
  margin: 0 auto;
}
header li {
  display: inline;
}
header li a {
  padding: 0 .7em;
}
header a {
  color: #847c6d;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}
header a:hover {
  color: #544935;
}
div#closeHeader {
  clear: both;
}
/* ----------------------------------------------------------------------- *|
		Footer
|* ----------------------------------------------------------------------- */
footer {
  background: url(../img/css/boy-with-book-50.gif) 0 10px no-repeat;
  border-top: solid 2px #9c9a97;
  color: #9c9a97;
  margin-top: 45px;
  padding: 10px 0 25px 60px;
}
footer .footer-summary {
  margin-bottom: 0.8em;
}
footer .footer-s826logo {
  color: #D9BCA9;
  float: right;
  margin: 0 0 .2em .6em;
  text-align: center;
  text-decoration: none;
  width: 194px;
}
footer .footer-s826logo:hover {
  color: #b9452d;
}
footer .footer-s826logo img {
  display: block;
  margin: .4em auto .2em;
}
footer .footer-s826logo strong {
  font-size: 1.1em;
}
/* ----------------------------------------------------------------------- *|
		TOC
|* ----------------------------------------------------------------------- */
.home-toc-header {
  font-size: 85%;
  font-style: italic;
  margin: 0 0 6px;
  padding: 0;
  text-align: center;
}
.home-toc-header a {
  color: #999;
}
.home-toc-header a:hover {
  color: #666;
}
.table-of-contents {
  margin: 20px auto;
  max-width: 29em;
}
.table-of-contents h3 {
  color: #9c9a97;
  font-weight: bold;
  margin: 0 0 20px;
  text-align: center;
}
.table-of-contents ul {
  list-style: none;
}
.table-of-contents li {
  padding-left: 24px;
  /*
		&:hover {
			background-color: rgba(246, 246, 245, 1);
		}
		*/
}
.table-of-contents li.favorite {
  background-image: url(../img/css/gold-stars.gif);
  background-repeat: no-repeat;
}
.table-of-contents li.favorite-star0 {
  background-position: top left;
}
.table-of-contents li.favorite-star1 {
  background-position: left -40px;
}
.table-of-contents li.favorite-star2 {
  background-position: left -80px;
}
.table-of-contents li.favorite-star3 {
  background-position: left -120px;
}
.table-of-contents .toc-page-number {
  float: right;
  font-size: 80%;
}
.table-of-contents .toc-student-name {
  font-style: italic;
  padding-left: 0.6em;
  font-size: 90%;
}
/* ----------------------------------------------------------------------- *|
		Story Pages
|* ----------------------------------------------------------------------- */
.story-wrapper {
  margin: 0 auto;
  padding: 25px 0;
}
.story-wrapper hgroup h2 {
  margin-bottom: 20px;
}
.story-wrapper hgroup h6 {
  border-bottom: solid 1px #9C9A97;
  margin-bottom: 20px;
  padding-bottom: 0.4em;
  position: relative;
  font-size: 85%;
}
.story-wrapper hgroup h6 span {
  position: absolute;
  right: 0;
  top: 0;
}
.story-wrapper figure {
  color: #666;
  font-size: 80%;
  margin: 25px 0;
  text-align: center;
}
.story-wrapper figure img {
  display: block;
  margin: 0 auto 10px;
}
.story {
  margin-bottom: 25px;
  font-size: 17px;
}
.story p {
  text-align: justify;
  text-indent: 2.2em;
}
p.story {
  text-align: justify;
  text-indent: 2.2em;
}
span.indent {
  padding-left: 1.8em;
}
.student-name {
  font-style: italic;
  float: right;
}
/* prev/next page navigation */
@media (min-width: 643px) {
  .post-nav-wrap ul {
    height: 40px;
  }
  .post-nav-wrap li {
    height: 20px;
    width: 45%;
  }
  .post-nav-wrap .post-nav-previous {
    float: left;
  }
  .post-nav-wrap .post-nav-next {
    float: right;
  }
}
.post-nav-wrap ul {
  list-style: none;
}
.post-nav-wrap li {
  line-height: 20px;
}
.post-nav-wrap a,
.post-nav-wrap a span {
  background: url(../img/css/paging-arrows.gif) 0 0 no-repeat;
}
.post-nav-wrap .post-nav-previous a {
  padding: 0 0 5px 26px;
  background-position: left -210px;
}
.post-nav-wrap .post-nav-previous a span {
  padding: 0 32px 5px 0;
  background-position: right -180px;
}
.post-nav-wrap .post-nav-previous a:hover {
  background-position: left -150px;
}
.post-nav-wrap .post-nav-previous a:hover span {
  background-position: right -120px;
}
.post-nav-wrap .post-nav-next {
  text-align: right;
}
.post-nav-wrap .post-nav-next a {
  padding: 0 0 5px 32px;
  background-position: left -60px;
}
.post-nav-wrap .post-nav-next a span {
  padding: 0 26px 5px 0;
  background-position: right -90px;
}
.post-nav-wrap .post-nav-next a:hover {
  background-position: left 0px;
}
.post-nav-wrap .post-nav-next a:hover span {
  background-position: right -30px;
}
/* ----------------------------------------------------------------------- *|
		Extras
|* ----------------------------------------------------------------------- */
.rightImg {
  float: right;
  margin: 0 0 10px 15px;
  width: 200px;
  text-align: center;
}
.decoration {
  background: url(../img/css/decoration.gif) center center no-repeat;
  height: 125px;
}
/* ----------------------------------------------------------------------- *|
		Moved from "About"
|* ----------------------------------------------------------------------- */
.copyrightNotice {
  border-top: solid 1px #ededed;
  color: #a9a9a9;
  padding: 25px;
}
.copyrightBlock {
  border: solid 1px #ededed;
  clear: right;
  display: block;
  float: right;
  font-size: .84em;
  margin-left: 1em;
  padding: .6em;
  text-align: center;
  width: 45%;
}
.salt-boss-end {
  background-image: url('radish/98');
}
/* / */