body {
  color:#555;
  text-align:center;
  font-family: Helvetica, Arial, "Sans Serif";
  font-size:0.75em;
  margin:0px;
  }
#wrapper {
  margin:200px auto 20px auto;
  width:756px;
  background-color:white;
  text-align:left;
  position:relative;
  }
#header {
  position:relative;
  }
#header h1 {
  float:right;
  text-transform:uppercase;
  font-size:5em;
  letter-spacing:3px;
  line-height:100%;
  margin:20px 0px;
  }
#header h1 a:hover {
  border-bottom:5px solid white;
  }
#header ul {
  list-style-type:none;
  float:left;
  padding-left:0em;
  padding-top:20px;
  }
#header ul li {
  padding-bottom:0.7em;
  padding-left:0px;
  }
#header ul li a {
  font-weight:bold;
  font-size:1.25em;
  text-transform:uppercase;
  }
#archives:link,
#archives:visited {
  border-bottom:5px solid white;
  }
#archives:hover {
  border-bottom:5px solid #c80000;
  }
#archives:active {
  border-bottom:5px solid white;
  }
#searchform-popup {
  position:absolute;
  top:-100px;
  left:0px;
  height:100px;
  width:300px;
  background:#c80000;
  opacity:0.75;
  }
#searchform-wrapper {
  position:absolute;
  top:-100px;
  left:0px;
  height:52px;
  width:252px;
  background:transparent;
  padding:24px;
  }
#searchform-wrapper p {
  font-weight:bold;
  text-transform:uppercase;
  color:white;
  margin-top:0px;
  }
#searchform #s {
  display:inline;
  width:140px;
  margin-left:0px;
  border:1px #ccc solid;
  }
#searchform #searchsubmit {
  display:inline;
  width:106px;
  border:1px #ccc solid;
  }
#archivelist-popup {
  position:absolute;
  top:-200px;
  left:0px;
  height:200px;
  width:756px;
  background:#c80000;
  opacity:0.75;
  }
#archivelist-wrapper {
  position:absolute;
  top:-200px;
  left:0px;
  height:200px;
  width:756px;
  background:transparent;
  padding:2em;
  }
#archivelist-wrapper ul {
  list-style-type:none;
  padding-left:0px;
  }
#archivelist-wrapper ul li {
  clear:both;
  }
#archivelist-wrapper ul li ul {
  display:inline;
  }
#archivelist-wrapper ul li ul li {
  display:inline;
  padding-left:0.5em;
  width:8em;
  }
#archivelist-wrapper ul a:link,
#archivelist-wrapper ul a:visited {
  color:white;
  text-decoration:none;
  }
#archivelist-wrapper ul a:hover {
  color:white;
  text-decoration:underline;
  }
#archivelist-wrapper ul a:active {
  color:white;
  text-decoration:none;
  }
a.close:link,
a.close:visited,
a.close:hover,
a.close:active {
  display:block;
  background:white;
  color:#c80000;
  font-weight:bold;
  width:40px;
  font-size:0.75em;
  text-transform:lowercase;
  text-align:center;
  padding-bottom:2px;
  padding-top:1px;
  }
#searchform-wrapper a.close {
  position:absolute;
  top:0px;
  left:260px;
  }
#archivelist-wrapper a.close {
  position:absolute;
  top:0px;
  left:716px;
  }
#contentwrapper {
  padding-top:2em;
  }
#copy {
  width:635px;
  float:left;
  padding-right:7px;
  }
#copy div.navigation {
  padding-top:0.1667em;
  text-transform:uppercase;
  font-weight:bold;
  clear:both;
  width:100%;
  }
#copy div.navigation div {
  margin-bottom:0.6em;
  }
#copy div.navigation div.clear {
  margin-bottom:0em;
  }
#copy div.post {
  padding-top:0.5em;
  padding-bottom:3em;
  }
#copy div.post h2 {
  margin-top:0em;
  font-size:2.25em;
  line-height:120%;
  }
#copy div.post div.details {
  clear:both;
  }
#copy div.post div.details p {
  display:inline;
  }
#copy div.post div.details h4 {
  font-size:1em;
  display:inline;
  }
#copy div.post div.details ul {
  list-style-type:none;
  display:inline;
  padding-left:0px;
  }
#copy div.post div.details ul li {
  display:inline;
  text-transform:lowercase;
  }
#copy div.post div.details p.comments span {
  padding:0em 0.5em;
  }
#copy div.post,
#copy ol.commentlist {
  line-height:175%;
  }
#copy div.entry a:link,
#copy div.entry a:visited,
#copy ol.commentlist a:link,
#copy ol.commentlist a:visited,
#commentform a:link,
#commentform a:visited {
  font-weight:bold;
  color:black;
  }
#copy div.entry a:hover,
#copy ol.commentlist a:hover,
#commentform a:hover {
  font-weight:bold;
  color:#c80000;
  border-bottom:3px solid #c80000;
  }
#copy div.entry a:active,
#copy ol.commentlist a:active,
#commentform a:active {
  font-weight:bold;
  color:black;
  }
#copy ol.commentlist {
  list-style-type:none;
  padding-left:0em;
  }
#copy ol.commentlist li {
  padding-left:1em;
  padding-right:1em;
  text-align:justify;
  }
#copy ol.commentlist li h4 span {
  font-size:0.833em;
  }
#blogroll {
  width:100px;
  float:left;
  margin-left:7px;
  overflow:visible;
  position:relative;
  }
#blogroll h3 {
  text-transform:uppercase;
  font-size:1.167em;
  border-bottom:5px solid #555;
  width:100%;
  margin-top:0px;
  }
#blogroll ul {
  list-style-type:none;
  padding-left:0px;
  margin-bottom:20px;
  width:100px;
  overflow:visible;
  }
#blogroll li {
  white-space:nowrap;
  text-transform:uppercase;
  font-weight:bold;
  font-size:0.9167em;
  margin-bottom:8px;;
  }
#footer {
  clear:both;
  text-align:justify;
  padding-top:20px;
  border-bottom:2px solid #555;
  }
#tagcloud {
  list-style-type:none;
  padding-left:0px;
  padding-top:20px;
  padding-bottom:20px;
  border-top:5px solid #555;
  border-bottom:1px solid #555;
  margin-bottom:0px;
  text-transform:lowercase;
  }
#tagcloud li {
  display:inline;
  line-height:150%;
  }
#footer p {
  font-size:0.875em;
  float:left;
  margin:1.2em 0em;
  position:relative;
  top:0px;
  left:0px;
  }
#footer p a:link,
#footer p a:visited,
#footer p a:hover,
#footer p a:active {
  border-bottom:0px;
  }
#footer p img {
  border-width:0px;
  }
#colophon {
  position:relative;
  }
#colophon ul {
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  text-align:right;
  list-style-type:none;
  padding-left:0px;
  }
#colophon ul li {
  display:inline;
  padding:0px 8px 0px 4px;
  border-right:2px solid #555;
  }
#colophon ul li.last {
  padding-right:0px;
  margin-right:0px;
  border-right:none;
  }
/* Generics */
ul {
  margin-left:0px;
  }
.post img {
  float:left;
  margin-right:1.5em;
  margin-bottom:1em;
  border:1px solid #555;
  }
.post img.wp-smiley {
  border:none;
  margin:0em;
  float:none;
  }
a:link img,
a:visited img {
  border:1px solid #555;
  }
a:hover img {
  border:1px solid #c80000;
  }
a:active img {
  border:1px solid #555;
  }
.clear {
  clear:both;
  }
.alignleft {
  float:left;
  }
.alignright {
  float:right;
  }
.alt {
  border-top:1px solid #e3e4e5;
  background-color:#f9fafb;
  }
a:link {
  text-decoration:none;
  color:#555;
  }
a:visited {
  text-decoration:none;
  color:#555;
  }
a:hover {
  text-decoration:none;
  color:#c80000;
  border-bottom:5px solid #c80000;
  }
a:active {
  text-decoration:none;
  color:#c80000;
  }
code {
  font-family: Courier, monospace;
  font-size:1em;
  }
/* Old Offmessage styles that need to be carried through for the old content */
p.quote {
  margin-left:40px;
  margin-right:40px;
}
span.articledetails {
  font-size:0.9em;
  color:#999;
  }
img.floatLeft {
  float:left;
  margin-right:1.5em;
  margin-bottom:1em;
  }
img.floatRight {
  float:right;
  margin-left:1.5em;
  margin-bottom:1em;
  }
/* Styles for Forkd recipes */
div.forkd dl.attributes dt {
  font-weight:bold;
  float:left;
  padding-left:0.2em;
  padding-right:0.2em;
  background:#eee;
  border-bottom:1px solid #ccc;
  margin-bottom:0.75em;
  }
div.forkd dl.attributes dd {
  margin-left:0px;
  padding-right:0.4em;
  float:left;
  background:#efefef;
  border-bottom:1px solid #ccc;
  margin-bottom:0.75em;
  }
div.forkd img.hero {
  float:right;
  margin-left:0.25em;
  }
div.forkd div.subheading {
  margin-top:0.75em;
  font-size:1.167em;
  font-weight:bold;
  }
div.forkd ul.ingredients {
  list-style-type:none;
  padding-left:0em;
  }
div.forkd div.source {
  width:100%;
  background:#efefef;
  border-bottom:1px solid #ccc;
  padding-bottom:0.2em;
  }
div.forkd div.source a:hover {
  border-bottom:none !important;
  }
div.forkd div.source img.badge {
  float:none;
  border:none;
  margin:0em;
  }