@import url('/style/base2.css');

div#header {
    background-color: #333333;
    padding: 4px 0px;
    text-align: center;
}
div#top_nav {
    background-color: #000000;
    text-align: center;
} 
div#top_nav ul {
    margin: 0px;
    padding: 1px 0px;    /* necessary to properly fit list items */
}
div#top_nav ul li {
    padding: 0px 7px;
    display: inline;    /* display items on horizontal line */
}
div#top_nav a:link,
div#top_nav a:active,
div#top_nav a:visited { color: #FFFFFF; font: 80% "Lucida Sans Unicode", "Arial", sans-serif; text-decoration: none; }
div#top_nav a:hover   { color: #FFFFFF; font: 80% "Lucida Sans Unicode", "Arial", sans-serif; text-decoration: underline; }

ul.category { list-style-type:none;margin-top:0px;padding-left:0px }
.category a:link,
.category a:active,
.category a:visited { text-decoration: none; }
.category a:hover   { text-decoration: underline; }

ul.recipe { list-style-type:none;padding-left:17px }
.recipe a:link,
.recipe a:active,
.recipe a:visited { font-weight: normal; text-decoration: none; }
.recipe a:hover   { font-weight: normal; text-decoration: underline; } 

/* 7/14/10 - Making the Recipe Index link on sidebar black */
.recipe_index a:link,
.recipe_index a:active,
.recipe_index a:visited { color: #993300; text-decoration: none; }
.recipe_index a:hover   { color: #660033; text-decoration: underline; }

img {
    border: 1px solid #333333;
}

img.main {
    border: 1px solid #333333;
    margin: 15px;
}

/* 5/9/10 - creating a class that has no border.  This will override 
   the generic image border above. */
.no_border {
    border: 0px;
}

.new { background-color:#000066;color:#FFFFFF;font-size:80%;font-weight:bold; }

/* 7/14/10 - Making the See Also text on sidebar into a deep maroon */
.see_also {
    color: #993300;
}

.caption {
    color: #666666;
    font-size: 82%;
    font-style: italic;
}

/* 9/1/10 - I haven't decided yet whether or not I want to use this.
   Basically allows the wraparound line (the texts that overflows beyond the first line)
   to be indented.  This would be used for overflow lines in the sidebar menu, to make 
   it clear that it is overflow.  Usage: put div tags around each extra long recipe name.  */
.indent_wrap {
    text-indent: -1em;
    margin-left: 1em;
}

/* 4/19/10 - the print class allows us to define the elements that will only be displayed
         on printable recipe pages, and hidden on the main recipe page. */
.print { 
    display : none; 
}