/* Open Source Food Liquid Update

	Table of Contents:
	Typography
	Positioning
	IE Fixes
			
*/


/* Typography
---------------------------------------------------------------------------------------- */

h1, h2{color:#ca1002;}

div#license_container_new {
	font-size: 10px;	
}

div#recipe_container.new div#recipe_ingredients {
	font-size: 11px;	
}

ul.overview.home p, ul.overview.recipe p {
    font-size: 12px;   
}

div#recipe_container.new ul.overview.recipe p, div#static_page {
	font-size: 14px;	
}

div#recipe_question p, div#static_page h2 {
	font-size: 16px;	
}

div#recipe_container.new h1 {
	font-size: 25px;	
}

div#recipe_container.new div#recipe_ingredients {
	color: #696969;	
}

ul#footer_links a {
    color: white;   
}

div#join_community, div#recipe_question p, div#recipe_container.new div#recipe_ingredients h3, div#static_page {
    color: black;    
}

ul#footer_links, div#join_community, h3.subheading em, div#recipe_question, div#static_page strong {
    font-weight: bold;   
}

div#home_ad, div#recipe_list_ads, div#recipe_container.new h1, div#recipe_container.new div#recipe_title_ad, div#recipe_container.new div#recipe_under_ad, div#license_container_new {
    text-align: center;
}   

div#skyscraper_container {
    text-align: right;   
}

div#recipe_question p, div#recipe_container.new ul.overview.recipe p {
	line-height: 1.3em;	
}

.button_orange{
  background-color: #f8b93c !important; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNmOGI5M2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiNmMGEwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top,  #f8b93c 48%, #f0a000 52%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,#f8b93c), color-stop(52%,#f0a000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f8b93c 48%,#f0a000 52%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f8b93c 48%,#f0a000 52%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f8b93c 48%,#f0a000 52%); /* IE10+ */
  background: linear-gradient(to bottom,  #f8b93c 48%,#f0a000 52%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b93c', endColorstr='#f0a000',GradientType=0 ); /* IE6-8 */
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #c29a29;
}

/* Positioning
---------------------------------------------------------------------------------------- */

div#header, div#main_content, div#footer {
    width: auto !important; 
    overflow: hidden;  
}

div#header {
	background: #e68a2e;
	border-bottom: 5px solid #88D1CA;
}

div.center_box {
	width: 976px;
}

div#header div.center_box {
	height: 150px;
    overflow: hidden;
}

div#featured_header_recipe {
    height: 100px;
    position: absolute;
    width: 60%;
    max-width: 800px;
    left: 340px;  
    z-index: 0;
}

div#curve_1, div#curve_2 {
    background: transparent url(../images/system/curve_1.png) 0 0 no-repeat;
    position: absolute;
    width: 180px;
    height: 100px;
}

div#curve_2 {
    right: 0;   
    background: transparent url(../images/system/curve_2.png) 0 0 no-repeat;
}

h1#osf_logo a, p#osf_logo a {
    width: 359px;
    height: 91px;
    display: block;
    margin-top: 11px;
    background: url(../images/system/nibbledish-logo.png) 0 0 no-repeat;
}

h1#osf_logo, p#osf_logo {
	float: left;
	width: 227px;
}

#banner {
	float: right;
	width: 336px;
	height: 280px;
    margin-bottom: 15px;
}

p#osf_logo a span {
    display: none;   
}

p#featured_recipe {
    top: 0;
    left: 480px;
    height: 0.8em;
}

p#pagination {
    padding: 15px;
    border: 1px solid #CCC;
    border-style: solid none none none;
    width: 976px;
    margin: 0 auto;
}

p#pagination a {
    border-color: #CCC;
    background: white;
}   

div#footer {
    background: #e68a2e;   
}

ul#footer_links {
    padding-left: 15px;   
}

p#copyright {
    right: 15px;
	color:#fff;
}

div#login-bar-container {
  background: #88D1CA;
  height: 30px;
  display: none;
}

div#login-bar {
  width: 976px;
  margin: 0 auto;
}

div#subnav_container {
     background: #88d1ca;  
    height: 30px;
}

form#search_form {
    right: 3px;
    top: -5px;
}

input#search_form_input {
    width: 130px;
}

form#search_form.member input#search_form_input {
    width: 130px;
    background: #FFFFCC;
}

div.content_center_box {
    width: 976px;
    margin: 0 auto;
    position: relative;    
}

div.content_center_box.subnav {
    height: 30px;    
}

ul#member_subnav, ul#subnav {
    left: 1px;
}

ul#subnav.member_subnav {
    left: 198px;   
}

div#member_main_content {
    float: none;
    width: 976px;
    padding-top: 0;
    overflow: visible;
    margin: 0 auto;
}

div#member_sidebar {
    margin-top: -44px;   
}

div#member_tower_ad {
	width: 160px;
	height: 600px;
	margin-bottom: 10px;
	background: #ccc;
}

ul.recipe_list.members {
    width: 777px;
    overflow: hidden;
}   

div#breadcrumb {
    margin: 0 auto;
    padding-top: 15px;
    width: 976px;
}

div#member_profile {
    padding: 15px 0 0 0;   
    float: left;   
}

form.add_form.member {
    margin: 0 0 15px 0;   
}

div#member_profile.view, div#recipe_container, div#member_sub_static, ul#member_list.following, div#breadcrumb.member_recipes, div#inbox_container, ul.recipe_list.members {
    float: left;   
    width: 777px;
}

div#member_sub_static, div#breadcrumb {
}

p#inbox_header {
    float: none;   
}

div#member_profile.view {
    margin: 0 0 15px 15px;
}   

div#recipe_data, div#tag_list_container, div#license_container {
    width: 250px;
}

div#recipe_container div#related_recipes ul, div#recipe_container div#comment_container ul {
    list-style-type: none;
    padding-top: 15px;
}

div#recipe_method, div#comment_container {
    width: 100%;
    float: left;
}

div#recipe_container div#comment_container ul {
    padding: 0;
    margin: 0;   
}

div#recipe_container {
    overflow: hidden;   
}

form#recipe_comment_form textarea, div#member_sub_static textarea {
    width: 742px;
}

form#search_form {
    background: none;
}

div#home_intro {
   /* border: 1px solid #CCC;
    border-style: solid none;*/
    background: #DED6C9;
    margin: 15px 0 0 0;   
}

div#home_intro div.center_box {
    position: relative;   
    width: 976px;
}

ul#featured_slideshow {
    float: left;
    margin-top: 15px;
    margin-left: 10px;   
    width:  502px; 
    height: 250px;
    position: relative;
}

div#attention_container {
    float: left;
    width: 608px;
    position: relative; 
}

div#attention_container .callout h2 { font-size: 28px; color: #000; }
div#attention_container .callout h3 { font-size: 22px; font-weight: normal; }
div#attention_container .callout h3 span { color: #900; }

div#join_community {
    width: 608px;
    height: 270px;
    padding: 50px 0 0 0;
    background: url('../images/system/home_attention.jpg') no-repeat;
    background-position-y: -40px;
	border:none;
    font-family: Arial;
}

div#join_community #title { 
  font-size: 40px;
  text-align: center; 
  color: #fff; 
  margin: 0 auto; 
  padding: 10px 60px;
  background-color: #88D1CA;
  background: rgba(136, 209, 202, 0.75);
}

div#join_community p {
  font-size: 20px;
  font-weight: bold;
  background: #fff;
  text-align: center;
  display: block;
  width: 450px;
  margin: 60px auto 0;
  line-height: 30px;
  border-radius: 10px;
}

div#join_community a {
  color: #fff;
  text-decoration: none;
}

ul#featured_slideshow li {   
    width:  502px; 
    height: 250px;
} 

ul#featured_slideshow li a.recipe_pic {
    width:  500px; 
    height: 248px;    
    overflow: hidden; 
}

ul#featured_slideshow div.owner {
    width: 490px;   
}

ul.overview li {
    width: 100%;   
}

ul.overview.home {
    padding-top: 10px;
}   

ul.overview.home li {
    border: none;
    position: relative;
}

ul.overview.home li div.overview_content {
    width: 528px;
}

p#intro {
    padding-top: 12px;
}   

form#mailing_list.home {
    float: right;
    margin: 0;  
    width: 336px; 
    border: none;
    background: white url(../images/system/home_newsletter.jpg) 0 0 no-repeat;
	height: 144px;
}

form#mailing_list .callout {
  background-color: #88D1CA;
  background: rgba(136, 209, 202, 0.75);
  color: #fff;
  margin: 10px 0;
  padding: 10px 5px;
}

form#mailing_list .callout h3 {
  font-size: 15px;
  text-align: center;
}

form#mailing_list .callout p {
  color: #000;
  font-size: 12px;
  font-weight: bold;
}

form#mailing_list p.inputs {
  background: #fff;
  margin: 0 5px;
  border-radius: 10px;
  padding: 5px;
}

form#mailing_list input {
  border: none;
  width: 205px;
  font-size: 16px;
  display: inline;
}

form#mailing_list a {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

div#home_search_container {
    float: left;
    width: 655px;
}   

div.home_section_break {
    /*border: 1px solid #CCC;
    border-style: none none solid none;*/
    clear: both;
    padding-top: 15px;   
}

div#home_search form#search_form input {
    width: 280px;
    background: none;
	border:none;
	margin-left:10px;
	margin-top:7px;
}

div#home_search form#search_form input:focus { outline: none; }

div#home_main_container, div#home_side_container {
    margin-top: 0;
}

div.page_break {
    height: 1px;
    width: 100%;
    border: 1px solid #999286;   
    border-style: solid none;
    clear: both;
    margin-top: 60px;
}

div#related_recipes ul {
    margin: 0;   
}

a.recipe_comment img {
    display: block;
    height: 60px;
    width: 60px;
    float: left;
    border: 1px solid #999;
    margin: 0 13px 0 0;   
    display: inline;
}

a.recipe_comment:hover img {
    border: 1px solid #333;   
}

div.recipe_comment_text {
    float: left;
    border: 1px solid #CCC;
    padding: 8px 8px 5px 8px;   
    background: white url(../images/system/speech_dither.gif) bottom left repeat-x;
    position: relative;
    min-height: 47px;
}

span.speech_tail {
    display: block;
    background: url(../images/system/speech_tail.png) 0 0 no-repeat;
    height: 17px;
    width: 9px;
    position: absolute;
    left: 67px;
    top: 20px;
    z-index: 1000;
}

a.small_recipe_pic img {
    display: block;   
}

span.afterspace {
    padding: 0 2em 0 0;   
}

ul.overview.yours {
    display: none;   
}

div#member_sidebar a.member_pic {
    background: white;   
}

div#comment_container li.comment {
    clear: both;
    position: relative;
}

h3.subheading.comments {
    border: 1px solid #CCC;
    border-style: none none solid none;
    margin: 0 0 7px 0;   
    padding-bottom: 15px;
}

div#comment_container {
    padding-top: 0;   
}

div#comment_ads_container {
    padding-top: 8px;   
}

ul.overview.activity li {
   /* border: 1px solid #EEE;*/
    border-style: none none solid none;   
}

div#recipe_question {
	float: left;
	width: 100%;
	padding: 8px 0;
	position: relative;	
}

div#recipe_question a.recipe_comment img {
	width: 142px;
	height: 142px;	
}

div#recipe_question span.speech_tail {
	margin-left: 82px;	
}

div#recipe_question div.overview_content {
	padding: 5px;
}

div#recipe_question div.recipe_comment_text {
	width: 285px;	
}

div#recipe_pic_container_new {
	clear: both;
	border: 5px solid black;	
	position: relative;
	margin: 0 100px;
}

div#recipe_container.new ul#recipe_tools {
	margin: 0 100px;	
}

div#recipe_pic_new {
	height: 300px;
	background: #000;
	overflow: hidden;
    text-align: center;
}

div#recipe_container.new h1 {
	padding-bottom: 15px;
    text-transform: capitalize;
}

div#recipe_under_ad {
	margin: 15px 0 0 0;	
}

div#recipe_container.new div#recipe_ingredients {
	float: right;
	padding: 10px 15px 10px 15px;
	margin: 0 0 10px 10px;
	clear: none;
	width: 300px;
	border: 1px solid #e0e6ed;
	border-style: none none solid solid;
	background: #f1f5fa;
}

div#recipe_rectangle_ad {
	width: 300px;
	height: 250px;
	margin-bottom: 10px;
	background: #ccc;
}

div#recipe_container.new div#recipe_method {
	float: none;
	clear: none;
	width: auto !important;	
	background:#fff;
}

div#recipe_container.new div#recipe_ingredients h3 {
	border: 1px solid #999;
	border-style: none none solid none;
	padding: 0 0 5px 0;	
	margin-bottom: 8px;
}

div#recipe_container.new div#recipe_method div#recipe_ingredients ul, div#recipe_container.new div#recipe_method div#recipe_ingredients ol {
	margin: 0 0 0 18px;	
}

div#recipe_container.new div#recipe_method div#recipe_ingredients ul#tag_list_new {
	list-style-type: none;	
	margin: 0;
}

ul#tag_list_new li {
	display: inline;
}

div#tag_container_new {
	padding: 15px 0 0 0;	
}

div#recipe_container.new div#vote_container {
	padding: 0;	
}

div#recipe_container.new div#vote_container p {
	padding: 0;	
}

div#recipe_container.new div#recipe_method {
	border: 1px solid #EEE;
	border-style: solid solid none solid;
	margin-top: 15px;	
}

div#recipe_container.new div#recipe_method ul, div#recipe_container.new div#recipe_method ol {
	margin-left: 20px;	
}

div#recipe_container.new div#recipe_comments {
	border: 1px solid #EEE;
	background: #F8F8F8;
	padding: 10px 15px 15px 15px;
	width: 745px;
	overflow: hidden;
}	

div#recipe_container.new div#comment_container {
	padding: 0;	
}

div#recipe_container.new ul.overview.recipe li div.recipe_comment_text {
	max-width: 650px;
}	

div#recipe_container.new div#comment_container ul.overview li div.overview_content {
	max-width: 650px;
	padding: 0 1px;
}

div#recipe_container.new ul.overview.recipe {
	width: 744px;	
}

div#recipe_container.new div#recipe_question div.recipe_comment_text {
	width: 453px;
}

div#recipe_container.new form#recipe_comment_form {
	padding: 0;	
	border: none;
}

div#license_container_new {
	padding-top: 12px;	
}

div#method_inner {
	padding: 15px 18px;	
	background:#fff;
}

div#static_page {
	width: 800px;
	margin: 0 auto;	
}

div#static_page h2, div#static_page h3 {
	margin-bottom: 12px;	
}

div#static_page ul {
	list-style-type: disc;
	margin-left: 30px;	
}

ul.recipe_list.large.search {
	width: 480px;	
}

/* IE Fixes
---------------------------------------------------------------------------------------- */


/* damn you, IE.  damn you */


/* 3rd Party
---------------------------------------------------------------------------------------- */


/* #48876 left rail changes */
div#member_profile.view, div#recipe_container, div#member_sub_static, ul#member_list.following, div#breadcrumb.member_recipes, div#inbox_container, ul.recipe_list.members {
    float: left;
}

div#member_sidebar {
    margin-top: 0px;
}

div#member_tower_ad {
  margin: 0 auto;
}