/* Style sheet for recipesource.com.  
 * Copyright 2005-2006 by Alan & Jennifer Coopersmith.  All rights reserved.
 */

body { background-color: #ffffff ; color: #000000; font-family: serif; }
h1, h2, h3, .tagline, legend { font-family: Georgia,serif; }
legend { font-size: 1.2em; font-weight: bold; }
fieldset { margin-bottom: 2em; }
input:focus { background: #ffffcc; }
label, button { cursor:pointer; }

.invis { display: none; visibility: hidden; }

:link img { border: none; }

.fineprint { font-size: 0.6em; }
.plainlink { font-size: 0.8em; text-align: center; }
.tagline { font-size: 0.8em; line-height: 120% ; font-style: oblique; }
.banner { margin: 0; padding:0; font-style: italic; font-weight: bold; }
.banner, .tagline, .bannerbox {  vertical-align: middle; text-align: center; }
.bannerbox { height: 110px }

.rightside { padding-left: 5px; }
.breadcrumbs { font-size: 1.2em; }

.topbar { background-color: #000066; color: #ffffff; }
.topbar-loc, .topbar-loc A:link, .topbar-loc A:visited { background-color: #000066; color: #ffff66; font-weight: bold; }
.topbar-title { background-color: #000066; color: #ffff99; }
.spacercol, .topbar-spacer { width: 3px; }

a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
/* A:hover { font-weight:bold; } */

td.topbar, .topbar-loc, .topbar-title, .topbar-date, .topbar-spacer { line-height: 150%; vertical-align: 10% ; }
.topbar-date { width: 200px; }

.logobox { background-color: #ffffff; width: 200px; }

.subcat { text-wrap: suppress; }

/* Left bar - site navigation table */
.sitenav { background-color: #000000; width: 200px; zoom: 1; }
.sn-inner { width: 200px; border: solid #000; border-width: 0px 1px 1px 1px; }
.sn-ad { margin: 0px; width: 200px; background-color: #ffffff; }
/* headers */
.sn-head, .sn-halloween-head, .sn-thanksgiving-head { line-height: 130%; font-weight:bold; }
.sn-head, .sn-thanksgiving-head { color: #ffffff; background-color: #996633; }
.sn-halloween-head { color: #ff0; background-color: #ff5500; }
/* search form */
#search-sub { border: none; padding: 0;  background-color: #ffcc66; text-align: right; vertical-align: middle ; }
#search-sub:hover { background-color: #ffffcc; }
/* content */
.sn-cont, .holiday { color: #000000; background-color: #ffcc66; text-align: right; vertical-align: middle ; z-index: 1; line-height: 1.25em; }

.sn-cont ul { 
  padding: 0;
  margin: 0;
  list-style: none;
}

.sn-cont a { 
  padding: 0 0.2em 0 0;
}

ol { padding: 1em; }

/* top-level index page */
.category { 
  font-style: italic; 
  text-align: right;
}

/* amazon associates links */
.book-title { 
  font-style: italic;
}

/* Drop shadows from http://wubbleyew.com/tests/dropshadows.htm */

#nav1, #nav2 { 
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  z-index: 1;
  zoom: 1;
}

#nav1 a, #nav2 a { 
  display: block;
  z-index: 1;
  zoom: 1;
/*  width: 190px; */
}

#nav1 li, #nav2 li { 
  position: relative;
  line-height: 1.25em;
  z-index: 1;
  zoom: 1;
/*  float: left;
  width: 100%; */
}

#nav1 li div, #nav2 li div { 
  position: absolute;
  float: left;
/*  width: 190px; */
  top: 0;
  left: -999em;
  z-index: 2;
  display: none;
  zoom: 1;
}

#nav1 li:hover div, #nav2 li:hover div { 
  left: 188px;
  /* padding: 0 0.25em 0.25em 0.25em; */
  text-align: left;
  line-height: 1.25em;
  z-index: 2;
  display: block;
  background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
  margin: 1px 0 10px 10px !important;
  zoom: 1;
}

#nav1 li:hover div ul, #nav2 li:hover div ul { 
  position: relative;
  bottom:6px;
  right: 6px;
  background-color: #ffcc66;
  border: 1px solid #000; /* 996633; */
  padding:4px;
  margin: 0px;
  min-width: 0;
  z-index: 2;
  list-style: none;
  zoom: 1;
}

#nav1 li:hover div ul a, #nav2 li:hover div ul a { 
  background-color: #ffcc66;
  padding: 0;
  min-width: 0;
  z-index: 2;
  zoom: 1;
  display: block;
}

/* Multi-column lists from
   http://www.alistapart.com/d/multicolumnlists/example4.html */
/* horizontal position of each column */

ul li.c1 { margin-left: 0em; }
ul li.c2 { margin-left: 9em; }
ul li.c3 { margin-left: 18em; }

/* Bring the first item of each column back up to the level of item 1.
Vertical return = items * height. Here, 10 items * 1.25em line-height = 12.5em */
li.reset10
{
  margin-top: -12.5em;
}

li.reset5
{
  margin-top: -6.25em;
}

li.reset6
{
  margin-top: -7.5em;
}

/* Page lists */
.pagelist { cursor: pointer; margin: 0.2em 0; line-height: 200%; } 
.pagelist a, .pagelist a:visited, .curpage, .pagelist a:hover, .pagelist a:active, .dispage { text-decoration: none ; }
.pagelist a, .pagelist a:visited { padding: 1px 5px; border: 1px solid #996633; }
.curpage, .pagelist a:hover, .pagelist a:active { padding: 0 4px; border: 2px solid #996633; }
.pagelist a:hover { background-color: #ffffcc; }
.pagelist a:active, .curpage { background-color: #ffcc66; }
.dispage { padding: 1px 5px; border: 1px solid #ccc; color: #ccc; }

/* Hide navbar when printing */
@media print {
    .bannerbox, .logobox, .sn-head, .sn-cont, .holiday, .sitenav, .google-ad, .amazon-honor, .topbar-date, .sn-width, .spacercol, .topbar-spacer, .plainlink { display: none; visibility: hidden; }
    .topbar, .topbar-loc, .topbar-loc A:link, .topbar-loc A:visited, .topbar-title { background-color: #ffffff; color: #000000; }
}