html {
  border: none; 
  background: #c8c8c8 url("gradient2-nonsys.svg");
}

body {
  margin: 5px !important;
  color: #000; background: #fff; 
  font: 1em/1.4 Cambria, Georgia, serif;
  padding: 1.5em 1em 1.5em 160px;
  }

p {
  background: transparent; 
  }

kbd {
color: #333333;
background-color: #EFEFEF;
font-family: "Verdana";
font-weight: normal;
font-size: 80%;
text-align: center;
border-top: 2px double #CFCFCF;
border-left: 3px solid #BABABA;
border-right: 4px solid #AAAAAA;
border-bottom: 6px solid #909090;
padding-left: 0.2em;
padding-top: 0em;
padding-right: 0.2em;
padding-bottom: 0em;
line-height: 1.6em;
vertical-align: top;
}

div.dnd a[href] {
  font-size: small;
  font-weight: normal;
  text-decoration: none;
  background: #f0f0f0 !important;
  color: #000 !important;
  padding: 0px 4px 1px;
  border: outset 2px #f0f0f0;
  white-space: nowrap;
}

.dnd table {margin-bottom: 1em; width: 90%;}
.dnd col {width: 30%;}
.dnd col+col {width: 60%;}
.dnd td {vertical-align: middle; text-align: left;}
.dnd th {vertical-align: middle; text-align: center;}

a[target=preview], a[rel=sidebar] {
  font-size: small;
  text-transform: lowercase;
  font-variant: small-caps;
  font-weight: normal;
  text-decoration: none;
  background: #f0f0f0 !important;
  color: #000 !important;
  padding: 0px 4px 1px;
  border: outset 2px #f0f0f0;
  }


/* fixed links list bottom left */

/*.links {
  border-color: #ff0;
  }

.links span, .links a:hover {
  color: #ff0;
  background: url(../img/tab_rounded-ff0.gif) no-repeat left top;
  }

.links span, .links a:visited:hover {
  color: #dd6;
  }
*/

pre.example {
  border: thin dotted;
  background: #fff;
  color: #000;
  font-size: .8em;
  overflow: auto;
}
pre.example.large {
  max-height: 18em; 
}
pre.example.small {
  max-height: 6em; 
}

q:lang(en) { quotes: '\2018' '\2019' '\201C' '\201D';}
q:lang(nl) { quotes: '\201E' '\201D' '\201A' '\2019';}
q:before {content: open-quote;}
q:after {content: close-quote;}

/* below should be integrated above */
h1 {
color: #fff;
background: #6d6d6d url("gradient-nonsys.svg");
text-shadow: 1px 1px 15px #fff;
border: none;
}

p.tagline {color: #fff;}

h2, p.tagline  {
text-shadow: 0px 0px 10px #6d6d6d;
}

a[href] {
color: #39f;
background: #fff;
}

a[href]:hover {
text-shadow: 0px 0px 10px #6d6d6d;
}

address a[href] {color: inherit; background: inherit; border-color: inherit;}

th, td {font: 1em Cambria, Georgia, serif !important;}
h1, p {padding: .5em; text-align: left;}
h1 {font-size: 1.6em; padding: .4em .5em;}
h2 {font-size: 1.2em; padding: .2em .5em 0;}
h3 {font-size: 1.1em; padding: .0em .5em 0;}
h1, h2, h3, h4 {font-family: Candara, Tahoma, sans-serif;}
td {padding: 0.2em 0.4em;}

button.y2006 {color: white; background: #800;}