/*

File: all.css
Purpose: To apply CSS styles for all media types
Contents:
  - YUI Reset
  - Colors & images
  - Typography
  - Other
  - Footer: hCard
Colors
  - #446666: green
    - #7c9494: 70 %
    - #98abab: 55 %
    - #b4c2c2: 40 %
    - #d0d8d8: 25 %
    - #ecefef: 10 %
  - #a03f32: red
    - #bc786f: 70 %
    - #cb968e: 55 %
    - #d9b2ad: 40 %
    - #e7cfcb: 25 %
    - #f5ecea: 10 %
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;}



/*------------------------------------------------------------------------------
 Colors & images
------------------------------------------------------------------------------*/

a:link {
  color: #466;
  border-bottom: 0.05em solid #7c9494;
}
a:visited {
  color: #a03f32;
}
a:hover,
a:active {
  background: #ecefef;
  border-bottom: 0.05em solid #7c9494;
  color: #000;
}

.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;
  }

.image {
  float: right;
  margin-bottom: 9px;                                                           /* Margin of 1.5 em = 18 px, but subtract the width of the shadow (9 px) */
  margin-left: 9px;                                                             /* Margin of 1.5 em = 18 px, but subtract the width of the shadow (9 px) */
  overflow: hidden;                                                             /* In case the curl overlays are larger than the <img> */
  padding-bottom: 9px;
  padding-left: 9px;
  position: relative;
}
  .image img {
    display: block;
  }
  .image .bottom-right_curl {
    background: transparent 100% 100% no-repeat;
    position: absolute;
      bottom: 0;
      right: 0;
  }
  .image .top-left_curl {
    display: block;
    background: transparent 0 0 no-repeat;
    position: absolute;
      left: 0;
      top: 0;
  }
    .image.medium .bottom-right_curl {
      background-image: url(/images/css/curl.medium.bottom-right.overlay.png);
      height: 118px;
      width: 148px;
    }
    .image.medium .top-left_curl {
      background-image: url(/images/css/curl.medium.top-left.overlay.png);
      height: 148px;
      width: 117px;
    }
    .image.small .bottom-right_curl {
      background-image: url(/images/css/curl.small.bottom-right.overlay.png);
      height: 60px;
      width: 65px;
    }
    .image.small .top-left_curl {
      background-image: url(/images/css/curl.small.top-left.overlay.png);
      height: 65px;
      width: 62px;
    }

input, textarea {
  border: none;
  background: #ecefef url(/images/css/shadow.bottom.short.background.png) 0 100% repeat-x;
  color: #000;
}
.note {
  background: #fffacd;
  color: #8b0000;
}
textarea {
  background: #ecefef url(/images/css/outset_box.background.png) 50% 50% no-repeat;
}
  input:disabled,
  textarea:disabled {
    background-color: #eee;
    color: #999;
  }
  input:disabled:hover,
  textarea:disabled:hover {
    background-color: #eee;
    color: #999;
  }

.quote {
  background: transparent url(/images/css/quotation_mark.left.png) 0 0 no-repeat;
  border-right: 0.12em solid #ecefef;
}
  /*.quote q {
    background: #fff url(/images/css/quotation_mark.right.png) 100% 100% no-repeat;
  }*/



/*------------------------------------------------------------------------------
 Typography
 
- Oldstyle numerals would be nice but not there does not seem to be a reasonable
  work-around that is easy and/or looks good.
- Hanging serif values are intended for the Georgia (regular) font

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

acronym {
  /*font-variant: small-caps;*/                                                 /* Not used because of the nature of the content: Acronymns are often used next to other regularly capitalized words */
  /*text-transform: lowercase;*/                                                /* Necessary for the small-caps to work because the acronyms are upper case in the XHTML */
}
acronym, .NaW, .number {                                                        /* "Not a word" a la "NaN" */
	letter-spacing: 0.05em;
}

#content {
}
  #content h1 {
    font-size: 2em;
    line-height: 1.5em;                                                         /* In case the line wraps */
    padding-top: 0.75em;
    margin-bottom: 1.5em;
  }
  #content h1 em {
    color: #7c9494;
  }
  #content h1 + h2 {
    margin-top: 2.5em;
  }
  #content h2 {
    border-bottom: 0.05em solid #ccc;
    font-size: 1.5em;
    line-height: 1em;
    margin-bottom: 1.45em;
    margin-top: 2.5em;
  }
  #content h2 + h2 {
    margin-top: 2.95em;
  }
  #content h3 {
    font-size: 1em;
    font-variant: small-caps;
    /*font-weight: bold;*/
    line-height: 1.5em;
    letter-spacing: 0.1em;
    margin: 1.5em 0;
    text-transform: lowercase;
    word-spacing: 0.2em;
  }
  #content dl {
    line-height: 1.5em;
  }
  #content dl, #content ol, #content p, #content ul {
    line-height: 1.5em;
    margin: 1.5em 0;
  }
  #content ol.complement, #content ul.complement {
    list-style-position: inside;
    margin-left: 1.5em;
  }
  #content ol.stand-alone, #content ul.stand-alone {
    list-style-position: outside;
    margin-left: 0;
  }
    #content ol {
      list-style-type: decimal;
    }
    #content ul {
      list-style-type: disc;
    }

dfn, em {
  font-style: italic;
}

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

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

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, serif;
}
h1, h2 {
  clear: both;
}

h1.A,
h2.A {
  text-indent: -0.022em;                                                        /* Hanging-serifs; good for "A"- and "W"-like letters */
}
h1.W,
h2.W {
  text-indent: -0.03em;                                                         /* Hanging-serifs; good for "A"- and "W"-like letters */
}
h1.C, h1.G, h1.O, h1.Q, h1.S,
h2.C, h2.G, h2.O, h2.Q, h2.S {
  text-indent: 0em;                                                             /* Hanging-serifs; good for "C"-like letters */
}
h1.B, h1.D, h1.E, h1.F, h1.H, h1.I, h1.K, h1.L, h1.M, h1.N, h1.P, h1.R,
h2.B, h2.D, h2.E, h2.F, h2.H, h2.I, h2.K, h2.L, h2.M, h2.N, h2.P, h2.R {
  text-indent: -0.09em;                                                         /* Hanging-serifs; good for "B"-like letters */ /* Previously -0.077 em for <h2>s */
}

html, input, textarea {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}

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

.publication {
  font-style: italic;
}

/* Font-size = 1 em */
.quote {
  display: block;
  font-style: italic;
  line-height: 1.5em;
  margin: -0.5em 0 1.5em 1.5em;                                                 /* Top: Pull the text up onto the baseline grid */
  margin-right: 4.4em;                                                          /* 4.5 em - (width of border) */
  padding-left: 3em;                                                            /* Padding so there is a place for the background-image */ /* This with the margin-left makes 4.5 em */
  padding-top: 0.5em;                                                           /* Only a little bit so the flat part of the quotation mark lines-up well with the text */
}
  .quote blockquote, .quote q, cite {
    display: block;
    margin: 0 4.5em 1.5em 0;
    margin-right: 0;
  }
  cite.vcard .n {
    display: block;
  }

/* Font-size = 0.8333 em (factor of 1.2) */
.quote {
  display: block;
  font-size: 0.8333em;
  font-style: italic;
  line-height: 1.8em;
  margin: -0.6em 0 1.8em 1.8em;                                                 /* Top: Pull the text up onto the baseline grid */
  margin-right: 5.28em;                                                         /* 5.28 em - (width of border) */
  padding-left: 3.6em;                                                          /* Padding so there is a place for the background-image */ /* This with the margin-left makes 4.5 em */
  padding-top: 0.6em;                                                           /* Only a little bit so the flat part of the quotation mark lines-up well with the text */
}
  .quote blockquote, .quote q, cite {
    display: block;
    margin: 0 5.4em 1.8em 0;
    margin-right: 0;
  }
  .quote cite .n {
    display: block;
  }

strong {
  font-weight: bold;
}

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



/*------------------------------------------------------------------------------
 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
------------------------------------------------------------------------------*/

.ie_only {
  display: none;
}
.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 */
}