/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

* {margin:0;padding:0}
html, body {height:100%;}
p {margin:0 0 1em 0;padding: 2px;}

body	{
/*	background:	#edf url(background.jpg) repeat-y left top; */
	background:	#662; /*border outside all frames*/
	position:	relative;	/* for floats to work*/
	}
body.recipe	{
		background:	#fff;
		color:		#000;
		}
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

/* frame positions  */
/* to set background colour and contain the right column*/
#border
	{
	width:		96%;
	background:	#d8d8af url(background.jpg) repeat-y left top;
/*background colour is right frame and jpg colour is left frame*/
	position:	relative;
	margin-left:	2%;
	}
#outer	{
	min-height:	100%;
	margin:		0px 123px 0px 150px;	 /* top-bottom..right-left or top-right-bottom-left*/
						/*margins match width of left and right frames*/
	background:	#fed;	/*colour of centre frame*/
	}

* html #outer{height:100%;}  /*IE hack*/

/*this one contains the centre and left*/
#outerwrap
	{
	float:		left;
	width:		100%;
	padding-top:	190px;	/*make room for header - see also right*/
	margin-right: 	-3px;
	}

#centrecontent
	{
/*gets its colour from outer frame*/
	float:		right;
	position:	relative;
	padding-bottom:	102px;	/*for footer*/
	margin-left:	-1px;;
	}
#centrecontent .link
	{
	float:		right;
	margin-top:	-15px;
	color:		#721;
	font-size:	14px;
	font-weight:	700;
	}
#centrecontent .link a, #centrecontent .link a:hover, #centrecontent .link a:link, #centrecontent .link a:visited, #centrecontent .link a:active
	{
	color:		#721;
	}


#left
	{
/*colour for this frame comes from background.jpg*/
	position:	relative;
	width:		150px;	/*this width to match margins in outer*/
	margin-left:	-149px;	/*leave 1 overlap so it pushes content*/
	left:		-1px;	/*and here is the rest*/
	padding-bottom:	102px;	/* for footer*/
	}

#right
	{
/*gets its background color from BORDER entity*/
	position:	relative;
	width:		123px;
	margin-right:	-122px;	/*see also margins on OUTER*/
	float:		right;
	padding-top:	190px;	/*make room for header*/
	left:		1px;
	padding-bottom:	102px;	/* for footer*/
	}

/* used to push the floats down*/

.clearer	{
	clear:		both;
	height:		1px;
	overflow:	hidden;
	margin-top:	-1px;
	}

/* see padding in centre left and right to correspond to footer height*/

.footer	{
	width:		100%;
	height:		100px;	/* must match the left-centre-right boxes*/
	clear:		both;
	position:	absolute; 
	margin-top:	-100px;	/* drag it into place */
	background:	#d8d8af;
	font-size:	14px;
	line-height:	16px;
	text-align:	center;
	}
.footer .left
	{
	position:	absolute;
	left:		2px;
	bottom:		16px;
	}
.footer .right
	{
	position:	absolute;
	right:		2px;
	bottom:		16px;
	}
.footer .left img, .footer .right img
	{
	margin:	0px 10px;
	}

.top	{
	position:	absolute;
	top:		0px;
	left:		0px;
	height:		190px;
	width:		100%;
	background:	#6f2900 url(top.jpg) 75% top no-repeat;
/*make the background relative to window size even if clipped*/
	}
#tea .top	{
	background:	#d8d8af url(top_grandmas.jpg) 50% top no-repeat;
	}
.top .link
	{
	position:	absolute;
	bottom:		5px;
	right:		90px;
	font-size:	14px;
	font-weight:	700;
	color:		#dda;
	}
.top .link a, .top .link a:hover, .top .link a:link, .top .link a:visited, .top .link a:active
	{
	color:		#dda;
	}

div.margin { margin-left:10px; }

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

/* text formatting  */

strong.s, em.s
	{
	font-weight:	500;
	font-style:	normal;
	}
p	{
	padding:	5px;
	}

p.narrow
	{margin-left:	10%;
	margin-right: 	10%;
	}
p.fl
	{
	margin-top:	-10px;	/*to compensate for first letter height*/
	}

form p	{
	margin-bottom:	-6px;
	text-align:	right;
	}

form input, form select, form selected, form textarea, form checkbox
	{
	background:	#ffe;
	}
textarea
	{
	border:		#ffe 2px inset
	}
.red
	{
	color:		#721;
	}

h1	{
	font-size:	133%;
	color:		#721;
	font-family:	sans-serif;
	margin-bottom:	13px;
	}
h1.small	{
	font-size:	112%;
	}
h2	{
	font-size:	120%;
	color:		#721;
	font-family:	sans-serif;
	margin-top:	11px;
	margin-bottom:	11px;
	}
h2.small	{
	font-size:	112%;
	color:		#000;
	margin-bottom:	0px;
	margin-left:	15px;
	}
h3	{
	font-size:	110%;
	font-family:	sans-serif;
	margin-top:	9px;
	margin-bottom:	9px;
	}

h4	{
	font-size:	105%;
	margin-left:	15px;
	font-family:	sans-serif;
	margin-top:	7px;
	margin-bottom:	7px;
	}
h5	{
	font-size:	105%;
	font-weight:	700;
	font-family:	sans-serif;
	margin-top:	5px;
	margin-bottom:	5px;
	}
h1 + h2, h2 + h3, h3 + h4, h2 + p, h3 + p, h4 + p
	{margin-bottom:	1px;}

ul,ol
	{
	margin-left:	20px;; /*to compensate for no body margins*/
	margin-top:	5px;
	}
ul ul
	{
	margin-top:	1px;
	}

/*  for last reviewed date  */

.date{
	position:	absolute;
	left:		3px;
	bottom:		1px;
	font-size:	10px;
	font-family:	sans-serif;
	color:		#030;
	font-weight:	400;
	}

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

/* just sizing  */

.bigger10	{ font-size: 110%; font-weight:600; } /*was just bigger before*/
.bigger20	{ font-size: 120%; font-weight:700; }
.bigger30	{ font-size: 130%; font-weight:800; }
.bigger40	{ font-size: 140%; font-weight:900; }

.small70	{ font-size: 70%;} /*was smaller*/
.small80	{ font-size: 80%;}
.small85	{ font-size: 85%;} /*was smallb and small*/
.small90	{ font-size: 90%;}
.small95	{ font-size: 95%;}

.script	{font-size: 125%; font-weight: 300; font-family: "MV Boli", cursive;}
.scripts	{font-size: 110%; font-family: "MV Boli", cursive; }
.scriptm	{font-size: 130%; font-family: "MV Boli", cursive; }
.scriptl	{font-size: 150%; font-family: "MV Boli", cursive;}
.scriptsc {font-size: 110%; color: #900; font-family:"MV Boli", cursive;}
.scriptmc {font-size: 130%; color: #900; font-family:"MV Boli", cursive;}
.scriptlc	{font-size: 150%; color: #900; font-family: "MV Boli",cursive;}




/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

/* alignment and special effects  */

.centre
	{
	text-align:	center;
	}

dt	{
	font-size:	105%;
	font-weight:	700;
	padding-top:	5px;
	}
dd	{
	padding:	5px;
	}

a.faq
	{
	color:		#721;
	text-decoration:	underline;
	font-size:	108%;
	font-weight:	700;
	font-size:	95%;
	}

a.baq
	{
	color:		#721;
	text-decoration:	none;
	font-weight:	700;
	font-size:	80%;
	}
a.faq:active, a.faq:hover, a.faq:link, a.faq:visited, a.baq:active, a.baq:hover, a.baq:link, a.baq:visited 
	{color:		#721;}

dt.faq{
	color:		#721;
	text-decoration:	none;
	}
.leftcol, .rightcol
	{
	width:		43%; 
	margin-left:	6%;
	float:		left;
	}
#right img, #left img
	{
	display:		block;
	margin:		50px auto;
	border:		8px solid #620;
	border-radius:	13px;
	-moz-border-radius: 13px; 
	}
#right img
	{
	margin-left:	-6px;
	}
#left img.smaller
	{
	border-width:	4px;
	border-radius:	9px;
	-moz-border-radius: 9px; 
	}

#right a img
	{
	border:		none;
	}
.overlap
	{
	float:		right;
	border:		8px solid #620;
	margin-left:	3px;
	margin-right:	-30px;
	border-radius:	13px;
	-moz-border-radius: 13px; 
	}
.leftimg
/*floated left in main body*/
	{
	float:		left;
	border:		8px solid #620;
	margin-left:	-3px;
	margin-right:	3px;
	border-radius:	13px;
	-moz-border-radius: 13px; 
	}
.rightimg
/*floated right in main body*/
	{
	float:		right;
	border:		8px solid #620;
	margin-left:	5px;
	margin-right:	2px;
	border-radius:	13px;
	-moz-border-radius: 13px; 
	}
#tea .overlap, #tea .leftimg
	{
	border-color:	#420;
	}


/*centre screen menu buttons*/
p.bg
	{
	background:	#662;
	margin-left:	-10px;	/*to move it to the edge - - -see div.margin for offset*/
	}

.bg a
	{
	display:inline-block;
	font-family:	"segoe print", "MV Boli", "Segoe UI",cursive;
	color:		#030;
	font-size:	14px;
	background:	#d8d8af ; 
	text-decoration:	none; 
	line-height:	27px;
	margin-bottom:	1px;
	margin-top:	1px;
	border-top-left-radius:	20px 12px;
	border-bottom-left-radius: 20px 12px;
	border-top-right-radius:	20px 12px;
	border-bottom-right-radius: 20px 12px;
	-moz-border-radius: 12px; 
	}
.bg a:hover
	{
	font-family:	arial, 'sans serif';
	color:		#060;
	font-size:	15px;
	font-weight:	700; 
	line-height:	27px;
	}
.button
	{
	background:	 url('buttonright.gif') top right no-repeat;
	}

.bg a.home{width: 50px;}
.bg a.bb{width: 150px;}
.bg a.tea{width: 155px;}
.bg a.recipes{width: 65px;}
.bg a.scrap{width: 160px;}
.bg a.blog{width: 44px;}

#home .home, #bb .bb, #tea .tea, #recipes .recipes, #scrap .scrap
	{
	color:		#060;
	font-weight:	700;
	line-height:	27px;
	}

/* submenu on sidebar for the lane that were in now*/

.space{margin-top:-7px;}

a.sidebars{text-decoration:none;}
a.sidebar{text-decoration:none;font-size: 107%;line-height:99%;}
a.sidebarb{text-decoration:none;}

a.sidebar:visited, a.sidebars:visited, a.sidebarb:visited, a.sidebar:link, a.sidebars:link, a.sidebarb:link
{color: #721;}
a.rightsidebars,a.rightsidebars:link,a.rightsidebars:visited,a.rightsidebars:hover
{text-decoration:none;}
a.rightsidebars img {border:none;}


a.sidebar:hover, a.sidebars:hover, a.sidebarb:hover
{color: black;}

p.sidebars{
	margin-top:	-10px;
	line-height:	100%;
	font-size:	90%;
	padding-left:	5px;
	text-indent:	5px;
}

#morning .morning, #meal .meal, #tea .tea, #dessert .dessert, #snack .snack, #party .party, #winter .winter, #christmas .christmas
{
	color:		#060;
	font-weight:	700;
}


hr.rooms{
	width:		80%;
	height:		7px;
	border:		groove;
	border-width:	4px;
	text-align:	center;
	border-color:	#662;
	background-color: #dda;
	margin:		20px auto;
	}


/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

/* STYLES FOR RECIPE CARDS */

.recipe table
	{
	border:	1px solid #ddd;
	background:	#fcfbfa;
	}


.cardtop{
	
	font-size:	22px;
	line-height:	23px;
	font-family:	 "futura book", "century gothic", arial, sans-serif;
	font-weight:	900;
	text-align:	center;
	}
.cardtitle{
	font-size:	21px;
	line-height:	22px;
	font-family:	"PTBarnum BT", "bookman old style", bookman, "book antiqua", "charter", "calisto mt", serif ;
	font-weight:	800;
	text-align:	center;
	}

.cardleft, .cardright
	{
	font-size:	20px;
	line-height:	20px;
	font-family:	kids, comic, "comic sans ms", "lucida console", "lucida handwriting", BernhardTango, serif;
	font-weight:	700;
	text-align:	center;
	}


.cardbleft{
	text-align:	left;
	font-size:	12px;
	line-height:	14px;
	}

.cardbright{
	padding-top:	5px;
	text-align:	left;
	padding-left:	2px;
	font-size:	16px;
	line-height:	17px;
	height:		270px;
	}
.cardbright p
	{
	margin-bottom:	-1px;
	}

.by{
	font-size:	16px;
	line-height:	16px;
	font-family:	kids, comic, "comic sans ms", "lucida console", "lucida handwriting", BernhardTango, cursive;
	font-weight:	600;
	text-align:	right;
	}

.small	{
	font-size:	12px;
	line-height:	12px;
	}

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

/*  */

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

/*  */

/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

/*  */