/* background-color: transparent; has been used in some of the selectors, this is the default and it is not strictly necessary to declare this info - it does serve a purpose in that it supplies information for you to see*/
body {/* set everything to zero for a good cross-browser starting point */
	margin: 0;/*zeroes the margins on the body*/
	padding: 0;/*zeroes the padding on the body ** Opera carries a default padding and requires this zeroing*/
	border: 0;/*zeroes off any existing border*/
	background-image: url(../Art/background_webpage.jpg);
	text-align: center; /* Hack to centre the wrapper in IE5.x pc */
	font-size: 90.01%;/* Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property */
	min-width: 770px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge with Gecko browsers */
}

#wrapper {
	margin: 5px auto;/* centers the wrapper first value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	width: 770px; /* sets the width of the wrapper */
	position: relative; /* important to position it relatively */
	background-color: #000000;/* sets the wrappers background color*/
	border: 1px solid #000;/* sets a border to all 4 sides */
	text-align: left;/* Realigns the text to the left after the IE hack in the body rule */
}




#contact {/* Begin laying out the contact div */
	float: left; /* Floats the div to the left to make a column */
	width: 150px; /*sets a width for the div - Imperative for IE mac */
	margin-top: 20px;
	margin-left: 5px; /*creates a margin on the left to move the div away from the pages edge*/
	background-color: transparent; /* no colour required for the bg colour*/
	color: #ffffff;
	text-align: center;
}

.text {
	margin: 0 0 0px 0px;/* sets the margins on the p element with the content div*/
	font-size: 100%; /* scales the font size - no family declared, we are using the default from the body rule*/
	padding: 0px 0px 0 0;/* sets the padding on the p element when it is within the content div*/
	text-align: left;
}


#content {/* Begin laying out and styling the content div */
	background-image: url(../Art/background_text.jpg);
	background-repeat: repeat-x repeat-y;
	width: 575px;/* sets the width of our content*/
	margin-top: 20px;
	margin-left: 165px; /* this left margin clears the contact div and allows our content div to become a second column*/
	padding-bottom: 10px;/* sets a padding clearance on the bottom of the div*/
	margin-bottom: 20px;/* sets a margin below the div and above the footer*/
}



.papyrushead { /*header italic text*/
	font-size: 140%;/*title of story, poem*/
	font-family: Papyrus;/* sets the font family*/
	margin: 0 0 0px 0px;/* set the margins*/
	padding-top: 0px;/* adds the top padding to move it down from elements above - could be done with a top margin*/
	color: #000000;/* sets the font colour*/
	font-style: normal;/* sets the font style*/
	font-weight: normal;
 	text-decoration: none;
	text-align: center;
}

#content h2 { /*book info*/
	font-size: 110%;/*title of story, poem*/
	font-family: "Times New Roman", Times, serif;/* sets the font family*/
	margin: 0px 0 0px 0px;/* set the margins*/
	color: #000000;/* sets the font colour*/
	font-style: normal;/* sets the font style*/
	font-weight: normal;
 	text-decoration: none;
	text-align: center;
	line-height: 130%;
	
}

.coming-going { /*coming & going subtitles*/
	font-size: 120%;/*title of story, poem*/
	font-family: "Times New Roman", Times, serif;/* sets the font family*/
	margin: 0 0 0px 0px;/* set the margins*/
	padding-top: 0px;/* adds the top padding to move it down from elements above - could be done with a top margin*/
	color: #000000;/* sets the font colour*/
	font-style: normal;/* sets the font style*/
	font-weight: normal;
 	text-decoration: underline;
	text-align: center;
}

#content h4 { /*story text*/
	font-size: 100%;
	font-family: "Times New Roman", Times, serif ;
	margin: 0 10px 0px 10px;
	padding-top: 0px;
	color: #000000;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
	text-align: left;
}

.available { /*available through ruthie's text*/
	font-size: 70%;
	font-family: Georgia, "Times New Roman", Times, serif;/* sets the font family*/
	margin: 0 0 0px 0px;/* set the margins*/
	padding-top: 0px;/* adds the top padding to move it down from elements above - could be done with a top margin*/
	color: #000000;/* sets the font colour*/
	font-style: normal;/* sets the font style*/
	font-weight: normal;
	text-decoration: none;
	text-align: center;

}

#content p {
	margin: 0 10px 0px 10px;/* sets the margins on the p element with the content div*/
	font-size: 100%; /* scales the font size - no family declared, we are using the default from the body rule*/
	padding: 0px 0px 0 0;/* sets the padding on the p element when it is within the content div*/
}



/* sets the inline links in the #content div if required*/
#content a:link, #content a:visited{
	color: #000000; /*sets the link and visited text color*/
	background-color: transparent;/* no background color required*/
	text-decoration: underline;
	font-style: normal;
}

#content a:hover, #content a:focus{
	background-color: transparent;/*sets the background color for hover and focus*/
	color: #ff0000;/* sets the text color for hover and focus*/
	text-decoration: underline;/*removes the underline*/
	font-style: normal;
}

.times-italic {
	font-style: italic;
}

.times-underline-italic {
	text-decoration: underline;
	font-style: italic;
}


#footer {
	margin-top: 5px;
	font-family: Papyrus;
	float: right;
	color: #fff;
	font-size: 90%;
}

#footer p {
	padding: 5px 0 0px 0;/* sets the padding values*/
	margin: 0;/*zeroes off the margins */
}

#footernav {
	background-color: #000000 ;
}

#footernav ul {
	padding: 1px;
	text-align: right;
}

#footernav li {
	display: inline;
	margin: 0 2em;
}

#footernav a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#footernav a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* sex and passion quotes - mcj Apr. 2009 */
p.quoteIntro { font-size: 14pt; font-family: sans-serif; width: 400px; }
div#quote { width: 460px; margin: 0px 0px 10px 0px; padding: 20px 10px 10px 20px; border: 1px solid #000; }
div#quote p { font-family: sans-serif; font-size: 14pt; color: #333; text-align: left; }
div#quote a:link { text-decoration: none; }
div#quote a:hover { text-decoration: underline; color: #444; }
div#quote p.attribute { padding: 10px 4px 4px 100px;  }