/* Core Decor Jette page layout definitions */

/* Style to add circles to all pages except the front page */
.circles {
  background: url(circles.png) no-repeat top left;
  clear: both;
}

/* Style to add the face to the front page */
.face {
  background: url(djface.png) no-repeat top left;
  clear: both;
}

/* Styles to draw the purple curved line around the outside of each page */
.bordertop {
  background: url(t.gif) top repeat-x;
}

.bordertopright {
  background: url(tr2.png) no-repeat top right;
}

.borderright {
  background: url(r.png) right repeat-y;
}

.borderbottom {
  background: url(b.png) bottom left repeat-x;
}

.borderbottomright {
  background: url(br2.png) bottom right no-repeat;
}

/* The width: hackery is to get around the fact that Internet Explorer doesn't
   understand max-width */
.content {
  padding: 8px;
  padding-left: 220px;
  max-width: 40em;
  width:expression(document.body.clientWidth > (500/12) * 
          parseInt(document.body.currentStyle.fontSize) ? "40em":"auto");
}

/* Styles for the site navigation bar */
DIV#navigation {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: sans-serif;
  font-size: small;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  padding-top: 10px;
  left: 200px;
}

DIV#navigation UL {
  display: inline;
  padding-left: 4px;
}

DIV#navigation UL LI {
  display: inline;
  vertical-align: middle;
}

DIV#navigation UL LI A {
  padding-right: 6px;
  padding-left: 12px;
  background: url(bullet.png) left no-repeat;
  color: black;
  text-decoration: none;
}

DIV#navigation UL LI A:hover {
  background: url(bullethi.png) left no-repeat;
}

DIV#navigation UL LI A:active {
  background: url(bullethi.png) left no-repeat;
  color: red;
}

/* Main font choices */
BODY {
  font-family: verdana, "lucida sans unicode", "bitstream vera sans", sans-serif;
  color: #990099;
  quotes: '\201C' '\201D' '\2018' '\2019';
}

Q Q {
  quotes: '\2018' '\2019';
}

H1 {
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  margin: 0px;
  float: left;
  height: 34px;
}

P.tagline {
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  margin: 0px;
  height: 25px;
}

P#linkhelp {
  /* font-family: "helvetica neue", helvetica, arial, sans-serif; */
  font-family: script, "brush script mt", cursive;
  font-weight: normal;
  font-size: 14pt;
  color: black;
}

H2 {
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-weight: normal;
  font-style: italic;
  margin-top: 24px;
}

H3 {
  margin: 0px;
  padding: 0;
  padding-left: 2em;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 18pt;
  color: #ccccff;
}

P.upshift {
  margin-top: 0em;
}

BLOCKQUOTE {
  color: #330099;
}

/* "66" and "99" big quotes for decorating blockquotes */
DIV.q66 {
  background: url(66.png);
  background-repeat: no-repeat;
}

DIV.q99 {
  background: url(99.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}

/* Citation for who's being quoted */
P.cite {
  color: #660066;
  margin-left: 10em;
  margin-bottom: 4em;
}

P.cite:before {
  margin-left: -1em;
  content: "\2014"
}

H1 {
  padding-bottom: 2px;
}

H1 A IMG {
  border-style: none;
}