﻿
body
{
    font-family: Georgia;
    font-size: 12px;
}
.ShoppingList .steps
{
}
.ShoppingList div.step
{
    line-height: 16px;
    margin-bottom: 20px;
}
.ShoppingList span.step {
color:black;
font-size:18px;
padding-right:12px;
}
.ShoppingList ul
{
    margin: 0;
    padding: 0;
}
.ShoppingList ul li
{
    list-style: none outside none;
    margin: 0 0 10px;
    padding: 0;
}
.RecipePanel
{
    border: 2px dashed black;
}
.RecipeTitle
{
   
    float: left;
    font-size: 25px;
    height: 55px;
    line-height: 45px;
    padding-left: 20px;
    vertical-align: middle;
    
}
.RecipeLogo
{
    float: right;
    height: 55px;
    width: auto;
     border-left: 2px solid black;
}
.RecipeIngredientsLeft
{
    float: left;
    width: 50%;
}
.RecipeIngredientsRight
{
    float: left;
    width: 50%;
}
.RecipeIngredientsHeaderLeft  {
float:left;
font-size:24px;
font-weight:normal;
margin-bottom:12px;
vertical-align:bottom;
width:auto;
}

.RecipeIngredientsHeaderRight
{
  float:left;
margin-left:8px;
margin-top:12px;
vertical-align:bottom;
width:auto;
}

.RecipeIngredientsContent  {
border-top:2px solid black;
clear:both;

padding:20px;
}

.RecipeDirectionsContent  {
border-top:2px dashed black;

padding:20px;
}

.RecipeIngredients
{
    clear: both;
}

.RecipeImage
{
   
}

RecipeIngredientsHeader  {
height:30px;
padding-bottom:10px;
}

.RecipeDirectionsHeader
{
    font-size:24px;
margin-bottom:10px;
}

.RecipePrepTime
{
    margin-top:15px;
}

.Header h1
{
    font-size: 41px;
    color:#7F7F7F;
}


.Header
{
    margin-top:20px;
}

.headerPanel
{

border-bottom:2px solid black;
height:120px;
width:100%;
}

.HeaderTitle
{
    margin-top:40px;
}
