a {
  color: #55c;
}

.mock {
  font-style: italic;
}

body {
  text-align: justify;
  font-family: sans-serif;
  /*background-color: #bae9ff;*/
  background-image: url("/images/green_vegetables.jpg");
  background-repeat: repeat;
  background-attachment: fixed;
  background-position:center;
}

div#doc {
  background:#fff;
  opacity: .9;
  
}

img { opacity: 1.0; }

div#main {
  background-color: #fff;
  /*border: 1px solid #0f0;*/
  padding: 0.5em;
}

div#nav {
  background-color: #fff;
  margin-left: 1em;
  margin-bottom: 0.5em;
  float:right;
  border-left: 1px solid #ccc;
  /*border: 1px solid #00f;*/
}

div#nav #user {
  text-align: center;
}

div#nav #thumbnail {
  text-align: center;
}

img {
  border: 0;
}

div#recipe-list div.recipe div.thumbnail img {
}

div#nav #thumbnail .open {
  width:auto;
  height:auto;
  max-width:600px;
  margin-top:0px;
}

div#nav #thumbnail img {
  width: 175px;
  margin-top: 12px;
}

div#nav #thumbnail .closed {
  width: 175px;
  margin-top: 12px;
}

div#nav #tags-container {
  padding: 0.5em;
  width: 200px;
  /* min-height:75px; */
}

div#nav #tags-container #tags {
  padding-left: 1em;
}

div.spacer {
  clear:both;
}

div#title a {
  color: #000;
  text-decoration: none;
}

div#title, div#recipe #name {
  font-size:20pt;
}

div#recipe-form #description {
  width:6in;
  height:7em;
} 

div#recipe #meta {
  font-size:10pt;
  text-align:center;
  padding-bottom: 2em;
}

div#recipe #timing {
  float:left;
  margin-right:3em;
}

div#recipe #serving-count {
  float:left;
}

div#recipe #ingredients {
  margin-top: 2em;
}

div#recipe #ingredients .filters {
  margin-right: 0.5em;
}

div#recipe #ingredients .caption {
  
}

div#recipe #timing input {
  width: 12em;
}

div#recipe #serving-count input {
  width: 6em;
}

div#recipe #ingredients input.quantity {
  width: 3em;
}

div#recipe #ingredients input.unit {
  width: 6em;
}

div#recipe #ingredients input.caption {
  width: 24em;
}

div#recipe #ingredients ul {
  list-style-image: none;
  list-style-type: none;
}

div#recipe #ingredients img {
  width: 0.75em;
  height: 0.75em;
}

div#directions {
  
}

div#directions #heading {
  font-size:16pt;
}

div#recipe #directions li {
  margin-bottom:1em;
}

div#recipe #directions li * {
  vertical-align:top;
}

div#recipe #directions li.direction textarea {
  width: 4in;
  height: 5em;
}

div#recipe #directions li.direction img {
  width: 0.75em;
  height: 0.75em;
}

div#filters {
  padding: 0.5em;
  width: 200px;
  /* min-height:75px; */
}

div#filters div.caption {
  font-size: 12pt;
}

div#filters .filter-container {
  padding-top: 1em;
}

div#filters #with, div#filters #without {
  padding-left:1em;
}

div#recipe-list {
  
}

div#recipe-list .recipe {
  margin-top:1em;
  padding-top: 0.5em;
  border-top: 1px solid #ccc;
}

div#recipe-list a {
  color: #000 !important;
  text-decoration: none !important;
}

div#recipe-list .recipe .name {
  font-size:12pt;
  padding: 0.25em;
}

div#recipe-list .recipe .thumbnail {
  float:left;
  margin-right: 0.5em;
}

div#recipe-list .recipe .thumbnail img {
  width:48px;
  height:48px;
}

div#recipe-list .recipe .description {
  padding: 0.25em;
}

div#recipe-list .recipe .separator {
}

div#flash {
  margin: 1em;
}

div#flash .error {
  color: #a00;
}

div#flash .notice {
  color: #0a0;
}

p.help {
  font-size: 10pt;
}

div.field {
  border-bottom: 1px solid #ccc;
}

div.divider {
  border-top:1px solid #ccc;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

div#footer {
  text-align:center;
  background-color:#fff;
  padding-bottom:0.25em;
  font-size:85%;
  margin-left: 2em;
  margin-right: 2em;
}

.emphasis {
  font-style: italic;
  font-size: 125%;
}