@import url("../../includes/tools/comments/new_Comments.css");

/* =======================================
    Recipe Landing Page
========================================*/
.RecipesNavigation {
    margin-bottom: 20px;
    margin-left: -20px;
    padding-left: 20px;
    width: 646px;
    height: 35px;
    overflow: hidden;
}
.RecipesNavigation li {
    float: left;
    display: block;
    width: 106px;
    margin-right: 2px;
    text-align: center;
    height: 35px;
}
.RecipesNavigation a {
    padding-top: 4px;
    height: 100%;
    width: 100%;
}
.RecipesTabs {
    height: 35px;
    background-repeat: no-repeat;
    background-position: 0px -39px;
}
.RecipesNavigation .Selected {
    background-position: 0px 0px;
}
.Selected .Title {
    color: #ffffff !important;
}
.RecipesNavigation .MarginTop {
    margin-top: 6px;
}
.RecipesNavigation .Last {
    margin-right: 0px;
}
.ReadMore {
    margin-left: -10px;
    padding: 10px;
    width: 640px;
    background-color: #ededee;
    color: #666666;
}
.ReadMore a {
    display: inline;
}
.ReadMore p {
    color: #666666;
}
    .RecipeCollectionsArea {
    margin-top: 10px;
    margin-left: -10px;
    padding: 10px 0px 0px 10px;
    background: url(../images/recipe-collections-background.jpg) no-repeat top left;
}
.RecipeCollectionsArea .ItemArea-2Column {
    margin-top: -10px;
}
.RecipeCollectionsArea .ArrowRight,
.SeasonalRecipes .ArrowRight,
.NewAndPopularRecipes .ArrowRight,
.VideoRecipes .ArrowRight,
.CelebrityChefRecipes .ArrowRight,
.RecipeCollectionsByCuisine .ArrowRight,
.SpecialOccasionRecipeCollections .ArrowRight,
.RecipeCollectionsByIngredient .ArrowRight,
.NewRecipes .ArrowRight,
.PopularRecipes .ArrowRight,
.SeasonalRecipesArea .ArrowRight,
.NewVideoRecipes .ArrowRight,
.PopularVideoRecipes .ArrowRight,
.NewCelebrityRecipes .ArrowRight,
.PopularCelebrityRecipes .ArrowRight {
    float: right;
}
.SeasonalRecipes,
.NewAndPopularRecipes,
.VideoRecipes,
.CelebrityChefRecipes,
.RecipeCollectionsByCuisine,
.SpecialOccasionRecipeCollections,
.RecipeCollectionsByIngredient,
.NewRecipes,
.PopularRecipes,
.SeasonalRecipesArea,
.NewVideoRecipes,
.PopularVideoRecipes,
.NewCelebrityRecipes,
.PopularCelebrityRecipes {
    margin-bottom: 20px;
}
.ItemArea-5Column {
    margin-top: 10px;
}
.SeasonalRecipesArea h2 {
    font-size: 15px;
    text-transform: uppercase;
    font-family: Verdana;
    font-weight: normal;
}
/* =======================================
    POPULAR RECIPE COLLECTIONS
========================================*/
.PopularRecipesCollections {
    margin-top: 20px;
    margin-bottom: 20px;
}
.PopularRecipesCollections h2 {
    margin-bottom: 10px;
}
.PopularRecipesCollectionsArea {
    padding: 20px 20px;
    background-color: #f7f7f7;
}
.PopularRecipesCollectionsArea li {
    float: left;
    margin-right: 7px;
    width: 195px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
}
.PopularRecipesCollectionsArea li .Title {
    display: inline;
}
.PopularRecipesCollections .More {
    float: right;
}

/* =======================================
    Recipe Template Page
========================================*/
#RecipeTemplate,
#RecipeTemplate p {
    color: #333333;
}
.RecipeInformation {
    width: 410px;
    float: left;
}
.EditRecipe {
    margin-top: 10px;
    display: inline-block;
}
.RecipeSubNav {
    float: right;
    padding: 15px 0px;    
    width: 225px;
    color: #666666;    
}
    .RecipeSubNav a {
        color: #666666;
    }
    .RecipeSubNav .Item {
        padding: 3px 15px;        
    }
    .RecipeSubNav .Item h4.Title {
        font-weight: bold;
    }   
    .RecipeSubNav .Divider {
        height: 2px;    
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: center top;
        margin: 10px 0px;    
    }    
.Last {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}    


/* =======================================
    Recipe Title
========================================*/

.RecipeTitle {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.RecipeTitle .Thumbnail {
    float: left;
    border-width: 2px;
}
.RecipeTitle .Copy {
    margin-left: 95px;
}
.RecipeTitle .Title {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 6px;
    font-weight: normal;
}
.RecipeTitle .Byline {
    font-size: 16px;
    font-weight: normal;
    padding-left: 3px;
}

/* =======================================
    Recipe Video
========================================*/
.RecipeVideo {
    margin-bottom: 15px;
    padding: 4px;
    border: 1px solid #cccccc;    
}
/* =======================================
    Facebook 'Like'
========================================*/
#FacebookLike {
    height: 25px;
    overflow: hidden; 
    margin-bottom: 10px;
}
/* =======================================
    Recipe Intro
========================================*/

.RecipeIntro .FeatureImage {
    padding: 4px;
    border: 1px solid #cccccc;
    margin-bottom: 15px;    
}
.RecipeIntro .Copy {
    margin-top: 0px;
    margin-bottom: 15px;
}

/* =======================================
    Recipe Details
========================================*/
.RecipeDetails .Section {
    margin-bottom: 20px;
}
.RecipeDetails .Section .Title {
    margin-bottom: 5px;
    font-weight: bold;
}
.RecipeDetails ul,
.RecipeDetails ol {
    margin-bottom: 10px;
}
.RecipeDetails ul {
    margin-left: 17px;
    * margin-left: 24px;   
}
    .RecipeDetails ul li {
        list-style: square outside url(../../images/common/list-bullet.gif);
        padding-left: 3px;
    }
.RecipeDetails ol {
    margin-left: 20px;
    * margin-left: 27px;
}        
    .RecipeDetails ol li {
        list-style: outside decimal;
    }
.RecipeDetails li {
    font-size: 11px;
    color: #666666;
    margin: 2px 0px;
} 
.RecipeDetails li span {
    color:#333333;
}     

    /* =======================================
        Preparation Info
    ========================================*/
    #RecipeTemplate .Preparation p {
        color: #ffffff;
        font-size: 14px;
        padding: 4px 5px;
    }
      

/* =======================================
    Recipe Source Links 
========================================*/
.RecipeSourceLinks h4.Title {
    margin-bottom: 8px;
}
.RecipeSourceLinks .Thumbnail {
    float: left;
}
.RecipeSourceLinks .Copy {
    margin-left: 50px;
}
.RecipeSourceLinks .FanLink {
    display: block;
}
.RecipeSourceLinks .FanLink a {
    font-family: Verdana, Arial;
    font-size: 9px;
}
.RecipeSourceLinks ul li {
    margin-bottom: 12px;
    display: block;
    float: left;
}
.RecipeSourceLinks ul li .Title {
    font-size: 12px;
    padding: 2px 0px;
    line-height: 10px;
}
.RecipeSourceLinks .Byline {
    font-weight: bold;
    font-size: 9px;
    font-family: Verdana, Arial;
}

/* =======================================
    "More Recipe Collections Like This" Links 
========================================*/
.SimilarCollections .Title {
    margin-bottom: 3px;
}
.SimilarCollections .Last a {
    margin-bottom: 0px;
}

/* =======================================
    "More Recipes Like This" Links 
========================================*/
.SimilarRecipes .Title {
    margin-bottom: 8px;
}
.SimilarRecipes ul li {
    border-bottom: 1px dotted #666666;    
}
.SimilarRecipes a {
    display: block;
    margin: 7px 0px;
    padding-right: 5px;
}
.SimilarRecipes .Last a {
    margin-bottom: 0px;
}


.NoImage .Copy {
    margin-left: 0px;
}
.RecipeSponsor {
    margin-bottom: 15px;
}