/* Structure
----------------------------------------------- */

#big-recipe-picture {
  display: inline;
  float: right;
  padding: 0 0 2em 2em;
}

.comment-right {
  font-size: 8pt;
  margin-top: -20px;
}

.small-top-margin img {
  display: none;
}

.mini-avatar {
  display: none;
}

#big-recipe-picture span {
  display: none;
}

.comment, #add-comment {
  display: none;
}

.left img {
  display: none;
}

.comment-middle {
  display: none;
}

.comment-right img {
  display: none;
}

/* Meta box
----------------------------------------------- */

#meta-box {
  border: 2px solid #ccc;
  clear: both;
  margin: 3em 0 2em 0;
  padding: .5em;
}

#meta-box-left {
  float: left;
  line-height: 14pt;
  width: 40%;
}

#meta-box-right {
  float: right;
  margin-left: 1em;
  width: 50%;
}

#meta-box-right ul, #featured-recipe ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#meta-box-right li, #featured-recipe li {
  display: inline;
  font-size: 1em;
	padding-right: 1.5em;
}

#meta-box-right ul {
  margin-top: 10px;
}

a.tag {
  border: 1px solid #ccc;
  padding: 2px;
  text-decoration: none;
}

/* Rating
----------------------------------------------- */

.rating {
	width: 85px;
	height: 16px;
	margin: 0 0 8px 0;
	padding: 0;
	list-style: none;
	clear: both;
	position: relative;
	background: url(/images/chef-hat-matrix.png) no-repeat 0 0;
}

ul.rating li {
	cursor: pointer;
	/*ie5 mac doesn't like it if the list is floated but ie6 does\*/
	float: left;
	/* end hide*/
	text-indent: -999em;/* hide text*/
}

ul.rating li a {
	position: absolute;
	left: 0;
	top: 0;
	width: 17px;
	height: 16px;
	text-decoration: none;
	z-index: 200;
}

ul.rating li.one a {
  left: 0;
}

ul.rating li.two a {
  left: 17px;
}

ul.rating li.three a {
  left: 33px;
}

ul.rating li.four a {
  left: 49px;
}

ul.rating li.five a {
  left: 65px;
}

.nostar {
  background-position: 0 0;
}

.onestar {
  background-position: 0 -16px
}

.twostar {
  background-position: 0 -32px;
}

.threestar {
  background-position: 0 -48px;
}

.fourstar {
  background-position: 0 -64px;
}

.fivestar {
  background-position: 0 -80px;
}

ul.rating-votable li a:hover {
	z-index: 2;
	width: 85px;
	height: 16px;
	overflow: hidden;
	left: 0;
	background: url(/images/chef-hat-matrix.png) no-repeat 0 0;
}

ul.rating-votable li.one a:hover {
  background-position: 0 -96px;
}

ul.rating-votable li.two a:hover {
  background-position: 0 -112px;
}

ul.rating-votable li.three a:hover {
  background-position: 0 -128px
}

ul.rating-votable li.four a:hover {
  background-position: 0 -144px;
}

ul.rating-votable li.five a:hover {
  background-position: 0 -160px;
}

/* Misc
----------------------------------------------- */

h1 {
  margin-bottom: 0;
}

li {
  margin-top: 7px;
}

p.credit {
  font-style: italic;
  margin: 0;
}

.small-top-margin {
  font-size: 10pt;
  margin-top: 0;
}