@charset "utf-8";

/* (c) 2006-2007 MHC */

/* White-space reset */
html, body, div, p, blockquote,
h1, h2, h3, h4, h5, h6, pre, 
label, ul, ol, dl, dt, dd, li, 
fieldset, address {
 margin: 0;
 padding: 0;
}

li, dd {
 margin-left: 2em;
}

p {
 margin: .5em 0;
}

fieldset {
 padding: .2em .5em .75em .5em;
}

blockquote {
 margin: 1em 2em;
}

h1, h2, h3, h4, h5, h6 {
 font-weight: normal;
 font-size: 100%;
 font-style: normal;
}

h2 {
 font-size: 1.6em;
 margin-top: .7em;
}

h3 {
 font-size: 1.3em;
 margin-top: .7em;
}

h4 {
 margin-top: .7em;
 font-weight: bold;
}

table {
 border-spacing: 0;
}
thead, tfoot {
 background: #f7e7ff;
}
th, td {
 text-align: left;
 padding-left: .3em;
 padding-right: .7em;
 vertical-align: top;
}
th, div.figure p, blockquote.pullquote {
 font-weight: normal;
 font-family: "Times New Roman", "Times", serif;
 letter-spacing: .05em;
}

div.error, div.message {
 margin: .7em 0;
 padding: .2em 1em;
}

div.error {
 border: 1px solid #f7ad73;
 background: #fdf1e8;
}

div.message {
 border: 1px solid #c8e19f;
 background: #f7ffea;
}

/* Figures */
div.figure {
 /*
   Contains an image (or other replaced object)
   and an optional <p> with a caption.  The image/
   replaced object may be contained in a <p>.
 */
}

 /* Display classes for figures */
 div.fullwidth {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
 }
 
 div.fullwidth img {
  /*border: 1px solid #9373A2;*/
  padding: 4px;
  background: #F3DAFF url(/media/site/blurb-bg.png) no-repeat bottom right;
 }

 div.floatleft {
  float: left;
  margin-right: 1em;
 }

 div.floatright {
  float: right;
  margin-left: 1em;
 }
 
 div.floatleft, div.floatright {
  margin-top: 1.2em; /* push into line with <p> text */
 }

blockquote.pullquote {

}
 /* Display classes for pullquotes */
 blockquote.fullwidth {
  text-align: center;
  margin: 1em 0;
  padding-left: 25%;
  padding-right: 25%;
 }
 
 blockquote.floatleft {
  margin: 2em;
  
 }
 
 blockquote.floatright {
 
 }
 

/* General styles 
color schemes: 

http://wellstyled.com/tools/colorscheme2/index-en.html?triad;49;0;315;0.3;0.5;0.1;0.9;0.5;0.75;0.3;-0.8;0.1;0.9;0.5;0.75;0.3;-0.8;0.3;0.5;0.3;-0.8;0.3;0.5;0.1;0.9;0.5;0.75;0.3;-0.8;0.3;0.5;0.1;0.9;0.5;0.75;0

http://wellstyled.com/tools/colorscheme2/index-en.html?triad;49;0;149;0.29004329004329;0.9058823529411765;0.29004329004329;0.6341176470588235;0.0725108225108225;1;0.145021645021645;1;0.29004329004329;0.9058823529411765;0.29004329004329;0.6341176470588235;0.0725108225108225;1;0.145021645021645;1;0.29004329004329;0.6341176470588235;0.0725108225108225;1;0.145021645021645;1;0.29004329004329;0.9058823529411765;0.29004329004329;0.9058823529411765;0.29004329004329;0.6341176470588235;0.0725108225108225;1;0.145021645021645;1;0

*/
html, body {
 background: #F8FFED;
 color: #333;
 font-family: Helvetica, Arial, sans-serif;
}

body {
 font-size: .87em;
}

:link {
 color: #8FA273;
}

:visited {
 color: #A27375;
}

:link:active,
:visited:active {
 color: #E7A4A7;
}

/*
:link:hover,
:visited:hover {
 color: #CDE7A4;
}
*/

:link img,
:visited img {
 border: 0;
}

#container, #blurb {
 background: #CDE7A4 url(grass.jpg) top left;
}

/* Basic header */

#head {
 border-bottom: 1px solid #9373A2;
 text-align: center;
}

#head img#raster-logo {
 display: none;
}

#head h1#vector-logo {
 font-size: 2.5em;
 font-family: "Times New Roman", "Times", serif;
 color: #2e2233;
 margin-bottom: .5em;
 letter-spacing: -.02em;
 line-height: 1.1;
 font-weight: bold;
}

#head h1#vector-logo span.co {
 letter-spacing: -.03em;
}

#head h1#vector-logo span.li {
 letter-spacing: .01em;
}

#head h1#vector-logo span.line2 {
 display: block;
 font-size: .8em;
}

#head h1#vector-logo span.ofthe {
 position: relative;
 top: -.2em;
 font-size: .7em;
 font-style: italic;
 text-decoration: underline;
 margin-right: .1em;
}

/*
#head-tag {
 font-style: italic;
 font-size: .8em;
}
*/

/* Navigation */
#nav {
 background: #F3DAFF url(blurb-bg.png) bottom right no-repeat;
 text-align: center;
 padding: .2em 2em;
 margin: 0;
}
#nav, #nav li {
 list-style: none;
 margin-left: 0;
}
#nav li {
 display: inline;
 padding-left: 1em;
 padding-right: 1em;
}
#nav li.current {
 font-weight: bold;
}
#nav :link,
#nav :visited {
 color: #61456f;
 text-decoration: none;
}

#nav :link:hover,
#nav :visited:hover,
#nav :link:focus,
#nav :visited:focus {
 text-decoration: underline;
}

/* Body */
#body {
 background: #F8FFED;
 border-top: 1px solid #9373A2;
 padding-left: 2em;
 padding-right: 2em;
 padding-bottom: 2em;
}

#blurb {
 border: 1px solid #9373A2;
 border-top-width: 0;
 padding: .1em .5em .3em .5em;
}

/* Footer */
#foot {
 border-top: 1px solid #9373A2;
 padding-left: 2em;
 padding-right: 2em;
 padding-bottom: .5em;
}
#foot p {
 font-size: .8em;
}

/* Misc */
.printonly {
 display: none;
}
.center {
 text-align: center;
}
.right {
 text-align: right;
}

#content-clear {
 clear: both;
}

.dirtree, .dirtree li, .dirtree ul {
 margin-left: 0;
 padding-left: 0;
 list-style: none;
}
.dirtree ul li {
 padding-left: 2em;
}
.dirtree li, .dirtree ul {
 clear: right;
}
.dirtree .treebuttons {
 display: block;
 float: right;
}
.dirtree li span.editable {
 display: block;
 padding-right: 0 2px;
}
.dirtree ul li span.editable {
 padding-left: 2em;
 margin-left: -2em;
}
.dirtree span.editable:hover {
 background: url(palegreen.png);
}

/* Front page */
#fp-pullquote p {
 font-style: italic;
 text-align: justify;
}
#fp-pullquote blockquote p {
 text-align: center;
}
#fp-pullquote {
 margin-top: 3em;
}
#fp-pullquote strong,
#fp-pullquote em {
 font-weight: normal;
 font-style: normal;
 font-size: 1.2em;
}