@charset "UTF-8";
body { font: 100% Georgia, Georgia, "Times New Roman", Times, serif; background: #ceb477; margin: 0; padding: 0; text-align: center; color: #663300; line-height: 1.5; }

/* ------ divs ------ */
#container { width: 780px; background: #FFFFFF; margin: 0 auto; margin-bottom: 1em; border: 1px solid #666; text-align: left; }
#header { background: #fff; padding: 0; height: 234px; }
#header.background_01 { background-image: url(/assets/images/masthead/eco-spuds_masthead_01.jpg); }
#header.background_02 { background-image: url(/assets/images/masthead/eco-spuds_masthead_02.jpg); }
#header.background_03 { background-image: url(/assets/images/masthead/eco-spuds_masthead_03.jpg); }
#header.background_04 { background-image: url(/assets/images/masthead/eco-spuds_masthead_04.jpg); }
#header.background_05 { background-image: url(/assets/images/masthead/eco-spuds_masthead_05.jpg); }
#header.background_06 { background-image: url(/assets/images/masthead/eco-spuds_masthead_06.jpg); }
#header img.logo { position: relative; top: 124px; left: 20px; border: none; }
#sidebar1 { float: left; /* since this element is floated, a width must be given */ width: 140px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */ padding: /*15px 10px 15px 20px*/0; }
#blogteaser { padding: 0 10px 0 10px; }
	#blogteaser ul, #blogteaser li { list-style-type: disc !important; }
#mainContent { margin: 0 0 0 144px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */ }
#footer { padding: 0 10px 0 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#fff; }

/* ---------- headings ---------- */
h1 { font-size: 1.8em; font-weight: normal; margin: 0; padding: 10px 0; color: #990000; }
h2 { font-size: 1.4em; font-weight: normal; color: #990000; margin-bottom: 0px; padding-bottom: 0px; }
h3 { font-size: 1.2em; font-weight: normal; color: #900; margin-bottom: 0; padding-bottom: 0; }
#blogteaser h2 { font-size: 1.1em; line-height: normal; }

#footer p { margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0 0 0 144px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 0.65em; }
#footer p.textnav { font-size: 0.8em; margin: 0; padding: 0 0 0 144px; }

p { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; margin-top: 0px; padding-top: 0px; }
.top {  color: #990000; font-weight: bold; }
.quote {  font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #993333; font-weight: bold; }


/* ------ lists ------ */
ul { margin: .5em 0 0 2em; font-size: 0.8em; }
ul.recipes { margin-left: 0em; }
li { margin: 0 0 .3em 0; } 
#blogteaser ul { margin: .5em 0 0 0; font-size: 0.8em; list-style: none; }
#blogteaser li { margin: 0 0 .75em -20px; list-style: none; }

/* ------ navigation ------ */
#navcontainer { width: 140px; font-size: 0.85em; line-height: 1.3; border: none; padding: 0; }
#navcontainer ul { margin: 0 0 0 0; padding: 1em 0 0 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; border-top: none; }
#navcontainer li { font-size: 1.2em; }
#navcontainer li#active a#current { background-color: #030; color: #ffd172; font-weight: bold; }
#navcontainer a { display: block; padding: 0.5em 0 0.5em 10px; width: 110px; background-color: #990000; border-bottom: 1px solid #eee; }
#navcontainer a:link, #navlist a:visited { color: #eee; text-decoration: none; }
#navcontainer a:hover { background-color: #001b04; color: #fff; }

/* ------ images ------ */
img.oldimage { visibility: hidden; display: none; }
#footerillustration {margin: 1.5em 0 0 0; }


td {  }

/* ------ anchors ------ */
a:link { color: #030; }
a:visited { color: #4C6B4C; }

/* ----- miscellaneous HTML tags ----- */
em,i { font-style: italic; }
em em { font-style: normal; }
strong,b { font-weight: bold; }
hr { padding: 0 0.3em 0 0.3em; margin: 0.3em 0 0 0.3em; }
blockquote,q { font-style: italic; border-left: 3px solid #A20000; margin:  0 0 0 3em; padding: 0 0 0 0.8em; font-size: 120%; line-height: 1.8; }
address { padding: 0 0 0 1em; font-style: italic; line-height: 1.6; }
acronym, abbr { font-style: italic; border-bottom: 1px dotted #666; text-decoration: dotted; cursor: help; }
code, kbd { font-family: "Monaco", "Lucida Console", Courier, "Courier New", monospace; font-size: 95%; background-color: #ccc; color: #000; margin: .5em 2em .5em 2em; }
pre { font-family: Courier, Monaco, "American Typewriter", monospace; color: #eee; margin: 2em 0 2.5em 0; padding: 5px 0 5px 10px; border-width: 1px 0 1px 0; border-color: #6b6b6b; border-style: dashed; }
sup { bottom: 1ex; font-size: .9em; }
sub { top: .5ex; font-size: .9em; }
span: lang(fr-CA), div: lang(fr-CA), span: lang(en-CA), div: lang(en-CA) { font-style: italic; }

/* ------ custom classes ------ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; }
.fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear: both; height: 0; font-size: 1px; line-height: 0px; }

div.featureright { width: 250px; float: right; margin: 0 0 0 0.75em; padding: 0 0 .5em 0; }
div.featureright img { margin-bottom: .3em;  }
div.featureright p { font-size: 0.85em; font-style: italic; color: #006633; }
img.floatleft { float: left; margin: 0 .75em 0 0; }
img.floatright { float: right; margin: 0 0 0 0.75em; }

.pullquote { font-size: 200%; width: 40%; border: none; text-align: left; float: right; margin: 1em 0 1em .5em; padding: 0.3em 0.5em; background: #ddd; }
.caption { font-size: 85%; font-style: italic; line-height: 1.4; }
.attribution { text-align: right; margin: 0 0 3em 0; padding: 0 20px 10px 0; font-size: 80%; }
.postalcode { margin: 0 0 0 0.5em; text-transform: uppercase; white-space: nowrap; } /* span class to keep postal codes uppercase, to prevent wrapping, and to include extra white-space before them, per Canada Post's guidelines */
.tel, .gps { white-space: nowrap; } /* span class to keep phone numbers & GPS coordinates from wrapping */