@charset "UTF-8";
/* CSS Document */

/* RECIPES */
#mainContent .article {
	float: left;
	width: 530px;
	margin-bottom: 20px;
}
#mainContent .articleHeaderGRN {
	position: relative;
	float: left;
	width: 530px;
	height: 10px;
	display: inline;
	overflow: hidden;
	background-image: url(../_images/_jpgs/r_recipeHeaderGRN.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#mainContent .articleFrameGRN {
	float: left;
	width: 530px;
	background-image: url(../_images/_jpgs/r_recipeHeader1pxGRN.jpg);
	background-repeat: repeat-y;
	background-position: left top;	
}
#mainContent .articleFooterGRN {
	float: left;
	width: 530px;
	height: 10px;
	margin-bottom: -10px;
	background-image: url(../_images/_jpgs/r_recipefooterGRN.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#mainContent .articleITgroup { position: relative; float: left; width: 500px; }
#mainContent .articleITimg { position: relative; float: left; width: 200px; }
#mainContent .articleITtext { position: relative; float: right; width: 300px; padding-top: 20px; }

#mainContent .articleI2group { position: relative; float: left; width: 490px; margin-left: 10px; margin-bottom: 10px;}
#mainContent .articleI2img { position: relative; float: left; width: 150px; }
#mainContent .articleI2text { position: relative; float: right; width: 330px; padding-top: 20px; margin-right: 10px; }

.TextArea ol li { margin-left: 10px; color: #d18f4d; }
.TextArea ul li { margin-left: 5px; color: #666; }
.TextArea ol li.normal { margin-left: 10px; color: #666; } /* used to change the li color and margin for normal ordered lists */
.TextArea h3 { position: relative; }
.TextAreaImage { position: relative; float: right; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; margin-top: 30px; }
.TextAreaImage2 { position: relative; float: right; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; margin-top: 10px; }
.TextAreaImg3 { float: right; height: 220px; width: 164px; background: #666; margin-bottom: 10px; }

#mainContent .border { margin-bottom: 20px; }

table.art { margin-left: 10px; }
tr.height { line-height: 1.2em; padding: 0px 10px; }
tr.height2 { background-color: #cdd5c4; line-height: 1.7em; padding: 5px 10px; }
td.width1 { width: 30%; padding-left: 5px;}
td.width2 { width: 70%; padding-bottom: 20px; }

p.winston { margin-bottom: 0px; }
ol.winston { color: #333;}


table.motivation { margin-left: 10px; margin-right: 10px; }
table.motivation tr { line-height: 1.5em; }
table.motivation tr td { color: #333; padding: 5px; border: 1px solid #999; }

table.vinyassa { margin-left: 10px; margin-right: 10px; }
table.vinyassa tr { }
table.vinyassa tr td { border-spacing: 0px; width: 50%; padding: 5px; text-align: left; vertical-align: top; }

a.decoration { text-decoration: none; font-size: 12px; line-height: 1.2em; color: #87ab5d;}