h1#title span {font-size:smaller; color:#669}
li.cs {margin:1em 0}  /* No simple selector rule for creating white space so cheated a little */
section#intro {clear:both}


section.highlight, p.grabhead {
  background: #235EA4 url(/images/bluegrad.svg) no-repeat 0 0;
  color:white;
  border-radius: 1em;
  padding:.4em;
}

section.highlight a, section.highlight h2 {color:white}
p#peristeras {font-size:small}
.stars {color: gold; font-size: 18pt; text-align: right; margin-right: 20px;}

section#pageToc {
  border-bottom: thin solid #235EA4;
  margin-bottom:2em;
  margin-top: 1em;
}

section#pageToc p {
  font-size:small;
}

/* 10 Rules styles */

div.list dd {
  background: #ddd url(/images/greygrad.svg) no-repeat 0 0;
  display:block;
  font-size:smaller;
  font-family:monospace;
  border-radius:0.2em;
  margin: 1em 0 1em 0;
  padding: 0.5em;
  word-wrap: break-word;
}

div.list dl dt {
  display:block;
  border-radius:0.2em;
  color:white;
  padding: 1.2em 0 1.2em 0.5em;
}

div.list dl.doList dt {background-color:#91D159;}
div.list dl.dontlist dt {background-color:#A21408}
div.list span.thumb {position:absolute; top:-10000px}

div.list div {text-align:center}

p.grabhead {text-align:center}
div.grabLine {display:none}