@import url("christmasGeneral.css");

/*
 * Colors and some formatting of menus are how the two sheets differ.
 * DEF: light blue 9cf
 * FF9: light yellow
 * FF3: yellow
 * 007: navy
 * 00C: blue
 */
BODY {	background-color: #FFFFFF;
		color: #000000;
		padding-left: 1%;
		padding-right: 1%;
      }

H1, H2, H3, H4	{ color: #007;
                }

H2+P:first-letter { color: #007; 
}

A:visited { color: #007; }
A:link { color: #00C; }

/*
 * Sidebars are used for the History sections of recipes, and for any two-
 * column layout.
 *
 * Sidebar-left is used on the index page for the recipe list.
 */
.sidebar { #background-color: #DEF;
           border-left: 1px solid #007;
           border-top: 1px solid #007;
}

.sidebar-left { background-color: #FF9;
}

/*
 * Side floaters
 * - first define the boxes that hold them
 * - then the individual text styles
 *
 * In this stylesheet, each floater is surrounded by a blue box
 */

.side-box { border: 2px solid #007;
 }

.side-box H3 { background-color: #007;
                  color: #FF3;
                  border-bottom: 2px solid #007;
                  padding: 2%;
		          margin-top: 0px;
}

.side-box P { padding-left: 3%;
                 padding-right: 3%;
                 padding-bottom: 3%;
}

.float-right { border: 2px solid #007;
 }

.float-right H3 { background-color: #007;
                  color: #FF3;
                  border-bottom: 2px solid #007;
                  padding: 2%;
		          margin-top: 0px;
}

/*
 * We don't want to define the top padding as zero, but leave it
 * as the default paragraph top padding.
 */
.float-right P { padding-left: 3%;
                 padding-right: 3%;
                 padding-bottom: 3%;
}

.float-left { border: 2px solid #007;
 }

.float-left H3 { background-color: #007;
                 color: #FF3;
                 border-bottom: 2px solid #007;
                 padding: 2%;
		         margin-top: 0px;
}

/* Again, leaving default top padding */
.float-left P { padding-left: 3%;
                padding-right: 3%;
                padding-bottom: 3%;
}

/*
 * Headers, footers and menus.
 */

#header, .header { background-image: url(images/starsWide.gif); 
          background-color: #007;
          border-bottom: 3px solid #FF3;
          color: #FF3;
}

#header *, .header * { color: #FF3;
}

#meta { #border-bottom: 1px solid #007;
}

#footer, .footer { background-image: url(images/starsWide.gif); 
          background-color: #007;
          border-top: 2px solid #FF3;
          color: #FFF;
}

/* This means links within an element with the footer class. Woo hoo!
 * Found a way to do this!
 */
.footer A:visited { color: #FF9;
	text-decoration: none; }
.footer A:link { color: #FF3;
	text-decoration: none; }
.footer A:hover { color: #FF3;
		 text-decoration: underline; }

.menu2 { margin-top: 0px;
	     margin-bottom: 0px;
 } 

.menu-item { padding-right: 1em;
       	     font-size: 90%;
             font-weight: heavy;
}

#header .menu2 a:visited, .menu2 a:visited { color: #FF9;
	text-decoration: none;
	font-weight: normal;
	}
#header a, #header .menu2 a:link, .menu2 a:link { color: #FF3;
	text-decoration: none;
	font-weight: normal;
	}
#header .menu2 a:hover, .menu2 a:hover   { color: #FF3;
		 text-decoration: underline;
		 font-weight: normal;
		 }

/*
 * Movable type fixes
 */
.widget-header, .archive-title, .entry-title, .asset-name, .asset-name a	{
  color: #007;
}