/* Style Sheet for the Seaside Herb Society */


body	{
	background:		#A9B7B3; 
	background:		#DCE4E7; 
	background:		url(images/shs-background.jpg) fixed no-repeat center;
	color:			#2F423C;   /* all text */
	font-family:	times, serif;
	font-size:		14pt;
	margin-left:	5em;
	margin-right:	5em;
	}

h1, h2, h3, h4	{
	font-family:	arial,sans-serif;
	text-align:		center;
			}

h1		{
	font-size:		48pt;
		}

h2		{
	font-size:		36pt;
		}

h3		{
	font-size:		32pt;
		}

h4		{
	font-size:		.9em;
		}

hr	{
		line-height:1em;
		margin:.3em 0 1.4em;
		border-top:1px solid black;
		}

hr.recipe-hed	{
		line-height:0em;
		width:74%;
		margin:0em 0 .5em 22%;
		border-top:1.2px solid black;
		border-bottom:none;
		}

hr.recipe-body	{
		line-height:0em;
		width:74%;
		margin:0em -10px 1.4em 22%;
		padding:0 -10px 0 0;
		border-top:1px solid black;
		border-bottom:none;
		}

.half-line	{
		width:2.45in;
		line-height:.5em;
		margin-top:1em;
				}

.recipe-line	{
		width:2.45in;
		line-height:.5em;
			}

hr.ingredients	{
		width:2.45in;
		line-height:1em;
			}

.shs {							/* I had grabbed several hr styling codes from another website. */
	border: 2px solid black;	/* this is one of them. this one does the heavy hr under the header */
	width: 65%;
	height: 3px;
	margin: .4em auto .4em;
	text-align: center;
	}	


.single {			/* I had grabbed several hr styling codes from another website.  */
	border: 3px solid black; 	/* this is one of them and I adapted it for the single line I've been using */
	border-top: 1px solid #000;
	width: 95%;
	height: 6px;
	margin: .4em auto .4em;
	text-align: center;
	}	

hr.r {			/* I had grabbed several hr styling codes from another website. this is one of them */
	border: none 0; 
	border-top: 3px double #c00;
	width: 80%;
	height: 3px;
	margin: 1.5em auto 1.5em;
	text-align: center;
	}	


.foot
		{
/*	font-family:	'times new roman', times, serif;
	font-size:		13pt;*/
		}

P		{
	text-indent:		1em;
		}

A		{
	text-decoration:	none;
		} /* takes away underlines on hyper-links */

A:active	{color:		#000000;}
A:link		{color:		#FF0000;}	/* red */
A:visited	{color:		#0000FF;}	/* green */
A:hover		{
	text-decoration: underline;
	font-style:italic  
			}

.num	{
	font-size:		55%;
	font-weight:	550;
	vertical-align:	40%;
		}

.den	{
  font-size:		55%;
  font-weight:		550;
  vertical-align:	-10%;
		}

.meridian	{		/* makes AM and PM in small caps from lower case--looks cool */
			font-variant:small-caps;
			}

.update	{
		font-size:.8em;
		}


/*	following are to create active buttons with the id 'button' */

#button	{
	font-family:	 Arial, Helvetica, sans-serif;	/*	all text in the buttons will be sans serif */
	font-size:		 1.2em;			/*	text will be 30% bigger than base font size */
	font-weight:	 bold;			/*	text will be bold */
		}

#button ul	{				/*	this grouping sets up an unordered list for making buttons */
	display:	block;		/*	sets for vertical display of li boxes */
	display:	inline;		/*	sets for horizontal display of li boxes */
		}

#button li	{
	list-style:	 none;		/*	eleminates leading characters in list items */
	line-height:	1.9;	/*	sets spacing between buttons and eliminates jitter	*/
		}

#button a
		{
	padding:			3px 10px 3px 10px;	/*	in conjunction with line height above sets size and spacing */
	color:				#2F423C;			/*	sets text color for links */
	background:			#709A5C;			/*	sets background color for links */
	text-decoration:	none;				/*	eliminates underline for links */
		}

#button a:link, 
#button a:visited		{  
/*	display:			block;*/	/* setting block here makes button full width of container */
/*	_height:			1%;	*/		/* may be needed for ie to make the whole tab clickable */

	border-top:		 3px solid #9EB791;		/*	these four paramaters give boxes	*/
	border-left:	 3px solid #9EB791;		/*	a raised medallion appearance */
	border-bottom:	 3px solid #2F423C;
	border-right:	 3px solid #2F423C;
		}

#button a:hover	{
	font-style:		normal;					/*	counteracts italic hover set elsewhere	*/
	border-top:		3px solid #2F423C;		/*	these four paramaters give boxes		*/
	border-left:	3px solid #2F423C;		/*	a depressed medallion appearance		*/
	border-bottom:	3px solid #9EB791;		/*	when mouse cursor is placed over them	*/
	border-right:	3px solid #9EB791;
		}



/* revised 20 July 2008 previous */