/*

File: all.css
Purpose: To apply CSS styles for all media types
Contents:
  - YUI Reset
  - Colors & images
  - Typography
  - Other
  - Footer: hCard
Colors
Comments:

*/

/*------------------------------------------------------------------------------
 Yahoo! UI Reset
------------------------------------------------------------------------------*/

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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{font-style:normal;font-weight:normal;}ol,ul {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;}



/*------------------------------------------------------------------------------
 Structure
------------------------------------------------------------------------------*/

body {
  margin: 0 auto;
  width: 34em;
}

#content {
  clear: both;                                                                  /* To keep away from the fleurons */
  margin: 2.4em auto;
  width: 34em;
}



/*------------------------------------------------------------------------------
 Colors & images
------------------------------------------------------------------------------*/
a:link {
  border-bottom: 0.05em dotted #ad98ff;
  color: #2c4675;
}
a:visited {
  border-bottom: 0.05em dotted #c88f82;
  color: #762405;
}
a:hover,
a:active {
  background: #ad98ff;
  border-bottom: 0.05em solid #504675;
  color: #0a0a0a;
}

.addendum {
  color: #999;
}
  .addendum a:link, a.addendum:link {
    border-bottom: 0.05em solid #ecefef;
    color: #7c9494;
  }
  .addendum a:visited, a.addendum:visited {
    color: #bc786f;
  }

#header a:link, #header a:visited, #header a:hover, #header a:active {
  background: none;
  border: none;
  color: #0a0a0a;
  text-decoration: none;
}

html {
  background: #fff;
  color: #0a0a0a;
}

img.stand-alone {
  border: 1px #ccc solid;
  display: block;
  margin: 1.2em auto;
}

div.image_wrap {
  float: right;
  margin-left: 1.2em;                                                           /* The leading/line-height size */
  margin-top: 0.5em                                                             /* The x-height of the body font */
}
  image.wrapped {
    border: 1px #ccc solid;
  }



/*------------------------------------------------------------------------------
 Typography
------------------------------------------------------------------------------*/

abbr.am-pm, acronym {
  font-variant: small-caps;
  text-transform: lowercase;                                                    /* Necessary for the small-caps to work because the acronyms are upper case in the XHTML */
}
acronym, .NaW {                                                                 /* "Not a word" a la "NaN" */
	letter-spacing: 0.05em;
}

dl, ol, ul {
  line-height: 1.2em;
  margin: 1.2em 0;
}

dfn {
  font-style: italic;
}

dl {
}
  dt {
    font-weight: bold;
    margin-top: 2.4em;
  }
  dt:first-child {
    margin-top: 0;
  }
  dd {
  }
    #content dd ul {
      list-style-type: circle;
      margin: 0;
    }

em {
  font-style: italic;
}

#footer .vcard {
  font-size: 1em;
  line-height: 1.2em;
}

h1 {
  font-size: 1.2em;
  line-height: 1em;
  margin: 2em 0 1em 0;
  text-align: center;
}

h2 {
  font-size: 2em;
  line-height: 1.2em;
  margin: 0;
  text-align: center;
}
  h2 .preposition {
    font-size: 0.75em;
    font-style: italic;
    line-height: 1.25em;
  }

h3 {
  font-size: 1em;
  font-style: italic;
  line-height: 1.2em;
  margin: 2.4em 0 1.2em 0;
  text-align: left;
}
h3.drop_cap {
  display: none;                                                                /* A drop cap on the following paragraph will draw the eye instead of the heading */
}

h4 {
  line-height: 1.2em;
  margin: 1.2em 0;
}

#header div.serving {
  font-size: 1.2em;
  font-style: italic;
  line-height: 1em;
  margin: 1em 0;
  text-align: center;
}

html, input, textarea {
  font-family: Garamond, "Book Antiqua", "Palatino Linotype", Palatino, serif;
  font-size: 1em;
}

.no-break {
  white-space: pre;                                                             /* To make special white space characters non-breaking; Needed for Opera at least */
}

ol, ul {
  line-height: 1.2em;
  text-align: left;
}
  ol.complement, ul.complement {
    list-style-position: inside;
    margin-left: 1.2em;
  }
  ol.stand-alone, ul.stand-alone {
    list-style-position: outside;
    margin-left: 0;
  }
    ol {
      list-style-type: decimal;
    }
    ul {
      list-style-type: circle;
    }

p, address {
  line-height: 1.2em;
  text-align: justify;
  text-indent: 2em;
}
  #content h3 + p {
    text-indent: 0;
  }
    #content p.drop_cap span.drop_cap {                                         /* Thanks http://www.safalra.com/web-design/typography/css-drop-caps/ for drop caps styles */
      display: block;
      float: left;
      height: 4.5em;
      margin-bottom: -2.4em;                                                    /* Make sure lines underneath the drop-cap aren't indented */
      margin-left: -0.35em;                                                     /* Hang the serifs */
      margin-right: 0.5em;                                                      /* Push lines #s > 1 away */
      margin-top: -0.3em;                                                       /* Align the top of the drop-cap with the top of the line */
    }
      #content p.drop_cap span.drop_cap span {
        font-size: 3em;
        line-height: 1em;
      }
    #content p.drop_cap span.drop_cap + span {
      /*margin-left: -0.6em;*/                                                  /* Pulls the first line closer, The opposite of .drop_cap's margin-right */
      margin-left: -0.3em;
    }
      #content p.drop_cap span.drop_cap + span .versal {
        font-variant: small-caps;
        letter-spacing: 0.05em;
        text-transform: lowercase;
      }
    #content p.drop_cap span.shadowed {
      text-transform: lowercase;
    }
  p.fragment, address.fragment, p.verse {
    margin: 1.2em 0;
    text-align: left;
    text-indent: 0;
  }

.publication {
  font-style: italic;
}

div.quote {
  margin-bottom: 2.4em;
}
  blockquote {
    margin: 1.2em 0;
  }
    blockquote p {
      /*text-align: left;*/
      text-indent: -0.45em;                                                     /* Hang the opening quotation mark */

    }
    blockquote p:before {
      content: "“";
    }
    blockquote p:after {
      content: "”";
    }
  cite {
    display: block;
    font-style: italic;
    margin: 1.2em 0;
    text-align: right;
  }

strong {
  font-weight: bold;
}

sub, sup {
  line-height: 0;                                                               /* Keep them from messing-up the regular line-height and vertical spacing */
}

.term {
  font-style: italic;
}



/*------------------------------------------------------------------------------
 Forms
------------------------------------------------------------------------------*/

#status span.error,
.error label {
  color: #bc786f;
  font-weight: bold;
}
.error input,
.error textarea {
  background-color: #f5ecea;
}

input[type="checkbox"],
input[type="radio"] {
  background-color: transparent;                                                /*  IE  */
  border: none;                                                                 /*  IE  */
}



/*------------------------------------------------------------------------------
 Other
------------------------------------------------------------------------------*/

.superfluous {
  display: none;
}



/*------------------------------------------------------------------------------
 Footer: hCard
------------------------------------------------------------------------------*/

#footer .vcard > span {
  display: block;
}
#footer .vcard .tel {
  float: left;
}
#footer .vcard .internet {
  float: left;
}
#footer .vcard .geo {
  display: none;                                                                /* Override the {display: block} from above */
}