@import url(daily_recipe.css);

/* ------------------------------- */
/* RECIPES LEFT					   */

#recipes-left {
	float: left;
	width: 300px;
	margin-right: 10px;	
}

	#browse-categories {
		font-size: 11px;
		padding-left: 74px;
		height: 64px;
		line-height: 64px;
		color: #ccc;
		background: url(../images/folder.gif) no-repeat left top;
		margin-bottom: 1em;
	}
	
	#newest-recipe {
		margin-bottom: 2em;
	}
	
	#newest-recipe h1 {
		background-color: #FF9933;
		color: #fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		height: 21px;
		line-height: 21px;
		font-weight: normal;
		text-transform: uppercase;
		padding-left: 5px;
		margin-bottom: 1em;
	}
	
		#newest-recipe img {
			float: left;
			margin-right: 10px;
		}
				
		#newest-recipe span {
			display: block;
			margin: 0.25em 0;
		}

		#newest-recipe span a {
			font-size: 10px;
			text-transform: uppercase;			
		}
		
	#our-picks, #tags {
		margin: 1em 0;
	}
	
		#our-picks li {
			height: 60px;
			margin-bottom: 2em;
		}
		
		#our-picks li img {
			float: left;
			margin-right: 10px;
		}
		
		#our-picks span {
			display: block;
			margin: 0.25em 0;
		}

		#our-picks span a {
			font-size: 10px;
			text-transform: uppercase;			
		}
				
		#tags a {
			padding: 2px 6px;
			margin: 0 4px 4px 0;
			background-color: #ffffcc;
			border: 1px solid #ffff33;
			font-weight: normal;
			font-style: normal;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-khtml-border-radius: 3px;
			border-radius: 3px;
			display: inline-block;
		}
		
		#tags a:hover {
			background-color: white;
		}
		
/* ------------------------------- */
/* RECIPES RIGHT				   */

#recipes-right {
	float: right;
	width: 190px;	
}

	#recipes-right hr {	margin: 1em 0; }

	#daily-comment {
		margin: 1em 0;
		text-indent: 22px;
		background: url(../images/quote_left.gif) no-repeat left top;
	}

/* ------------------------------- */
/* NEW COMMENTS					   */

#new-comments { margin: 1em 0; }

	#new-comments li {
		padding-left: 17px;
		margin-bottom: 4px;
		background-image: url(../images/comment_icon.gif);
		background-repeat: no-repeat;
		background-position: 0px 2px;	
	}
	
		#daily-comment span {
			display: block;
			margin: 1em 0;
		}
		
		#top-recipes, #top-rated { margin: 1em 0; }
		
			#top-recipes li,
			#top-rated li {
				list-style-type: decimal;
				list-style-position: inside;		
				margin: 0.25em 0;		
			}