body {
	background-color:#f6ffe7;
	margin:0px;
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment: fixed;
	font-family:Arial, Helvetica, sans-serif;
	color:#2b1302;
	font-size:16px;
}

h1 {
	margin-top:5px;
	font-size:30px;
}

a {
	color:#593000;
	text-decoration:none;
}

a:hover {
	color:#913300;
}

.button, .smallbutton, .tinybutton {
	font-family:Helvetica, Arial, sans-serif;
	background-color:#2b1302;
	border:0px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;	
	vertical-align:middle;
	cursor:pointer;
	display:inline-block;
	margin-bottom:10px;
}

.inactive {
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);	
}

.button:hover, .smallbutton:hover, .tinybutton:hover {
	background-color:#6E290A;
	color:#fff;
}

.deletebutton {
	background-color:#C30202;
}

.deletebutton:hover {
	background-color:#F21010;
}

.button {
	font-size:17px;
	letter-spacing:.12em;
	padding:11px 13px 8px 13px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.smallbutton {
	font-size:12px;
	letter-spacing:.12em;
	padding:8px 10px 6px 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-top:3px;
}

.tinybutton {
	font-size:9px;
	letter-spacing:.2em;
	padding:7px 8px 4px 8px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	margin-right:5px;
}

.small {
	font-size:12px;
}

.vert-align {
vertical-align:middle;
}

.clickable { cursor: pointer; }


iframe {
border:0px;
}

#container {
	width:788px;
	margin:0px auto;
	position:relative;
	padding-bottom:50px;
}

#header {
	height:90px;
}

#logo {
	padding-top:10px;
}

#logo img {
	vertical-align:middle;
	margin-right:10px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	letter-spacing:.3em;
	text-transform:uppercase;
	margin-bottom:10px;
}

a img {
	border: 0px;
}


#leftside {
	margin-right: 330px;
}

#leftside h2 {
	margin-top:0px;
}

/* welcome message */

#welcome_message {
	border: 2px solid #2b1302;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color:#fff;
	padding:5px 20px 0px 20px;
	margin-bottom:30px;
	line-height:1.5em;
	position:relative;
}

#hide_welcome_message {
	position:absolute;
	top:5px;
	right: 5px;
	cursor:pointer;
}

/* menu stuff */

#menu {
	position:absolute;
	top:0px;
	right:0px;
	height:77px;
}

#menu div {
	float:left;
	background-image:url(images/menubar_bg.png);
	background-repeat:repeat-x;
	height:67px;
	padding:12px 0px 0px 0px;
}

#menu #menubar_left, #menu #menubar_right {
	background-image:none;
	padding:0px;
}

#menu a {
	display:block;
	height:45px;
	width:65px;
	font-size:0px;
	background-repeat:no-repeat;
}

#menu_home a {
	background-image:url(images/menu_icons/home.png);
	background-position:center top;
}

#menu_home a:hover {
	background-image:url(images/menu_icons/home_over.png);
}

#menu_add_recipe a {
	background-image:url(images/menu_icons/add_green.png);
}

#menu_add_recipe a:hover {
	background-image:url(images/menu_icons/add_green_over.png);
}

#menu_shopping_list a {
	background-image:url(images/menu_icons/cart_green.png);
}

#menu_shopping_list a:hover {
	background-image:url(images/menu_icons/cart_green_over.png);
}

#menu_yuckbox a {
	background-image:url(images/menu_icons/yuckbox_green.png);
}

#menu_yuckbox a:hover {
	background-image:url(images/menu_icons/yuckbox_green_over.png);
}

/* footer stuff */

#footer {
	clear:both;
	border-top: 2px dotted #2b1302;
	position:relative;
	top:30px;
	padding-top:15px;
}

#login_button {
	float:right;
}

#footer #copyright {
	text-align:left;
	font-size:13px;
	line-height:1.5em;
}

/* login stuff */

#login {
	position: fixed;
	background-color: white;
	border: 4px solid #2b1302;
	padding: 0px 20px 15px 20px;
}

#login label {
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:.2em;
	display:block;
	margin:0px 0px 4px 0px;
}

#login input {
	border:1px solid #2b1302;
	background-color:#fff;
	color:#2b1302;
	font-size:22px;
	padding:2px;
	margin-bottom:12px;
	width:200px;
}

/* recipe list styles */

.recents {
	float:right;
	width:280px;
	margin-left:40px;
}

.results {
	float:none;
	margin-left:267px;
	width:500px;
	padding-left:21px;
	border-left:2px solid #2b1302;
}

#recipelist h2 {
	margin-top:0px;
}

#recipelist h3 {
	font-size:16px;
	margin:3px 0px;
}

#recipelist h3, #recipelist .recipe_tags, #recipelist .recipe_rating, #recipelist .date, .recipe_actions {
	margin-left:80px;
}

#recipelist .recipe_item {
	min-height:68px;
	height: 69px;
	height: auto !important;
	margin-bottom:25px;
}

#recipelist .recipe_tags {
	font-size:12px;
	line-height:1.5em;
}

#recipelist .recipe_pic {
	height:68px;
	width:68px;
	border:1px solid #2b1302;
	float:left;
	/*background-image:url(images/yumpic_small.png);*/
}

#recipelist .date {
	font-size:10px;
}

/* searchbox stuff */

#search {
	margin-bottom: 40px;
}

#search #searchfield {
	height:33px;
	width: 366px;
	font-size:28px;
	border:2px solid #2b1302;
	padding:7px;
	color:#7f6f67;
	margin-right:4px;
}

#search #searchbutton {
	height:50px;
}

#search input {
	vertical-align:middle;
}

/* mini searchbox stuff */

#menu #mini_search {
	padding: 16px 12px 0px 18px;
}

#mini_search #searchfield {
	height:24px;
	width: 160px;
	font-size:18px;
	border:2px solid #2b1302;
}

#mini_search #searchbutton {
	height:30px;
}

#mini_search input {
	vertical-align:middle;
}

/* tags stuff */

#tags_themselves div {
	display:inline;
	padding-right:12px;
	line-height:1.3em;
	font-size:22px;
}

#tags_themselves a, #tag_list a, #recipe_tags a {
	color:#593000;
	text-decoration:none;
}

#tags_themselves a:hover, #tag_list a:hover, #recipe_tags a:hover {
	color:#913300;
	text-decoration:none;
}

/* recipe page stuff */

#tagline {
	margin-top:10px;
}

#recipe h1 {
	margin-bottom:10px;
	font-size:28px;
}

#recipe input.button {
	background-color:transparent;	
}

#recipe #recipe_tags {
	margin-bottom: 20px;
}
#recipe_tags img.delete {
	cursor: pointer;
	width: 16px;
	height: 16px;
	vertical-align:middle;
	padding-left:3px;
}

#recipe #recipe_tags div {
	font-size:18px;
	display:inline;
	padding-right:6px;
}

#recipe_tags #addTag {
	color:#fff;
	position:relative;
	top:3px;
}

.tagLink input {
	margin-bottom:10px;
}

#recipe #recipe_details {
	float:left;
	width:182px;
}

#recipe #recipe_details p {
	margin:0px;
	font-size:14px;
}

#recipe #recipe_details h2 {
	margin-top:20px;
	margin-bottom:5px;
}

#recipe #recipe_picture {
	width:180px;
	/*min-height:134px;*/
	/*background-image:url(images/yumpic.png);*/
	border:1px solid #2b1302;
	margin-bottom:20px;
	position:relative;
}

#recipe #recipe_rating #rating {
	width: 90px;
	height: 16px;
	background: transparent url('images/rating.png');
}

#recipe #recipe_right {
	margin-left:207px;
	width:581px;
}

#recipe_itself {
	background-image:url(images/recipe_bg.png);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	padding:10px 25px;
}

#recipe #recipe_notes ul{
	font-size:12px;
	line-height:1.4em;
	margin:0px;
	padding-left:12px;
}

#recipe #recipe_notes li {
	margin:8px 0px;
}

#recipe #recipe_buttons {
	margin-top:15px;
	text-align:right;
}

#recipe #recipe_buttons a {
	margin-left:10px;
}

#recipe #recipe_url input {
	background-color:transparent;
	width:571px;
	margin-bottom:10px;
	padding:4px;
	font-size:14px
}

#recipe #recipe_itself ul {
	padding:0px;
	list-style-type:none;
	margin: 10px 0px 30px 0px;
}

#recipe #recipe_itself ul li {
	margin:10px 0px;
}

#recipe #recipe_itself ol {
	padding:0px;
	list-style-type:none;
	margin: 10px 0px 0px 0px;
}

#recipe #recipe_itself ol li {
	margin:10px 0px 15px 0px;
}

/* recipe inputs */

#recipe input, #recipe textarea {
	border:1px solid #2b1302;
	background-color:#fff;
	color:#2b1302;
}

input#title_thawed {
	width: 777px;
	height:31px;
	margin-bottom:10px;
	font-size:26px;
	padding:4px;
}

#recipe_tags_input input {
	width: 777px;
	height:22px;
	margin-bottom:25px;
	font-size:18px;
	padding:4px;
}

#recipe_source input, #recipe_source_input input {
	width:172px;
	height:18px;
	padding:4px;
	font-size:14px;
}

#recipe #recipe_url #source_thawed {
	background-color:#fff;
}

textarea#notes_thawed, #recipe_notes_input textarea, #recipe_bookmark_notes_input textarea {
	width:170px;
	height:186px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
}

#recipe_bookmark_notes_input textarea {
	height:252px;
}

textarea#ingredients_thawed, textarea#method_thawed {
	width: 515px;
	height: 170px;
	padding: 5px;
	font-size: 16px;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
}

textarea#ingredients_thawed { margin-bottom: 10px; }
textarea#method_thawed      { margin-bottom: 10px; }

/* bookmark page stuff */

#recipe #iframe {
	border: 5px solid #2b1302;
	height:450px;
	background-color:#fff;
	position:relative;
}

#recipe #iframe_popout {
	position:absolute;
	top:0px;
	left:0px;
}

#recipe_url_input {
	text-align:right;
}

#recipe_url_input input {
	width:571px;
	margin-bottom:10px;
	padding:4px;
	font-size:14px
}

#bookmark_ingredients {
	padding:10px 30px;
	margin-top:20px;
	margin-bottom:20px;
	border:1px dashed brown;
	background-color:#fff;
}

small {
	font-size:12px;
}

#bookmark_ingredients p {
	margin-bottom:5px;
}

#bookmark_ingredients textarea {
	width:507px;
	height:160px;
}

/* search page stuff */

#tag_list {
	float:left;
	width: 235px;
	margin-bottom: 50px;
	position:relative;
}

#selected_tags {
	background-image:url(images/tagbox_bg.png);
	background-repeat:repeat-y;
	backgroud-color:#fff;
	padding:3px 20px;
	font-size:18px;
}

#selected_tags div {
	margin:7px 0px;
}

#rest_of_the_tags {
	margin-top:20px;
}

#tagbox {
	height:300px;
	overflow:auto;
	border:1px solid #2b1302;
	padding:8px 14px;
}

#rest_of_the_tags div {
	margin:5px 0px;
}

#little_line {
	position:absolute;
	left:234px;
	top:50px;
	width:35px;
	height:2px;
	background-color:#2b1302;
}

/* shopping list stuff */

#shopping_list {
	width:340px;
	float:left;
}

.shopping_list_recipes h2{
	margin-bottom:20px;
}

#shopping_list_right {
	margin-left:360px;
	padding-top:1px;
}

#list_itself {
	border-left: 2px solid  #2b1302;
	border-right: 2px solid  #2b1302;
	padding:5px 25px 5px 25px;
	width:371px;
	background-color:#ffffff;
	font-size:20px;
}

#list_itself ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#list_itself li {
	margin:10px 0px;
	padding:5px 0px 5px 5px;
}

#list_itself li:hover {
	background-color:#f6f0ea;
	background-image:url(images/drag_handle.png);
	background-position:350px center;
	background-repeat:no-repeat;
}

#shopping_list .recipe_item h3 {
	font-size:22px;
	font-weight:normal;
	margin-bottom:10px;
}

#clear_all_button {
	margin-top:40px;
}

#list_itself li img {
	float:left;
	margin-top:3px;
}

#list_itself .ingredient {
	margin-left:32px;
}

#list_itself .amount {
	font-size:12px;
	color:#927e70;
	display:inline-block;
	margin-right:40px;
}

#list_itself .ingredient .amount span {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 0px 4px;
	display:inline-block;
}

.dragHandle {
	float:right;
	display:block;
	width:30px;
	height:20px;
}

#swfupload_contain {
	position:absolute;
	bottom:0px;
	right:0px;
}

#ingredients_table {
	padding:0px;
	border-spacing:0px;
	margin-bottom:5px;
}

#ingredients_table th {
	text-align:left;
	font-size:9px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:.2em;
}

#ingredients_table td {
	padding:0px 6px 6px 0px;
}

#recipe .unit input {
	width:100px;
}

#toggleIngredientsButton {
	text-align:right;
}

#recipe .amount input {
width: 50px;
}

#recipe .ingredient input,  #recipe .note input{
width: 170px;
}