/*
  YUI standard font sizes:
  
    pt  =>  pct
    
    10	    77
    11	    85
    12	    93
    13	    100
    14	    108
    15	    116
    16	    123.1
    17	    131
    18	    138.5
    19	    146.5
    20	    153.9
    21	    161.6
    22	    167
    23	    174
    24	    182
    25	    189
    26	    197
*/

/*div { border: 1px dotted red; }*/

body {
  font-family: "Palatino", serif;
  font-size: 100%;
  line-height: 1.5em;
}

h1 {
  padding-bottom: 0.25em;
  font-size: 153.9%;
}

h2 {
  padding-bottom: 0.25em;
  font-size: 116%;
  font-style: italic;
}

h3 {
  padding-top: 3em;
  padding-bottom: 0.25em;
  font-size: 100%;
  font-weight: bold;
  font-size: smaller;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

p {
  padding-bottom: 1em;
}

blockquote {
  padding-bottom: 0.5em;
  padding-left: 2em;
}

cite, em, i {
  font-style: italic;
}

strong, b {
  font-weight: bold;
}

ul {
  padding-bottom: 1em;
}

li {
  padding-bottom: 0.5em;
}

dl {
}

dt {
  float: left;
  font-style: italic;
}

dd {
  clear: right;
  margin-left: 5em;
}

.byline {
  font-style: italic;
  text-align: right;
}

.smallcaps {
  font-size: smaller;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}


/*
 * links
 */

a:link {
  color: #036;
  text-decoration: none;
  border-bottom: 1px dotted gray;
}

a:visited {
  color: #036;
  text-decoration: none;
  border-bottom: 1px dotted gray;
}

a:hover {
  color: #369;
  text-decoration: none;
  border-bottom: 1px solid gray;
}

a:active {
  color: #369;
  text-decoration: none;
  border-bottom: 1px solid gray;
}


/* header */

#header {
  padding-top: 2em;
  padding-bottom: 3em;
  font-size: 87%;
}


/* footer */

#footer {
  margin-top: 2em;
  padding-bottom: 3em;
  font-size: 87%;
}

/* logo */

.logo {
}

.logo a:link {
  color: #888;
  text-decoration: none;
  border-bottom: none;
}

.logo a:visited {
  color: #888;
  text-decoration: none;
  border-bottom: none;
}

.logo a:hover {
  color: #369;
  text-decoration: none;
  border-bottom: 1px solid gray;
}

.logo a:active {
  color: #369;
  text-decoration: none;
  border-bottom: 1px solid gray;
}


/* 
 * content blocks 
 */

/* title-content */

.title-content {
  text-align: right;
}


/* main-content */

.main-content {
  padding-left: 1em;
  padding-right: 1em;
}


/* key-image */

.key-image {
  float: left;
}

.key-image img {
  padding-right: 1em;
}

.key-image a:link {
  border: none;
}

.key-image a:visited {
  border: none;
}

.key-image a:hover {
  border: none;
  border-bottom: 1px dotted black;
}

.key-image a:active {
  border: none;
  border-bottom: 1px dotted black;
}

/* images */

.images {
}

.images-section h2 {
  padding-top: 1em;
  padding-bottom: 0.5em;
}

.images-image {
  vertical-align: bottom;
  text-align: center;
}

.images-label {
  vertical-align: top;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 0.5em;
  font-size: 77%;
  line-height: 1.2em;
}

.images a:link {
  border: none;
}

.images a:visited {
  border: none;
}

.images a:hover {
  border: none;
}

.images a:active {
  border: none;
}