/* ---------------------------- */
/* HTML TAG RESET               */
/* ---------------------------- */

body, h1, h2, h3, h4, p, ul, li, 
form								{ border: 0px none; font-size: 100%; margin: 0px; padding: 0px }
:focus, :active 						{ outline: none; }

/* ---------------------------- */
/* HTML ELEMENTS                */
/* ---------------------------- */

html, body 							{ color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
p 									{ line-height: 1.6; margin-bottom: 1em; }
#content img 						{ background: #b583c8; padding: 1px; }
h4 									{ color: #5d2c70; font-size: 16px; margin-bottom: 1em; }
a:link, a:visited 					{ color: #4d3232; }
a:hover 							{ color: #C46200; }

/* ---------------------------- */
/* PAGE ELEMENTS                */
/* ---------------------------- */

#container 							{ margin: 20px auto; width: 760px; }

/* HEADER
------------------------------- */
#header 							{ background: #b583c8; height: 80px; }
#header h1 a 						{ background: url('../_img/header.jpg') no-repeat 5px 50%; display: block; height: 80px; margin-left: 6px; text-indent: -9999px; width: 360px }
#header h2 							{ color: #fff; float: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin: -2em 1em; }

/* SITE NAVIGATION
------------------------------- */
#nav 								{ margin: 8px 10px; }
#nav ul li 							{ display: inline; margin-right: 20px; }
#nav a:link, #nav a:visited 		{ color: #4d3232; font-size: 12px; font-weight: bold; text-decoration: none; }
#nav a:hover, #nav li #here 		{ color: #C46200 }
span.newsletter-txt 				{ display: block; float: right; font-size: 10px; margin-top: -14px;line-height: 150%; margin-right: -15; }
form#newsletter 					{ color: #fff; float: right; clear: both; }
#newsletter input.email 			{ font-size: 10px; width: 160px; }
#newsletter input.join 				{ font-size: 10px; width: 35px; }

/* CONTENT
------------------------------- */
#content 							{ margin: 40px 10px; }

/* ----- welcome ----- */
div.piebg 							{ background: url('../_img/home_bg.jpg') no-repeat 100% 104%; }
#welcome 							{ padding: 20px 0 100px; }
#welcome h3 						{ background: url('../_img/welcome_hd.gif') no-repeat; height: 27px; margin-bottom: 2em; text-indent: -9999px }
#welcome p 							{ line-height: 20px; width: 95%; }
#welcome p.short 					{ width: 75%; }

/* ----- desserts ----- */
.dessert 							{ width: 74%; }
.dessert div 						{ height: 147px; margin: 40px 0; margin-bottom:inherit }
.dessert img 						{ float: left; margin-right: 20px; }

/* ----- about us ----- */
#about 								{ margin-bottom: 40px; }
#about img 							{ float: right; margin-left: 15px; }
#testimonial blockquote 			{ color: #4d3232; display: block; font-family: Georgia, "Times New Roman", Times, serif; line-height: 26px; width: 70%; margin: 0 auto; padding: 8px; }
#testimonial blockquote strong 		{ display: block; line-height: normal; text-align: right; }
#testimonial blockquote span 		{ color: #5d2c70; font-size: 16px; font-weight: bold; }

/* ----- shop ----- */
#content #cart img 					{ margin-left: 600px; margin-bottom: 1em; }
.shop 								{ width: 30%; float: left; position: relative; margin-right: 2em; }
.shop h5 							{ color: #5d2c70; font-size: 13px; margin-bottom: .5em; }
.shop h5 span 						{ font-size: 12px; font-style: italic; font-weight: normal; }
.shop form 							{ margin-bottom: .7em; text-align: right; }
.item 								{ width: 90%; border-bottom: 1px dashed #b583c8; }
.item p 							{ font-size: 11px; margin-bottom: 0; }
.item strong 						{ float: left; }
.item span 							{ float: right; }

/* ----- pie club ----- */
#pie 								{ float: right; width: 65%; }
#pie img 							{ margin-bottom: 1em; }
#subscription 						{ overflow: auto; width: 32%; }
#subscription p 					{ font-size: 11px; line-height: 1.4; }
#subscription .pie_savings em 		{ font-size: 10px; }
#subscription .pie_savings strong 	{ float: left; }
#subscription .pie_savings span 	{ float: right; }
#months 							{ border-top: 1px dashed #b583c8; border-bottom: 1px dashed #b583c8; margin-top: 10px; overflow: auto; padding: 10px 0; width: 32%; }
#months p 							{ font-size: 11px; line-height: 1.4; margin-bottom: .4em; }
#months .month 						{ clear: left; color: #5d2c70; float: left; font-weight: bold; }
#months .pie 						{ clear: right; color: #4d3232; float: right; width: 55%; text-align: right; }

/* ---------------------------- */
/* FOOTER                       */
/* ---------------------------- */

#footer 							{ background: #b583c8; clear: both; font-size: 11px; overflow: auto; padding: 3px 6px; width: 748px; }
#footer p 							{ color: #fff; float: left; margin: 0 3px; }
#footer a 							{ color: #fff; text-decoration: none; }
p#copy 								{ float: right; font-size: 11px; text-align: center; }