.edit {
	float:right;
	background-image: url(/images/page_design/edit_icon.png);
	background-repeat: no-repeat;
	height: 15px;             
	width: 15px;
} 

.dotted_line {
	border-bottom: 1px dotted #5a1400;
	margin: 15px 0 15px 0;
}

.center { margin:0 auto;}

#Main_HeaderArea		{	display:block;
							background-color:white;
							background-image: url(http://www.cookingwithfriendsclub.com/images/page_design/bg_HeaderArea_HomePage.gif);
							height:161px;
						}
						
.logo					{	position:absolute;top:40px;left:29px;
						}

.header-note                {	position:absolute;top:20px;left:650px;}

					
#Main_ContentArea		{	background-color:white;
							display:block;
							background-image: url(http://www.cookingwithfriendsclub.com/images/page_design/bg_ContentArea_InsidePage.gif);
						}
					
#Content_LeftColumn		{	float:left;
							display:block;
							width:256px;
							background-image: url(http://www.cookingwithfriendsclub.com/images/page_design/bg_LeftColumn_InsidePage.gif);
							background-repeat: no-repeat;
						}
						
						
#community						{	position:relative;
									margin:70px 0 0 27px;
									width:202px;
									background-image: url(http://www.cookingwithfriendsclub.com/images/page_design/bg_blogs.gif);
							                background-color:#abc178;
									margin-bottom:15px;
								}
#community	.left				{	float:left;margin:30px 0 0 15px;}
#community	.right				{	float:left; font-size:88%; text-align:center; margin:10px 0 0 0px; width:140px;}
#community	.right a			{	color:#f1607c; text-align:center; text-decoration:none; font-weight:bold;}
#community	.right a:hover			{    text-decoration:underline;}
#community	.right img			{	margin:10px 0px 0 0;}

#community	.bottomCurve		{	position:absolute;
									left:0;
									bottom:0px;						
								}

#community .line		{	display:block;height:15px;border-bottom:1px solid #d9d9d9;}

#community element.style  {
text-align:center;
}

#community .bottomText		{     display:block;margin:15px 0 0 0;line-height:.5em;}
#community .bottomText h3	{	 color:#5a1400; text-align:left; font-size:118%; font-weight:bold;padding-left:27px;margin-bottom:15px; line-height:1.5em;}	
#community .bottomText p	{	text-align:left; font-size:100%; line-height:.5em;}
#community .bottomText a	{	text-align:left; font-size:100%; color:#f1607e; font-weight:normal; text-decoration:none; padding-left:37px;line-height:.5em;}
#community .bottomText a:hover	{     text-align:left; font-size;100%; color:#f1607e; text-decoration:underline;line-height:.5em;}


#community .blogher		{	display:block; margin:15px 0px 0px 20px;}
								
								
#picArea				{	margin:20px 0 0 27px;}

#archiveArea				{	margin:20px 0 0 27px; padding-bottom:10px;}
#archiveArea	.text		{     display:block;margin:15px 0 0 0;line-height:.5em;}
#archiveArea	h3	{	 color:#5a1400; text-align:left; font-size:118%; font-weight:bold;padding-left:27px;margin-bottom:15px;}	
#archiveArea	p	{	text-align:left; font-size:100%; line-height:.5em;}
#archiveArea	a	{	text-align:left; font-size:100%; color:#ffffff; font-weight:normal; text-decoration:none; padding-left:37px;line-height:.5em;}
#archiveArea	a:hover	{     text-align:left; font-size;100%; color:#f1607e; text-decoration:underline;line-height:.5em;}

#searchArea				{	position: absolute;
                                                        top: 30px; 
                                                        margin-left: 650px;                                                         
                                                        background-image: url(http://www.cookingwithfriendsclub.com/images/page_design/bg_search.gif);
                                                        background-repeat: no-repeat;
                                                        width: 227px;
                                                        height: 83px;
                                                        }
#searchArea	img			{	margin: 12px 0px 0px 10px;}
#searchArea	input		        {	width: 145px; margin: 5px 0px 0px 10px;}

*html #searchArea	input	        {	margin-top: -30px;}											

#blogs				{	position:relative;
						width:202px;
						background-image: url(http://www.cookingwithfriendsclub.com/images/page_design/bg_blogs.gif);
						margin:30px 0 0 30px;
						padding-bottom:15px;
					}
					
#blogs	.bottomCurve	{	position:absolute;
							left:0;
							bottom:0px;						
						}
						
#blogs .pic				{	float:left;margin:10px 0 0 20px;width:75px;
						}
						
#blogs .text			{	float:left;margin:5px 0px 0px 0px;width:100px; text-align:left;
						}
						
#blogs h3			{	font-size:90%;
					     font-weight:bold;
					     color:#abc178;
                                             padding-left:5px;
					}
						
#blogs h4			{	font-size:50%;
						}	
						
#blogs h3 a			{	  font-size:130%;
						font-weight:normal;
						color:#f1607c;
                                                line-height:1.3em;
                                                text-align:left;
                                                text-decoration:none;
					}

#blogs h3 a:hover			{text-decoration:underline;
					}

#blogs a			{	font-size:100%;
						display:block;
						font-weight:bold;
						color:#f1607e;
                                                text-decoration:none;
                                                margin:10px 0px 0px 15px;
					}

#blogs a:hover			{	text-decoration:underline;
					}
				
#blogs .line		{	display:block;height:15px;border-bottom:1px solid #d9d9d9;}

#blogs .bottomText		{	display:block;margin:15px 0 0 0;}
#blogs .bottomText h3	{	text-align:center;font-size:118%;font-weight:bold;}	
#blogs .bottomText p	{	text-align:center;font-size:88%;}

#Content_RightColumn	{	float:left;
							display:block;
							width:644px;
						}

					
#textArea				{	margin:20px 0 0 25px;
							width:600px;
						}

#textArea p			       {	font-size:100%;
							color:#333333;
							line-height:1.5 em;
						}

#textArea img			       {	margin-bottom:5px;
                                                        border:1px solid #5a1400;
                                                        margin-right:20px;
						}

#textArea		.left				{float:left;margin:10px 0 0 10px;}
#textArea		.left img		      {margin:10px 15px 0 0; border:none;} /* removes border from bookshelf images */
#textArea		.right				{float:left;font-size:88%;margin:10px 0 0 10px;width:400px;}
#textArea	        .right a			{color:#f1607c;text-decoration:none;font-size: 100%;font-weight:bold;}
#textArea	        .right a:hover			{color:#f1607c;text-decoration:underline;font-size: 100%;font-weight:bold;}


#textarea title                    {font-weight:bold;
                                         font-size:140%;
					color:#f1607c;
                                       }
						

#textArea h1			{		font-size:200%;
							color:#5a1400;
							margin-bottom:.5em;
						}

#textArea h2			{		font-size:140%;
							color:#5a1400;
							margin-bottom:.5em;
                                                        font-weight:normal;
						}

#textArea h3			{		font-size:100%;
							color:#5a1400;
							margin-bottom: 0px;
                                                        line-height:1em;
						}

#textArea h4			{		font-size:120%;
							color:#5a1400;
							margin-bottom:.5em;
                                                        font-weight:normal;
						}
#textArea h5			{		font-size:100%;
							color:#f1607e;
							margin-bottom:.5em;
                                                        font-weight:bold;
                                                        font-style:italic;
						}

#textArea .media h3			{      font-size:150%;
							color:#abc178;
                                                         font-style:italic;
                                                        padding-left:10px;
							}

#textArea .media p			{	font-size:100%;
                                                         font-style:italic;
							color:#333333;
                                                        padding-left:50px;
						}

#textArea .articles h4			{      font-size:100%;
							color:#f1607e;
							}

#textArea .articles a			{	font-size:100%;
							color:#f1607e;
                                                        text-decoration:none;
						}

#textArea .articles a:hover		{    font-size:100%;
							color:#f1607e;
                                                        text-decoration:underline;
						}

#textArea    .ingredients		      {padding-left: 20px}

#textArea    .recipelist a	               {padding-left: 20px}

#textArea .recipes a                          {padding-left:300px;
                                                        font-size:100%;
							color:#f1607e;
                                                        text-decoration:none;
						}

#textArea .recipes a:hover		{    padding-left:300px;
                                                        font-size:100%;
							color:#f1607e;
                                                        text-decoration:underline;
						}
                                         
#textArea a     		{	font-size:100%;
						margin-top:0px;
						font-weight:bold;
						color:#f1607c;
                                                text-decoration:none;
					}

#textArea a:hover     		{	font-size:100%;
						margin-top:0px;
						font-weight:bold;
						color:#f1607c;
                                                text-decoration:underline;
					}


#textArea    .blogtitle a   	{	font-size:90%;
						display:block;
						margin-top:10px;
						font-weight:bold;
						color:#5a1400;
                                                text-decoration:none;
					}


#textArea    .blogtitle a:hover     		{	font-size:90%;
						display:block;
						margin-top:10px;
						font-weight:bold;
						color:#f1607c;
                                                text-decoration:underline;
					}

#textArea .blogdate p			{font-size:75%;
							color:#999999;
							line-height:.5em;
                                                        font-weight:bold;
						}

#textArea .faq p			{	font-size:100%;
							color:#333333;
							line-height:1.5 em;
						}

#textArea .faq h5			{	font-size:100%;
							color:#5a1400;
							margin-bottom:.5em;
						}

#textArea .form p			{	font-size:100%;
							color:#333333;
							line-height:1.5 em;
						}

#textArea .form h6			{	font-size:140%;
							color:#abc178;
							margin-bottom:.5em;
						}

#textAreadl             { display:inline; 
      				width:600px;}

#textAreadl p			       {	width: 550px; 
                                                        font-size:100%;
							color:#5a1400;
							margin: 20px 0px 10px 25px;
							line-height:1.5 em;
						}

#textAreadl ul                {margin-left:-10px;}

#textAreadl .item li          {         display:inline;
                                               float:left;
                                               margin:10px 0px 10px 0px;
                                               padding:0px;
                                               position:static;
                                               }

#textAreadl .desc             {       text-align: left;
                                              font-weight: bold;
                                              margin: 10px 0px 5px 10px;
                                              padding: 0px;
                                              color:#f1607c;
                                              }

#textAreadl h2			{		font-size:140%;
							color:#5a1400;
							margin: 20px 0px 10px 25px;
                                                        font-weight:normal;
						}

#textAreadl a     		{	margin: 10px 0px 10px 0px;

					}

#textAreadllink a     		{	font-size:100%;
						margin-top:0px;
						font-weight:bold;
						color:#f1607c;
						margin: 20px 0px 10px 15px;
                                                text-decoration:none;
					}

#textAreadllink a:hover     	{	font-size:100%;
						margin-top:0px;
						font-weight:bold;
						color:#f1607c;
                                                text-decoration:underline;
					}


#GoogleAds_Row			{	padding-bottom:10px;}

.GoogleAds				{	float:left;margin:10px 0 0 30px;}


#Main_FooterArea	{	position:relative;
						display:block;
						width:901px;
						background-color:#abc178;
						background-image: url(http://www.cookingwithfriendsclub.com/images/page_design/bg_Main_FooterArea.gif);
						border-top:3px solid white;
						padding-bottom:10px;
					}
					
#Main_FooterArea .bottomCurve	{	position:absolute;
									left:0px;
									bottom:-1px; /* IE 6 Fix */
								}
								
#Main_FooterArea .text			{	margin:15px 0 15px 20px;
									width:840px;
									text-align:center;
									color:#5a1400;
									font-weight:bold;
								}	

#Main_FooterArea .linkRow		{	margin:10px 0 0 20px;
									padding:5px 0 0 0;
									width:850px;
									border-top:1px solid white;
								}

				
#Main_FooterArea .links			{	float:left; 
									margin-left:10px;
									color:white;
									font-weight:bold;
								}

#Main_FooterArea .links	span	{	margin:0 5px 0 5px;}

#Main_FooterArea .links a		{	font-weight:bold; 
									color:white;
									text-decoration:none;}

#Main_FooterArea .copyright		{	float:right; 
									margin-top:1px;
									color:white;
									font-weight:bold;
									font-size:80%;
								}
					
#GoogleAds_Row			{	padding-bottom:10px; margin-left: 60px;}

.GoogleAds				{	float:left;margin:10px 0 0 30px;}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
color:#5a1400;
font-weight: normal;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 350px;
height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


.formbutton {
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(media/formbg.gif) repeat-x left top;
width: 20px;
}