/* Recipe styles */

.recipe_details, .recipe_info, #preview_picture {
	float: left;
}
.recipe_details {
	width: 480px;
}
.full_page .recipe_details {
	width: 440px;
}
.recipe_details fieldset {
	width: 410px;
	margin: 10px;
	padding: 10px;
	display: block;
}
.recipe_details legend {
	margin: 5px;
	letter-spacing: 1px;
}
.recipe_details #title, .recipe_details #description {
	width: 300px;
}
.recipe_details fieldset li {
	list-style-type:decimal;
	margin-left: 20px;
	font-variant:normal;
	font-weight: normal;
}
.recipe_details th, .recipe_details legend, .recipe_details li, .recipe_info li {
	text-align: left;
	font-size: small;
	font-variant: small-caps;
	font-weight: bold;
}
.recipe_details textarea {
	width: 395px;
	height: 150px;
}
.recipe_info {
	margin: 10px;
	width: 220px;
}
.recipe_info .description {
	text-align: center;
	font-size: small;
	font-style: italic;
	margin: 10px;
}
.recipe_details li, .recipe_info li {
	list-style-type: none;
	position: relative;
	margin: 5px;
}
/*
.recipe_details li .detail, .recipe_info li .detail {
	position: absolute;
	left: 10em;
	font-variant: normal;
	font-weight: normal;
}*/
.recipe_details #add_remove_category_list {
	font-size: x-small;
	font-variant: normal;
	font-weight: bold;
}
.recipe_details #directions {
	font-size: small;
}
.recipe_details #directions ol {
	list-style-type: decimal;
}
.recipe_categories {
	font-weight: bold;
	margin-left: 15px;
}
#recipe_categories {
	margin-left: 120px;
	margin-top: 5px;
	width: 330px;
}

#category_list {
	margin: 10px;
	padding: 10px;
	border: 1px solid #999999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.category_type_list {
	float: left;
	margin: 0 30px 10px 10px;
}
.category_type_list h2 {
	margin-top: 0;
}
.category_type_list a {
	display: block;
}
.category_type_list li {
	list-style-image: url(../images/bullet_orange.png);
	margin-left: 10px;
	font-size: 12px;
	font-weight: bold;
	font-variant:small-caps;
	white-space: nowrap;
}
.category_type_list li:hover {
	list-style-image: url(../images/bullet_go.png)
}
.category_type_list .count {
	font-size: x-small;
	font-weight: normal;
	color: #FF6600;
}
#view_all {
	display: block;
	font-size: small;
	font-weight: bold;
	padding-top: 5px;
	white-space: nowrap;
	clear: both;
	
	/* placed outside category_list fieldset 
	margin-left: 40px;
	margin-top: -40px;
	margin-bottom: 40px;*/
}
#view_all img {
	vertical-align: bottom;
}
.grid .secret {
	background: url(../images/lock.png) no-repeat bottom left;
}
.grid .recipe_box {
	height: 100%;
	background: url(../images/box.png) no-repeat bottom right;
}
.recipe_options {
	margin-top: 10px;
	padding-top: 3px;
	border-top: 1px #999999 solid;
	font-size: x-small;
	font-variant: small-caps;
	font-weight: normal;
}

/* Recipe list tables */
#recipe_list {
	clear: both;
	margin-bottom: 10px;
}
#recipe_list .title {
	font-size: 110%;
	font-weight: bold;
}
#recipe_list .description {
	font-size: 80%;
	font-weight: normal;
}
#recipe_list .submitted, #recipe_list .modified {
	width: 80px;
	text-align: right;
}
#recipe_list .actions {
	width: 40px;
}
#recipe_list .actions a {
	display: inline;
}

#recipe_picture {
	width: 220px;
	display: block;
}
#preview_picture {
	margin: 10px;
	padding: 5px;
	font-size: xx-small;
	text-align: center;
	background-color: #CCCCCC;
}
#recipe_picture, #preview_picture img, .no_picture {
	width: 200px;
	border-width: medium;
	border-style: solid;
	border-bottom-color: #FF9900;
	border-left-color: #663333;
	border-top-color: #663333;
	border-right-color: #FF9900;
	margin: 5px;
	display: block;
}
#preview_picture .no_picture {
	padding: 70px 0px;
	color: #666666;
	background-color: #EEEEEE;
}
#recipe_search fieldset {
	display: inline;
	vertical-align: top;
}
#recipe_search option {
	font-weight: bold;
}
#ingredients {
	display: block;
}
.ingredients_table {
	margin-right: 25px;
}
.ingredients_table .quantity, .ingredients_table .unit {
	vertical-align: top;
	padding-right: 1em;
}
.ingredients_table .name {
	vertical-align: top;
}
#edit_ingredients .num {
	width: 40px;
}
#edit_ingredients .quantity {
	width: 40px;
}
#edit_ingredients .unit {
	width: 60px;
}
#edit_ingredients .name {
	width: 210px;
}
#edit_ingredients .delete_item {
	width: 20px;
}
#edit_ingredients .change_order {
	width: 60px;
}
#yield_unit {
	position: absolute;
	left: 180px;
	font-size: small;
	font-variant: normal;
	font-weight: normal;
}
#notes {
	width: 300px;
	height: 45px;
}
.notes {
/*	margin-left: 15px;*/
	text-align: center;
	font-weight: normal;
	text-decoration: underline;
	font-style: italic;
	display: block;
}
.notes_box {
/*	background: url(../images/lock.png) no-repeat top left;*/
	margin-left: 50px;
	margin-top: 20px;
	width: 320px;
	padding: 5px;
	background-color: #FFFF99;
	border-width: 1px 2px 2px 1px;
	border-color: #666666;
	border-style: solid;
}
/*
#secret_recipes, #recipe_box_recipes {
	margin: 15px 5px;
	padding: 5px 10px 15px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}*/
.secret_recipes h1 .title_right, .recipe_box_recipes h1 .title_right {
	right: 3em;
}
#main.secret_recipes {
	background-color: #EEEEEE;
/*	border-color: #339900;
	border: 2px solid #339900;*/
}
#main.recipe_box_recipes {
	background-color: #FFFFDD;
/*	border-color: #FF6600;
	border: 2px solid #FF6600;*/
}
.secret_recipes .grid li:hover, .recipe_box_recipes .grid li:hover {
	background-color: #FFFFFF;
}

#full_screen {
	background-color: #FFFFFF;
}
#recipe_details {
	margin-bottom: 0;
	padding-bottom: 0;
}
#full_screen h1 {
	margin-top: 3px;
	margin-bottom: 0;
}
#full_screen fieldset {
	width: 550px;
	margin-top: 0;
}
#full_screen .recipe_categories, #full_screen .recipe_info, #full_screen .notes_box {
	display: none;
}