body { 
  font-size: 14px;
  margin: 0;
  padding: 0;
}

table { 
  width: 100%;
}

p { 
  margin: 1ex;
  padding: 0;
}

/*br { 
  display: block;
  margin: 1ex;
}*/

#leftflow {
  position: absolute;
  top: 0;
  left: 0;
  width: 10em;
  margin: 0;
  border-width: 0 1px 1px 0;
  border-style: dotted;
}

#leftflow div { 
  margin: 1em 0 1em 0;
  text-align: center;
}

#leftflow h2 { 
  font: 120% bold;
}

#mainflow { 
  position: absolute;
  top: 2em;
  left: 12em;
/*  margin: 0 2em 2em 2em;*/
  max-width: 50em;
}

#flickr_object_wrapper { 
  width: 100%;
  height: 280px;
}

#notes {
  margin: 0 0 2em 0;
  padding: 0;
  border-width: 0;
  background: transparent;
}

#notes h1 { 
  text-align: right;
  background: transparent;
}

#notes .subtitle { 
  text-align: right;
  background: transparent;
  font-size: 80%;
  font-variant: small-caps;
}

.note { 
  clear: both;
  margin: 2em 0 2em 0;
  padding: 2pt;
  border: 1px dotted;
  font-family: sans-serif;
}

.note .note { 
  margin: 1ex 0 0 0;
  padding: 0 1ex 0 1ex;
  border-width: 0 2px 0 2px;
  border-style: solid;
}

.noteform { 
  clear: both;
  margin: 2em 0 2em 0;
  padding: 0;
  font-family: sans-serif;
}

.topic { 
  margin: 0 0 2pt 0;
  padding: 0;
  font-family: sans-serif;
  font-size: 133%;
  font-weight: bold;
  font-variant: small-caps;
}

.meme {
  font-size: 75%;
  font-weight: normal;
  vertical-align: top;
}

.attributes {
  border-color: inherit;
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  font-size: 80%;
  border-width: 0 0 1px 0;
  border-style: solid;
}

.author { 
  text-align: left;
  font-weight: bold;
}

.floatleft { 
  float: left;
  display: inline;
  margin: 2pt;
  text-align: center;
}
.floatright { 
  float: right;
  display: inline;
  margin: 2pt;
  text-align: center;
}
.nofloat { 
  display: inline;
  margin: 2pt;
  text-align: center;
}

.oddn { 
  float: right;
  font-size: 80%;
}

div.iconbar { 
/*  margin: 0 2em 2em 10em;*/
  background: transparent;
  padding: 2pt;
  position: absolute;
  top: 0;
  left: 12em;
  bottom: auto;
  max-width: 50em;
}

.iconbar img { 
  float: left;
}

.iconbar select { 
  float: right;
  margin: -2pt;
}

div.quote { 
  padding: 2pt;
  border: 1px dotted;
}

span.quote:before { 
  content: '«';
}
span.quote:after { 
  content: '»';
}

.error { 
  color: red;
}

a { 
  text-decoration: none;
}

.body a { 
  text-decoration: underline;
  color: inherit;
}

.body a.url { 
  background: center left no-repeat url(/images/link-to.png);
  padding-left: 14px;
}

.body a.url:hover { 
  background: center left no-repeat url(/images/link-to-armed.png);
  padding-left: 14px;
}

.body a.via { 
  background: center left no-repeat url(/images/link-via.png);
  padding-left: 15px;
}

.body a.via:hover { 
  background: center left no-repeat url(/images/link-via-armed.png);
  padding-left: 15px;
}

.body a.imdb { 
  background: center left no-repeat url(/images/link-to-imdb.png);
  padding-left: 15px;
}

.body a.imdb:hover { 
  background: center left no-repeat url(/images/link-to-imdb-armed.png);
  padding-left: 15px;
}

div.recipe { 
  padding: 2pt;
  border: 1px dotted;
  counter-reset: step;
}

div.recipe-ingredients { 
  padding-left: 2em;
  margin-bottom: 1ex;
}

div.recipe-ingredient { 

}

div.recipe-step:before { 
  content: counter(step) ". "; counter-increment: step;
}
div.recipe-step { 

}