/* Fonts */
h1 {
    font-family: 'Droid Serif', Georgia, Times, serif;
    font-size: 44px;
    line-height: 60px;
}

h2, h3, h4, h5, h6 {
    font-family: 'Droid Serif', Georgia, Times, serif;
}

h2{font-size:28px;}
h3{font-size:22px;}
h4{font-size:16px;}
 
p, li, dt, dl {
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 25px;
}

/* General colours etc. */
a {
  color: #08F;
}

body { 
    background: url(images/debut_dark.png) repeat 0 0;
    background-attachment: fixed;
    /* Override bootstrap strangeness */
    color: white;
    max-width: 1024px;
    margin: auto;
    overflow-y: scroll;    
}

textbox {
    color: black;
}

h1 { 
    text-shadow: 1px 1px 2px #ccc;
}

input, button, select, textarea {
  color: black;
}

/* Particular classes */
.epigraph { 
  text-align: center; 
  font-style: italic;
}

ul.simple {
  list-style-type: none;
  padding-left: 1em;
}

img.floatright, figure.floatright {
  float: right;
  margin-left: 10px;
}

img.floatleft, figure.floatleft {
  float: left;
  margin-right: 10px;
}

img.floatright, img.floatleft, figure img {
  border: 1px black solid;
}

figcaption {
  text-align: center;
}

.footnote {
  font-size: 70%;
}

blockquote {
  font-family: monospace;
}

.emphasis { 
  color: purple;
  font-weight: bold;
}

div.quote { 
  text-align: center;
  font-style: italic; 
}

img.screenshot {
  display: block;
}

/* Printing */
@media screen
{
  .urlref {
	display: none;
  }
}
  
@media print
{
  #menu { display: none; }
}