/* ======================================================================== */
/* Grid */

/*
body {
  background-color: black;
}
*/

.g_wrapper {
  background-color: white;
  width: 960px;
  margin: 0 auto 0 auto;
  overflow: hidden;
}

.g_header {
  padding: 48px 0 0 0;
  overflow: hidden;
}

.g_footer {
  padding: 24px 0 24px 0;
  overflow: hidden;
}

.g_divider {
  height: 3px;
  border-top: 1px solid #d2232a;
  border-bottom: 1px solid #d2232a;
}

.g_divider hr {
  visibility: hidden;
  height: 0px;
}

.g_content {
  margin: 34px 15px 0 192px;
  overflow: hidden;
}

.g_col {
  float: left;
  width: 162px;
  min-height: 1px;
  padding: 0 15px;
  display: block;
  overflow: hidden;
}

.g_header .g_col {
  height: 157px;
}

.g_header .g_col.f_logo {
  text-align: left;
}

.g_maincol {
  margin: 0 0 2ex 207px;
  clear: left;
}

.g_content .g_maincol:first-child {
  margin-top: 0;
}

.g_leftcol {
  float: left;
  clear: left;
  width: 162px;
  margin: 0 0 4ex -207px;
  padding: 0 15px;
}

.g_leftdoc,
.g_sharing,
.g_breadcrumb,
.g_subnav,
.g_related {
  margin-bottom: 6ex;
}

/*------------------------------------------------------------------------- */
/* Navigation */

/* Header */

.g_header .g_col.f_topnav {
  display: block;
  position: relative;
}

.g_header .g_col.f_topnav .f_page {
  position: absolute;
  top: 88px;
}

.g_header .g_col.f_topnav .f_subpage {
  position: absolute;
  top: 115px;
}

/* Footer */

.g_footer .f_globalSearch input {
  width: 162px;
}

.g_footer .f_globalSearch label,
.g_footer h3 {
  margin: 0 0 1ex 0;
}

/* Subnav */

.g_subnav {
  margin-top: 1ex;
}

.g_subnav h2 {
  margin: 0 0 1ex 0;
}

.g_subnav .f_children {
  margin: 1ex 0 1ex 0;
}

.g_breadcrumb {
  margin-top: 1ex;
}

.g_breadcrumb h2 {
  margin: 0 0 1ex 0;
}

/* ======================================================================== */
/* Page decoration */

/* Titles */

.f_titleDetails h3 {
  margin: 0 0 1ex 0;
}

.f_titleListing h4 {
  margin-bottom: 1ex;
}

.f_buyLinks {
  margin: 3ex 0 3ex 0;
  overflow: hidden;
}

.f_buyLinks td {
  vertical-align: middle;
}

img.f_buy {
  float: left;
  display: block;
  margin: 0 1em 0 0;
}

.g_leftcol a:first-child .coverImage {
  margin-top: 1ex;
}

/* Timed items */

.f_textcontent.f_timedItem h1 {
  margin-bottom: 1ex;
}

.f_textcontent.f_timedItem .f_timedItemDate {
  margin-top: 0;
  margin-bottom: 2ex;
}

/* Sharing widget */

.g_sharing {
  overflow: hidden;
  height: 24px;
  margin-top: 2ex;
  margin-bottom: 4ex;
  font-family: Arial, Helvetica, sans-serif;
}

.g_content .g_sharing a:link,
.g_content .g_sharing a:link:hover,
.g_content .g_sharing a:visited,
.g_content .g_sharing a:visited:hover {
  text-decoration: none;
  color: #636466;
  vertical-align: bottom;
}

.g_sharing.addthis_default_style .at300b,
.g_sharing.addthis_default_style .at300m {
  padding: 0 4px 0 0;
}

.g_sharing .g_sharing_line {
  display: block;
  float: right;
  /* This padding-top serves to level up with the maincol, as well as
     giving enough space to the FB like button */
  padding-top: 1ex;
  margin-bottom: 1ex;
  overflow: hidden;
  line-height: 16px;
  font-size: 11px;
}

/* ======================================================================== */
/* GNTML */

.gntml_image {
  padding: 2ex 0 1ex 0;
}

.gntml_right {
  overflow: hidden;
  float: right;
  clear: right;
  width: 162px;
  padding: 1ex 0px 2ex 15px;
}

.gntml_right img {
  float: right;
}

.gntml_left {
  overflow: hidden;
  float: left;
  clear: left;
  width: 162px;
  padding: 1ex 15px 2ex 0px;
}

.gntml_left img {
  float: left;
}

.gntml_gallery {
  overflow: hidden;
  float: left;
  text-align: center;
  width: 100px;
  height: 100px;
  padding: 1ex 10px 1ex 0;
}

.gntml_clear {
  clear: both;
}

/* Image titles and captions */
.f_textcontent .gntml_image_caption p,
.f_caption {
  clear: both;
  margin-bottom: 0;
  margin-top: 1ex;
  text-align: left;
}

/* Image titles are hidden */
.f_textcontent .gntml_image h4 {
  position: absolute;
  left: 0;
  top: -1000;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Image links */
.gntml_image a:link {
}

.gntml_image a:visited {
}

.gntml_image a:link:active {
}

.gntml_image a:link:focus {
}

.gntml_image a:link:hover {
}

/* ======================================================================== */
/* Fonts */

body {
  font-family: Georgia, "Times New Roman", Times, serif;
  text-rendering: optimizeLegibility;
  /*text-align: justify;*/
}

/* ------------------------------------------------------------------------ */
/* Base sizes */

/* This scale uses a base of 12pt, to keep p at 1em (and therefore prevent
   problems with the cascade repeatedly applying the base font size scale to
   itself on nesting divs: consider:
   
   .myclass { font-size: 0.75em }
   
   <div class="myclass">
     <div class="myclass">
        <p>This text will have a size of 0.75 x 0.75 x enclosing-font-size</p>
     </div>
   </div>
*/
body { font-size: 100%;  /* 16 */ }
h1 { font-size: 1.375em; /* 22 */ }
h2 { font-size: 0.75em;  /* 12 */ }
h3 { font-size: 1em; }
h4 { font-size: 1em; }
p  { font-size: 1em; }

h1, h2, h3, h4, p, dl, ul, ol, blockquote { line-height: 1.5em; }

/* ------------------------------------------------------------------------ */
/* Main body */

/* Image titles and captions */
.f_textcontent .gntml_image h4,
.f_textcontent .gntml_image_caption p,
.f_caption {
  font-size: 0.8125em;
}

.f_buyLinks {
  font-size: 0.8125em;
}

.f_titleListing h3 {
  font-size: 1.25em;
}

/* Blockquotes */

.g_content .gntml_bigquote blockquote p:first-child {
  font-size: 1.25em;
}

/* Excerpts */

.f_excerpt h2 {
  font-size: 1em;
}

/* Left column */

.g_leftcol {
  font-size: 0.75em;
}

.g_leftcol h2 {
  font-size: 1em;
}

.g_leftcol .gntml_image h4,
.g_leftcol .gntml_image_caption p,
.g_leftcol .f_caption {
  font-size: 1em;
}

.g_leftcol .f_buyLinks {
  font-size: 1em;
}

h2.g_leftcol {
  line-height: 1.5em;
}

h2.g_leftcol {
  line-height: 1.5em;
}

/* ------------------------------------------------------------------------ */
/* Header/footer */

.g_col.f_topnav .f_page {
  font-size: 1.125em;
}

.g_col.f_topnav .f_subpage {
  font-size: 0.875em;
  line-height: 1.25em;
}

.g_footer {
  font-size: 0.875em;
}

.g_footer h3 {
  font-size: 0.75em;
}

.g_footer .f_globalSearch {
  font-size: 0.75em;
}

.g_footer .f_globalSearch input {
  font-size: 1em;
}


/* ------------------------------------------------------------------------ */
/* Editing widgets */

.widgetGrouping,
.widgetGrouping select,
.widgetGrouping input,
.widgetGrouping textarea {
  font: 8pt sans-serif;
}

/* ======================================================================== */
/* Text style */

/* Headings */

.g_content h1 {
  font-weight: normal;
}

.g_content h2 {
  font-weight: bold;
  font-style: italic;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}

.g_content h3 {
  font-weight: bold;
}

.g_content h4 {
  font-weight: bold;
  font-style: italic;
}

/* Blockquotes */

.g_content blockquote {
  color: #636466;
}

.g_content .gntml_bigquote blockquote {
  color: #000;
  font-style: italic;
}

.g_content .gntml_bigquote blockquote span {
  font-style: normal;
}


.g_content .f_excerpt blockquote {
  color: #000;
}


/* News listings */

.f_timedItemDate {
  font-style: italic;
}

/* Titles */

.f_title,
.nodestyle612 {
  font-style: italic;
}

.f_titleListing h3 {
  font-weight: normal;
}

/* Author summary */

.f_authorSummary {
  font-style: italic;
  color: #636466;
}

.f_authorSummary em {
  font-style: normal;
}

.f_authorListing h4 {
  font-style: normal;
}

/* Links */

.g_content a:link,
.g_content a:visited {
  text-decoration: none;
  color: #d2232a;
}

.g_content a:link:active,
.g_content a:visited:active {
  color: #636466;
}

.g_content a:link:hover,
.g_content a:visited:hover {
  text-decoration: underline;
}

.widgetGrouping a:link,
.widgetGrouping a:visited {
  color: black;
  text-decoration: underline;
}

/* Image titles and captions */

.f_textcontent .gntml_image h4,
.f_textcontent .gntml_image_caption p,
.f_caption {
  color: #636466;
}

/* ------------------------------------------------------------------------ */
/* Navigation */

/* Header */

.g_col.f_topnav .f_page {
  text-transform: uppercase;
  letter-spacing: 0.25em;
}

.g_col.f_topnav .f_subpage {
}

.g_col.f_topnav .f_page a:link,
.g_col.f_topnav .f_page a:visited {
  text-decoration: none;
  color: #d2232a;
}

.g_col.f_topnav .f_page a:link:hover,
.g_col.f_topnav .f_page a:visited:hover {
  text-decoration: underline;
  color: #d2232a;
}

.g_col.f_topnav .f_subpage a:link,
.g_col.f_topnav .f_subpage a:visited {
  text-decoration: none;
  color: black;
}

.g_col.f_topnav .f_page.f_cur {
  text-decoration: underline;
  color: #d2232a;
}

.g_col.f_logo a:link,
.g_col.f_logo a:visited {
  text-decoration: none;
  color: inherit;
}

.g_col.f_logo a:link:hover,
.g_col.f_logo a:visited:hover {
  text-decoration: underline;
}

.g_col.f_topnav .f_subpage .f_cur {
  text-decoration: underline;
}

/* Footer */

.g_footer h3 {
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #d2232a;
}

.g_footer .f_books a {
  font-style: italic;
}

.g_footer a:link,
.g_footer a:visited {
  text-decoration: none;
  color: black;
}

.g_footer a:link:hover,
.g_footer a:visited:hover {
  text-decoration: underline;
  color: #d2232a;
}

/* Search */

.g_footer .f_globalSearch label {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #d2232a;
  line-height: 1.5em;
}

.g_footer .f_globalSearch input {
  font-family: Georgia, "Times New Roman", Times, serif;
}

.g_footer .f_globalSearch input[type="submit"] {
  margin-top: 5px;
  width: auto;
}

/* ------------------------------------------------------------------------ */
/* Excerpts */

.f_excerpt h2 {
  color: #636466;
  text-transform: none;
  letter-spacing: 0;
  font-weight: normal;
  font-style: normal;
}


/* Special styles */
/* These are styles whose appearance is tied to both their style and
   their layout */

/* Drop caps */
.gntml_dropcap p:first-letter,
.f_excerpt .gntml_mainDoc > p:first-child:first-letter {
  font-weight: normal;
  font-size: 3em;
  margin: 0.175em 0.13em 0 0;
  line-height: 0.7em;
  float: left;
  color: #d2232a;
}

/* ======================================================================== */
/* Text layout */

.f_textcontent dl,
.f_textcontent ul,
.f_textcontent ol, 
.f_textcontent blockquote,
.numPaginator {
  margin: 0;
  margin: 2ex 0 2ex 0;
}

.f_textcontent h1,
.f_textcontent h3,
.f_textcontent h4 {
  margin: 0;
  margin: 4ex 0 2ex 0;
}

.f_textcontent h2 {
  margin: 0;
  margin: 6ex 0 2ex 0;
}

/* All paragraphs are unspaced, with a 2em indent except for the first one
   in a block or following a heading */

.f_textcontent p {
  text-indent: 2em;
  margin: 0 0 0 0;
}

.f_textcontent p:first-child {
  text-indent: 0;
}


.f_textcontent h1 + p,
.f_textcontent h2 + p,
.f_textcontent h3 + p,
.f_textcontent h4 + p {
  text-indent: 0;
}

/* Text-indent GNTML formatting for excerpts: see later for spacing */

.f_textcontent .gntml_newsection p {
  text-indent: 2em;
}

.f_textcontent .gntml_sectionbreak p {
  text-indent: 0;
}

.f_textcontent .gntml_noindent p,
.f_textcontent .gntml_plus_noindent p {
  text-indent: 0;
}

/* Override g_maincol/leftcol blocks that are a heading themselves to have
   the normal 2ex gap beneath them */

h1.g_maincol,
h2.g_maincol,
h3.g_maincol,
h4.g_maincol,
h1.g_leftcol,
h2.g_leftcol,
h3.g_leftcol,
h4.g_leftcol {
  margin-bottom: 2ex;
}

/* The first heading in a block of content has no top margin */

.f_textcontent h1:first-child,
.f_textcontent h2:first-child,
.f_textcontent h3:first-child,
.f_textcontent h4:first-child,
.f_textcontent p:first-child,
.f_textcontent dl:first-child,
.f_textcontent ul:first-child,
.f_textcontent ol:first-child,
.f_textcontent blockquote:first-child,
.f_textcontent blockquote:first-child p:first-child{
  margin-top: 0;
}


/* Excerpts have slightly different h1 + h2 formatting */

.f_excerpt h2 {
  margin: 8ex 0 4ex 0;
}

.f_excerpt h1:first-child {
  margin: 0 0 0 0;
}

.f_excerpt h1:first-child + h2 {
  margin: 0 0 4ex 0;
}

/* Vertical spacing GNTML formatting for excerpts */

.f_textcontent .gntml_newsection p {
  margin-top: 4ex;
}

.f_textcontent .gntml_sectionbreak p {
  margin-top: 2ex;
  text-align: center;
}

.f_textcontent .gntml_sectionbreak + .gntml_newsection p {
  margin-top: 2ex;
}


/* ------------------------------------------------------------------------ */
/* Nested lists */

.f_textcontent li > ul,
.f_textcontent li > ol,
.f_textcontent li > dl,
.f_textcontent dd > ul,
.f_textcontent dd > ol,
.f_textcontent dd > dl {
    margin: 0;
}

/* ------------------------------------------------------------------------ */
/* News listings */

.f_timedItems li {
  margin-bottom: 2ex;
}

/* ------------------------------------------------------------------------ */
/* Titles lists */

/* indent for all footer items */
.f_books li,
.f_authors li,
.f_left_footer li {
  margin-left: 0.5em;
  text-indent: -0.5em;
}

.f_bookListing {
  margin: 2ex 0;
}

/* ------------------------------------------------------------------------ */
/* Author summaries */

.f_textcontent .f_authorSummary {
  margin-bottom: 2ex;
}

.f_authorListing p {
  margin-bottom: 2ex;
}

.f_authorListing {
  margin: 2ex 0;
}

/* ------------------------------------------------------------------------ */
/* Search results */

.f_searchResults li {
  margin: 1ex 0 1ex 0;
}

/* ------------------------------------------------------------------------ */
/* 404 results */

.f_404 ul {
  margin: 4ex 0 4ex 0;
}

/* ------------------------------------------------------------------------ */
/* Definition lists: these support multiple dds cleanly */

.f_textcontent dl {
    overflow: hidden;
}

.f_textcontent dt,
.f_textcontent dd {
    display: block;
    margin: 2ex 0 0 0;
}

.f_textcontent dt:first-child,
.f_textcontent dt:first-child + dd {
    margin: 0 0 0 0;
}

.f_textcontent dt {
    width: 20%;
    float: left;
    clear: left;
    font-weight: bold;
}

.f_textcontent dd {
    width: 80%;
    float: left;
    clear: right;
}

/* ------------------------------------------------------------------------ */
/* Blockquotes */

.f_textcontent .gntml_bigquote blockquote p {
  margin: 0 0 0 0;
}

.f_textcontent .gntml_bigquote + p {
  margin-top: 0;
  margin-bottom: 2ex;
  text-indent: 0;
}

.f_textcontent .gntml_bigquote blockquote {
  margin: 2ex 0 0 0;
}

.f_textcontent .gntml_bigquote:first-child blockquote {
  margin: 0 0 0 0;
}

.f_textcontent blockquote {
  margin: 0 0 0 0;
}

.f_textcontent blockquote p:first-child {
  margin: 2ex 0 0 0;
}

.f_textcontent blockquote + p {
  margin-top: 0;
  margin-bottom: 2ex;
  text-indent: 0;
}

.f_textcontent blockquote + blockquote p:first-child {
  margin-top: 0;
  text-indent: 4ex;
}

.f_textcontent.f_excerpt blockquote {
  margin: 2ex 0 2ex 4em;
}

.f_textcontent.f_excerpt blockquote p {
  margin: 0 0 0 0;
}

.f_textcontent.f_excerpt blockquote + p {
  margin-top: 2ex;
  margin-bottom: 0;
  text-indent: 0;
}

/* ------------------------------------------------------------------------ */

.f_textcontent ul {
    list-style: inside disc;
    padding-left: 1em;
}

.f_textcontent ol {
    list-style: inside decimal;
    padding-left: 1em;
}

/* ------------------------------------------------------------------------ */

.w_themedForm {
  clear: right;
}

/* ======================================================================== */
/* Play styles */

.play .smallcaps {
  font-variant: small-caps;
  font-style: normal;
}

.play .emphasis {
  font-style: italic;
}

.play p {
  margin-left: 1em;
  text-indent: -1em;
}

.play p.line,
.play .poetry-line {
  text-indent: 0;
}

.play .poetry-line.indent {
  text-indent: 6em;
}

.play .poetry-linegroup {
  margin: 0 0 2ex 0;
}

.play p.stage-instruction {
  margin: 2ex 0;
  text-indent: 0;
}

.play .center {
  text-align: center;
}

.play .character,
.play .speaker {
  text-transform: lowercase;
  font-variant: small-caps;
}


/*-------------------------------------------------------------------------- */
/* Characters */

.play .characters h2 {
  font-style: normal;
  font-weight: normal;
  font-size: 1.375em;
  color: #000;
}

.play .characters h3 {
  font-size: 1em;
  font-style: italic;
  font-weight: normal;
}

.play .characters ul {
  list-style: none;
  padding-left: 0;
}

.play .characters .leftcol,
.play .characters .rightcol,
.play .characters .centercol {
  display: block;
  overflow: hidden;
  width: 250px;
}

.play .characters .leftcol {
  float: left;
}

.play .characters .rightcol {
  float: right;
}

.play .characters .centercol {
  clear: both;
}

.play .characters .centercol,
.play .characters h2 {
  margin-left: 173px;
}

.play .characters {
}