@import url(rating.css);
@import url(comments.css);
@import url(new-comment.css);
@import url(path.css);	
/* ------------------------------- */
/* ICONS 						   */

#icons { float: right; }
#icons a { border: 0; }

/* ------------------------------- */
/* TITLE 						   */

#title { height: 50px; }

#title h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
}
	
/* ------------------------------- */
/* ATTRIBUTES					   */

	#attributes {
		height: 24px;
	}
	#attributes li { float: left; }
	#attributes img { margin-right: 4px; }
	#attributes a { border: 0; }

/* ------------------------------- */
/* IMAGE						   */
	
	#image {
		width: 320px;
		margin-right: 10px;
		float: left;
	}
	
	#images {
		margin: 0.5em 0;
		background: url(../images/images_back.gif) no-repeat left top;	
		height: 20px;
		padding: 5px;
	}

	#add-image,
	#view-images {
		height: 16px;
		line-height: 16px;
	}
	
	#add-image {
		background: url(../images/add-image.gif) no-repeat left center;	
		padding-left: 23px;
		float: right;
	}

	#add-image:hover {
		background: url(../images/add-image.gif) no-repeat left bottom;	
	}
	
	#view-images {
		float: left;
	}

	#view-images a {
		border: 0;
		height: 16px;
		display: block;
		float: left;
		margin-right: 5px;
	}

		#prev-image {
			width: 25px;
			background: url(../images/prev_image.gif) no-repeat left top;
		}

		#next-image {
			width: 35px;
			background: url(../images/next_image.gif) no-repeat left top;
		}
		
		#prev-image.active,
		#next-image.active { background-position: left center; }

		#prev-image.active:hover,
		#next-image.active:hover { background-position: left bottom; }
	
/* ------------------------------- */
/* DETAILS						   */
	
	#details {
		float: left;
		width: 170px;
	}
	
		#details span, #details li {
			height: 20px;
			line-height: 20px;
			display: block;
		}
		
		#details ul { margin-bottom: 5px; }	
		#details li { margin-bottom: 2px; }

		#madeit {
			padding-left: 45px;
			margin: 10px 0;
		}
		
		#madeit a, #madeit a:hover {
			border: 0;
			width: 80px;
			height: 26px;
			display: block;
			background-repeat: no-repeat;
		}
		
		#madeit a {	background-position: left top; }	
		#madeit a:hover { background-position: left center; }
		#madeit a.active { background-position: left bottom; }
		
		#skill {
			background: url(../images/skill.gif) no-repeat right top;	
		}
		
		#rating span { float: left; }
	
		#country {
			background-repeat: no-repeat;
			background-position: left top;
			padding-left: 35px;
		}
		
		#add-comment {
			background: url(../images/icon-comment.gif) no-repeat left top;	
			padding-left: 21px;
		}
		
		#add-bookmark {
			background: url(../images/bookmark.gif) no-repeat left center;	
			padding-left: 21px;
		}
		
/* ------------------------------- */
/* SHORT						   */

	#short {
		margin: 0 0 1em 0;
	}
	
/* ------------------------------- */
/* INGREDIENTS					   */

	#ingredients,
	#recipe,
	#comments,
	#new-comment { margin: 2em 0 1em 0; }

	#ingredients h1,
	#recipe h1,
	#comments h1,
	#new-comment h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
	}
	
	#ingredients table h1 {
		color: #ff9933;
		margin-top: 0.5em;
	}
	
	#ingredients td, th {
		padding: 0 0 2px 0;
	}
	
	#ingredients th {
		font-weight: normal;
		text-align: right;
		padding-right: 10px;
	}

/* ------------------------------- */
/* RECIPE						   */

	#recipe { margin-bottom: 20px; }
	#recipe a {	border: 0; }
	#recipe img { margin-right: 4px; }
	#recipe span.tip {
		padding: 10px;
		display: block;
		border: 1px solid #FFFF99;
		background-color: #FFFFCC;
	}
	
/* ------------------------------- */
/* RECIPE RELATED				   */	

	#recipe-related {
		margin-bottom: 0;
	}

	#recipe-related h1 {
		margin-bottom: 1em;
	}
	
	#recipe-related li {
		text-align: center;
		width: 120px;
		float: left;
		margin-right: 20px;
		display: block;
	}