@import url("reset.css");
/* main text colour #445878*/
.clear				{clear: both}
body				{text-align: center;  background: #FFF; color: #445878/*temp colour*/; height: 98%}
h1, h2, h3, h4, h5	{font-family: "trebuchet ms", Verdana, Helvetica, sans-serif;}
h2					{font-size: 2.5em;}
h3					{font-size: 1.8em}	
h4					{letter-spacing: 1px; font-size: 1.3em}
h4 + p				{margin-top: -10px}
p, ul, ol 			{font-size: 1.2em; font-family:"trebuchet ms"}
ol li				{margin: 10px auto}
.hr-one				{width: 97%; margin: 15px auto; color: #E7E9EE; background: #E7E9EE; border: none; height: 1px}
em					{font-style: italic}
ol					{list-style:decimal; margin: 0 0 0 2em}
strong				{font-weight: 700}

#drop-shad-wrap		{width: 100.4%;  margin: -11px 0 -1px 0; background: url(../images/cont_bg.gif) no-repeat right bottom; min-height: 530px}
#container			{width: 985px; margin: 10px auto; border: 1px solid #445878; text-align: left; position: relative; }

#container .top-left	{width: 10px; height: 10px; position: absolute; left: -1px; top: -1px; background: url(../images/cont_top_left.gif) no-repeat left top}
#container .btm-left	{width: 10px; height: 13px; position: absolute; left: -1px; bottom: -1px; background: url(../images/cont_btm_left.gif) no-repeat left top}
#container .btm-right	{width: 14px; height: 14px; position: absolute; right: -4px; bottom: -1px; background: url(../images/cont_btm_right.gif) no-repeat left top}
#container .top-right	{width: 13px; height: 10px; position: absolute; right: -4px; top: -1px; background: url(../images/cont_top_right.gif) no-repeat left top}

/*index page links*/
#index #left-content-area a	{color: #43B287; font: 400 1.1em Verdana, Arial, Helvetica, sans-serif}
#index #left-content-area a:hover	{color: #445878}


#header				{position: relative; height: auto}
#header h1			{width:394px; height: 100px; background: url(../images/logo.gif) no-repeat left top; text-indent: -999em; margin: 20px 0 0 10px}
#header ul			{position: absolute; top: 5px; right: 10px}
#header ul li		{float: left; text-align: center; padding: 0 10px}
#header ul li a, .current		{font:700 1.2em/1.2em Verdana, Arial, Helvetica, sans-serif; color: #445878; text-decoration: none;}
#header ul li a:hover			{color: #43B287; text-decoration: underline}
 .current						{color: #43B287;}
#header ul li span				{color: #445878;  margin:0 -10px 0 10px; font-weight: 400; }


#left-content-area	{width: 72%; background: #F5F6F8 url(../images/colls_bg.jpg) repeat-x top ; float: left; margin: 10px; padding: 10px; border:1px solid #E7E9EE; min-height: 368px; position: relative}
#left-content-area .top-left, #right-content-area .top-left		{width: 9px; height: 9px; position: absolute; left: -1px; top: -1px; background: url(../images/cols_top_left.gif) no-repeat left top}
#left-content-area .top-right, #right-content-area .top-right		{width: 9px; height: 9px; position: absolute; right: -1px; top: -1px; background: url(../images/cols_top_right.gif) no-repeat left top}
#left-content-area .btm-left, #right-content-area .btm-left		{width: 9px; height: 9px; position: absolute; left: -1px; bottom: -1px; background: url(../images/cols_btm_left.gif) no-repeat left top}
#left-content-area .btm-right, #right-content-area	.btm-right	{width: 9px; height: 9px; position: absolute; right: -1px; bottom:: -1px; background: url(../images/cols_btm_right.gif) no-repeat left top}

#right-content-area	{float: right; width: 20.5%; margin: 10px 10px 10px 0; padding: 10px; background: url(../images/colls_bg.jpg) repeat-x top #F5F6F8; border:1px solid #E7E9EE; min-height: 368px; position: relative; text-align: center}

.subscribe	{text-indent: -999em; display: block; width: 205px; height: 65px; background: url(../images/subscribe.jpg) no-repeat 0 0}
.subscribe:hover {background: url(../images/subscribe.jpg) no-repeat 0 -80px}




/*===================================================

HCARD

===================================================*/


#hcard-Helen				{font-size: 1.2em; font-family:"trebuchet ms",}
#hcard-Helen .email			{color: #D4762B; text-decoration: none; text-decoration: none}
#hcard-Helen .email:hover	{text-decoration: underline}

/*===================================================

ADD WORDS

===================================================*/
#add-words {position: relative; height: auto; border: 1px solid #E7E9EE; background: #FFF}
#add-words img	{margin: 5px}
#add-words	{width: 100%; margin: 10px auto 0 auto; padding-top: 5px}
	#add-words .top-left	{background: url(../images/google_corners.gif) no-repeat 0 -0px; position: absolute; left: -1px; top: -1px}
	#add-words .top-right	{background: url(../images/google_corners.gif) no-repeat -29px 0px; position: absolute; right: -3px; top: -1px}
	#add-words .btm-left	{background: url(../images/google_corners.gif) no-repeat 0 -31px; position: absolute; left: -1px; bottom: -3px}
	#add-words .btm-right	{background: url(../images/google_corners.gif) no-repeat -29px -31px; position: absolute; right: -3px; bottom: -3px}

/*

Reciopes

*/

#recipes #left-content-area	a	{text-indent: -999em; display: block; background: url(../images/go_btns.jpg) no-repeat 0 -1px; height: 29px; width: 51px}
#recipes #left-content-area	a:hover	{ background: url(../images/go_btns.jpg) no-repeat -60px -1px;}