@import url(http://fonts.googleapis.com/css?family=Droid+Serif:700,700italic);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans+Mono);

/* Some compatibility for ancient browsers. */
article,
header,
footer,
nav {
  display: block;
}

p,
li {
	font-family: 'Droid Sans',georgia,verdana,sans-serif;
}

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

code,
.hl {
  font-family: 'Droid Sans Mono',courier,monospace;
  font-size: 11pt;
}

pre code,
p code,
li code {
  margin: 0px 1px;
}

body {
  background-color: silver;
  background-image: url('/img/blommig-bakgrund-mork.png');
  margin: 10px auto;
  width: 996px;
}

a {
  color: #0bf;
}

a:visited {
  color: #ff70bb;
}

code,
pre.hl {
  background-color: silver;
}

a:visited code {
  color: #dd70bb
}

pre code,
pre.hl {
  display: block;
  overflow: auto;
}

h1 {
  font-size: 40pt;
  font-style: italic;
  margin: 0;
  padding: 0;
  text-align: center;
}

h2 {
  border-bottom: 1px dashed gray;
  font-size: 16pt;
}

blockquote {
  border-left: 10px solid silver;
  margin-left: 10px;
  padding-left: 10px;
}

figure {
  background-color: lightgray;
  background-color: silver;
  display: inline-block;
  margin: 15px 0 0 0;
  padding: 5px;
}

figcaption {
  background-color: white;
	font-family: 'Droid Sans',georgia,verdana,sans-serif;
  margin: 0 0 5px 0;
  padding: 5px;
}

img {
  display: block;
  margin: 0;
  padding: 0;
}

.page {
  background-color: white;
  border: 2px solid cyan;
  padding: 0 10px;
}

header {
  padding: 20px 0 10px 0;
}

iframe {
  background-color: silver;
  border: none;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
}