/* body tags and framing*/

body{
	background-image:	url(images/backgroundg.jpg);
	background-repeat:	no-repeat;
	z-index:			0;
	}

/* -----------spares - move up if used*/
body.image08{
	background-image:	url(images/background08.jpg);
	background-repeat:	no-repeat;
	z-index:			0;
	}
body.imager{
	background-image:	url(images/backgroundgrecipes.jpg);
	background-position:	0px -30px;
	background-repeat:	no-repeat;
	z-index:			0;
	}


.pictures{
	background-image:	url(images/craftbackdrop2.gif);
	background-repeat:	repeat-y;
	max-width:		750px;
	margin-top:		10px;
	}

	
	
/* position  top of page*/
div.top{
	background:	#ffeedd;
	position:	absolute;
	left:		0px;
	top:		00px;
	width:		700px;
	height:		150px;
	background:	#ffeedd;
	}
div.top_picture{
	left:		0px;
	top:		20px;
	width:		175px;
	}
div.top_text{
	position:	absolute;
	left:		175px;
	top:		0px;
	width:		175px;
	}
div.top_second_image{
	position:	absolute;
	left:		350px;
	top:		50px;
	width:		175px;
	}
div.top_third_image{
	position:	absolute;
	left:		525px;
	top:		0px;
	width:		175px;
	}
div.top_third_text{
	position:	absolute;
	left:		525px;
	top:		75px;
	width:		175px;
	}




/*position the main body*/
div.maincontent{
	position:	absolute;
	left:		148px;
	padding-left:	20px;
	top:		150px;
	z-index:		0;
	background:	#eeffdd;
	width:		510px;
	}


/* 	=	=	side and bottom		=	=	 */
/* sets width of side bar margin*/


div.sidebar{
	position:	absolute;
	padding-left:	20px;
	left:		0px;
	top:		150px;
	width:		128px;
	background:	#ddeeff;
	}


/* submenu for the lane that were in now*/
li.craft{
	font-family:	arial;
	line-height:	200%;
	font-size:	9pt;
	color:		#660000;
	font-weight:	900;
	}
li.crafti{
	font-family:	arial;
	line-height:	150%;
	margin-left:	12px;
	text-indent:	-5px;
	font-size:	8pt;
	color:		#660000;
	font-weight:	900;
	}

.whiter{
	color:		white;
	font-size:	50%;
	}
a.white{
	color:		white;
	text-decoration:	none;
	font-weight:	900;
	}
a.white:active {color: white;}
a.white:hover {color: white; }
a.white:link {color: white;}
a.white:visited {color: white;}

a.craft{
	color:		black;
	text-decoration:	none;
	}
a.craft:active {color: black}
a.craft:hover {color: blue; }
a.craft:link {color: black}
a.craft:visited {color: purple}

li.craft2{
	font-family:	arial;
	font-size:	9pt;
	margin-top:	-5px;
	margin-bottom:  3px;
	margin-left:	3px;
	color:		#660000;
	font-weight:	900;
	}


li.crafty{
	font-family:	arial;
	line-height:	130%;
	font-size:	11pt;
	color:		#660000;
	font-weight:	900;
	}

a.crafty{
	color:		#660000;
	text-decoration:	none;
	}
a.crafty:active {color: #660000}
a.crafty:hover {color: #660000; }
a.crafty:link {color: #660000}
a.crafty:visited {color: #660000}

a.none{
	color:		black;
	text-decoration:	none;
	}
a.craft:active {color: black}
a.craft:hover {color: black}
a.craft:link {color: black}
a.craft:visited {color: black}

a.expand{
	color:		black;
	text-decoration:	none;
	}
a.expand:active {color: black}
a.expand:hover {color: black;font-size:111%;}
a.expand:link {color: black}
a.expand:visited {color: black}


/* member of */
div.scrapbook	{
	margin-top:	50px;
	margin-left:	40px;
	font-size:	10pt;
	}

/* bottom menu */
/*  tiny  */
.fudge
	{
	font-size:	8pt;
	color:		#000000;
	font-weight:	300;
	font-family:	arial, sans-serif;
	text-align:	left;
	}

/*	=	=	headings	=	=	*/


h1.lobsters	{
	font-size:	18px;
	color:		#000000;
	font-weight:	900;
	position:	relative;
	top:		-10px;
	text-align:	center;
	}

h2.lobsters	{
	font-size:	16px;
	color:		#000000;
	font-weight:	900;
	position:	relative;
	top:		-30px;
	text-align:	center;
	}
h1.lobstersr	{
	font-size:	18px;
	color:		#000000;
	font-weight:	900;
	position:	relative;
	top:		-10px;
	margin-left:	200px;
	}

h2.lobstersr	{
	font-size:	16px;
	color:		#000000;
	font-weight:	900;
	position:	relative;
	top:		-30px;
	margin-left:	170px;
	}
h3.playdo	{
	margin-bottom:	-4px;
	}
h3.playdough	{
	font-size:	13pt;
	margin-top:	0px;
	margin-bottom:	5px;
	}
h4	{
	font-size:	12pt;
	margin-top:	7px;
	margin-bottom:	5px;
	}
h5	{
	font-size:	11pt;
	color:		#990000;
	}

/*	=	=	highlighting other than headings	=	=	 */

/* maximum width for any paragraph */

p	{
	max-width:	600px;
	}
.narrow	{
	width:		555px;
	}

/* general highlight */

.right
	{
	float:		right;
	margin-left:	10px;

	}
.scenes
	{
	font-size:	110%;
	margin-left:	7%;
	width:		70%;
	color:		#000000;
	font-weight:	500;
	font-family:	"Comic Sans MS",Verdana, sans-serif;

	}
/* heavy accent */

.b	{
	font-size:	120%;
	color:		#0000ff;
	font-weight:	700;
	font-family:	"BernhardMod BT","Times New Roman", Roman, Serif;
	}

.bscrap	{
	margin-top:	3px;
	font-size:	120%;
	color:		#0055aa;
	font-weight:	700;
	}

.small	{
	font-size:	85%;
	}
.smaller	{
	font-size:	70%;
	}
.bigger	{
	font-size:	110%;
	}
.bigger30	{
	font-size:	130%;
	color:		#008800;
	font-weight:	900;
	}

.biggest	{
	font-size:	160%;
	}

.script{
	font-family:	"Brush Script MT", "Brush Script", cursive;
	font-size:	125%;
	font-weight:	300;
	}
.scripts{
	font-size:	110%;
	font-family:	"Brush Script MT", "Brush Script", cursive;
	}

.scriptm{
	font-size:	130%;
	font-family:	"Brush Script MT", "Brush Script", cursive;
	}
.scriptl{
	font-size:	150%;
	font-family:	"Brush Script MT", "Brush Script", cursive;
	}
.scriptsc{
	font-size:	110%;
	font-family:	"Brush Script MT", "Brush Script", cursive;
	color:		#990000;
	}
.scriptmc{
	font-size:	130%;
	font-family:	"Brush Script MT", "Brush Script", cursive;
	color:		#990000;
	}
.scriptlc{
	font-size:	150%;
	font-family:	"Brush Script MT", "Brush Script", cursive;
	color:		#990000;
	}


/* accent with indent */

.scrapbooking
	{
	font-size:	120%;
	color:		#000000;
	font-weight:	500;
	font-family:	"Comic Sans MS",Verdana, sans-serif;
	margin-left:	0px;
	margin-top:	-7px;
	}
/* to place picture of the week */

/*  highlighted paragraph  */
.accommodations
	{
	font-size:	90%;
	color:		#003300;
	font-weight:	700;
	font-family:	arial, sans-serif;
	background:	#eeffff;
	margin-left:	80px;
	margin-right:	44px;
	text-indent:	-44px;
	}
/*  for last reviewed date  */

.date{
	font-size:	65%;
	font-family:	sans-serif;
	color:		#003300;
	font-weight:	400;
	}

.accent:first-letter	{
	font-size:	133%;
	}
.accent	{
	margin-bottom:	7px;
	}


.fancy{
	font-family:	kids, comic, "comic sans ms", "lucida console regular", "lucida handwriting", BernhardTango, fantasy;
	font-size:	200%;
	color:		#0066CC;
	line-height:	90%;
	margin-top:	15px;
	}
.ccraft{color: #cc3300;}
.cpotw{color: #cc6633;}
.cinfo{color: #cc7700;}
.crecip{color: #339933;}
.cscrap{color: #007cc1;}


.kids{
	font-family:	kids, comic, "comic sans ms", "lucida console regular", "lucida handwriting", BernhardTango, fantasy;
	font-size:	200%;
	}

.green{
	font-size:	115%;
	color:		#003300;
	font-weight:	700;
	}
.greenbanana{
	font-size:	120%;
	color:		purple;
	font-weight:	700;
	}

/*	=	=	positioning	=	=	 */


/*  for box the canada select logo */
			
.emblems
	{
	margin-left:	56px;
	margin-top:	2px;
	margin-bottom:	7px;		
	}
/*  for home link */
.emblem
	{
	margin-left:	20px;
	margin-top:	8px;
	font-size:	14pt;
	font-weight:	900;
	}
a.emblem:active {color: black}
a.emblem:hover {color: black}
a.emblem:link {color: black}
a.emblem:visited {color: black}

/*  centre */
			
.photos
	{
	margin-left:	30%;
	text-align:	center;
	width:		203px;
	}
.photost
	{
	margin-left:	22%;
	text-align:	center;
	width:		220px;
	}
.picture
	{
	position:	relative;
	margin-left:	66px;
	margin-right:	66px;
	margin-top:	15px;
	margin-bottom:	15px;
	border-style:	none;
	float:		left;
	z-index:		1;
	}

.centre
	{
	text-align:	center;
	}


/*  indented paragraph */
			
.indent
	{
	width:		68%;
	margin-left:	0px;
	}


/*  indented paragraph */
			
.left-indent
	{
	margin-left:	50px;
	}
/*  to move picture comments  */
.down
	{
	margin-left:	3px;
	margin-top:	90px;
	}

/* STYLES FOR RECIPE CARDS */



.cardtop{
	background:	#b4cc76;
	font-size:	18pt;
	font-family:	 "futura book", "century gothic", arial, sans-serif;
	font-weight:	900;
	color:		#000000;
	text-align:	center;
	}
.cardtitle{
	background:	#b4cc76;
	font-size:	18pt;
	font-family:	"PTBarnum BT", "bookman old style", bookman, "book antiqua", "charter", "calisto mt", serif ;
	font-weight:	800;
	color:		#000000;
	text-align:	center;
	}

.cardleft{
	background:	#b4cc76;
	font-size:	14pt;
	font-family:	kids, comic, "comic sans ms", "lucida console regular", "lucida handwriting", BernhardTango, serif;
	font-weight:	700;
	color:		#000000;
	text-align:	center;
	}

.cardright{
	background:	#b4cc76;
	font-size:	14pt;
	font-family:	kids, comic, "comic sans ms", "lucida console regular", "lucida handwriting", BernhardTango, serif;
	font-weight:	700;
	color:		#000000;
	text-align:	center;
	}

.cardbleft{
	background:	#b4cc76;
	text-align:	left;
	font-family:	monospace;
	font-size:	9pt;
	}

.cardbright{
	background:	#b4cc76;
	text-align:	left;
	margin-left:	10px;
	}

.by{
	font-size:	13pt;
	font-family:	kids, comic, "comic sans ms", "lucida console regular", "lucida handwriting", BernhardTango, cursive;
	font-weight:	600;
	color:		#000000;
	text-align:	right;
	}