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

#recipe-description {
  clear: both;
  margin: 10px 0 30px 0; 
}

#big-recipe-picture {
  float: left;
  margin: 0 10px 10px 0;
}

#featured-recipe {
  padding: 15px 0 30px 0;
}

/* Comments
----------------------------------------------- */

.comment {
  clear: both;
  width: 590px;
}

.comment-left {
  background: #e6eef1;
  float: left;
  margin: 0 0 30px 0;
  min-height: 80px;
  padding: 0 15px 0 15px;
  width: 390px;
}

.comment-middle {
  float: left;
  padding-top: 50px;
  width: 30px;
}

.comment-right {
  float: right;
  font-size: 1.1em;
  margin: 0 0 30px 0;
  width: 140px;
}

#add-comment {
  clear: both;
}

.add-comment {
  height: 150px;
  width: 590px;
}

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

#meta-box {
  background: #e6eef1;
  clear: both;
  font-size: 1.2em;
  line-height: 2em;
  margin: 30px 0 30px 0;
  padding: 10px;
}

#meta-box-left {
  float: left;
  width: 265px;
}

#meta-box-right {
  float: right;
  margin-left: 40px;
  width: 265px;
}

#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;
}

#featured-recipe li {
  font-size: 1.2em;
}

span.show-details {
  font-size: .9em;
}

#cookingtimes-table {
  font-size: .9em;
  line-height: 1.3em;
  margin-top: 5px;
}

/* 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;
}

/* Images
----------------------------------------------- */

.image-left {
  float: left;
  margin-right: 20px;
  width: 175px;
}

.image-right {
  float: left;
  width: 395px;
}

.image-right h2 {
  border-bottom: none;
  font-size: 1.4em;
  line-height: 1.5em;
  margin: 0;
}

.image-meta-left {
  float: left;
  margin-right: 20px;
}

.image-meta-right {
  float: left;
}

.image-separator {
  border-bottom: 5px solid #eee;
  margin-bottom: 30px;
}

.image-right form {
  margin-top: 0;
}

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

.mini-avatar {
  float: left;
  padding: 5px 5px 0 1px;
}

.featured-recipe-picture {
  float: right;
  margin-left: 10px;
}

#featured-recipe .served-by {
  font-size: 1em;
  margin-top: -5px;
  padding-left: 0;
}

#big-recipe-picture span {
  line-height: 1.5em;
}

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

#credit_type {
  margin-bottom: 5px;
}

.icon-add {
  margin-top: 11px;
}

.icon-reduce {
  margin-right: -5px;
  margin-top: 11px;
}

.border {
  border: 5px solid #e4e4e4;
}

.uploaded-by {
  font-size: .8em;
  font-weight: normal;
}

#ingredientslist em {
  font-size: 1.3em;
  font-weight: bold;
  padding-top: 40px;
}

#ingredients h3 {
  margin-bottom: 0;
}