/*-----------------------------------------------------------------------------
[client] Screen Stylesheet

date:      8/20/09
author:    [Rohesia Hamilton Metcalfe]
email:     [rhm@hamiltrowebsitedesign.com]
website:   [http://www.hamiltrowebsitedesign.com]

/* side links are #666 for off and #000 for on */

/*  
Had an issue with a mysterious column of "hyphens" appearing in the middle of pages, corresponding to the list items (links).
Even though research suggested it to be an IE bug with floats associated with unordered lists, it was the link texts showing up in 1px, not at -1000em at all.
So I made them go to -5000em.
*/

/*RESET
-----------------------------------------------------------------------------*/
@importÊurl("reset.css");

img, div { behavior: url(../js/lib/iepngfix.htc) }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%; /* or 1em */
	background: transparent; /* NB bg transparent could be an issue with TD bg colors */
}

ul {
	list-style: none;
}

/* layout basics
-----------------------------------------------------------------------------*/
body	{
	font: 90% / 1.5 Arial, Verdana, sans-serif;
	background-color: #ffffff;
	color: #444444;	
	text-align:left;
}

#h-uberContainer	{ 
	width: 850px; /*  850 */
	text-align: left;  
	margin: 0 auto; 
	background-color: #ffffff;
}

#h-innerContainer	{
	position:relative;
	left:0px;
	top:-1px;
}

.blue	{
	background-color: #99ccff;
}

.green	{
	background-color: #B1EDB1;  /* was #C0ECC0; */
}

.grey	{
	background-color: #B3C7B3;
}

.darkerGrey	{
	background-color: #9DAF9D;

}

.paleGrey	{
	background-color: #E5E5E5;
}

p	{
	margin-bottom: 15px;
	line-height: 18px;
}

a:link, a:visited	{color: #666666;}
a:active, a:hover	{color: #333333;}

h3	{
	font-weight: bold;
	font-size: 14px;
	color: #444444;
	margin-bottom: 10px;
}

h4 {
	display: inline;
	font-weight: normal;
	font-size: 13px;
	color: #333333;
	margin-bottom: 0px;
}

.regular	{
	font-size: 11px;
	color: #666666;
}


/* HOMEPAGE NAVIGATION
-----------------------------------------------------------------------------*/

#h-frc-Link	{
	top: 0px;
	left: 0px;
	width: 182px;
	height: 51px;
}

#h-frc-Link ul.link li a	{
	display: inline;  
	float:right;
	width: 182px;
	height: 51px;
	font-size: 1px;
	text-indent: -1000em;
	color:#6A6053;
	background-image: url('../images/siteDesign/h-fundraiserCoach.gif');
	background-repeat: no-repeat;
}

#h-frc-Link ul.link li.frc a 		{ background-position: 0px 0px; }
#h-frc-Link ul.link li.frc a:hover		{ background-position: -182px 0px; }

#h-poet-Link	{
	top: 0px;
	left: 0px;
	width: 149px;
	height: 31px;
}

#h-poet-Link ul.link li a	{
	display: inline;  
	float:right;
	width: 149px;
	height: 31px;
	font-size: 1px;
	text-indent: -1000em;
	color:#6A6053;
	background-image: url('../images/siteDesign/h-poetLibrettist.gif');
	background-repeat: no-repeat;
}

#h-poet-Link ul.link li.poet a 		{ background-position: 0px 0px; }
#h-poet-Link ul.link li.poet a:hover		{ background-position: -149px 0px; }


/* POET PAGES
-----------------------------------------------------------------------------*/

.s-poetContent	{
	padding-left:30px;
	padding-right:30px;
	padding-top:32px;
	width: 570px;
	text-align:left;
	padding-bottom:50px;
	z-index:4;
}


#s-poetLinks	{
	top:0px;
	left:0px;
	width: 201px; 
	height: 200px;
	padding-top: 30px;
	margin-bottom:30px;
	z-index: 3;
}

#s-poetLinks ul	{
	width: 201px;
	height: 192px;
}

#s-poetLinks ul.links li a	{
	display: inline;  
	float:left;    
	width: 201px; 
	height: 24px;
	font-size: 1px;
	text-indent: -5000em;
	color:#6A6053;
	background-image: url('../images/siteDesign/s-poet-Links.gif');
	background-repeat: no-repeat;
}

#s-poetLinks ul.links li.about a 		{ 
	background-position: -1px 0px; 
}

#s-poetLinks ul.links li.statement a 		{ 
	background-position: -1px -24px; 
}


#s-poetLinks ul.links li.books a 		{ 
	background-position: -1px -48px; 
}

#s-poetLinks ul.links li.newsReadings a 		{ 
	background-position: -1px -72px; 
}

#s-poetLinks ul.links li.poems a 		{ 
	background-position: -1px -96px; 
}

#s-poetLinks ul.links  li.contact a 		{ 
	background-position: -1px -120px; 
}

#s-poetLinks ul.links li.home a 		{ 
	background-position: -1px -168px; 
}

#s-poetLinks ul.links li.about a:hover 	{ background-position: -201px 0px;   }
#s-poetLinks ul.links li.statement a:hover   { background-position: -201px -24px; }
#s-poetLinks ul.links li.books a:hover   { background-position: -201px -48px; }
#s-poetLinks ul.links li.newsReadings a:hover   { background-position: -201px -72px; }
#s-poetLinks ul.links li.poems a:hover   { background-position: -201px -96px; }
#s-poetLinks ul.links li.contact a:hover   { background-position: -201px -120px; }
#s-poetLinks ul.links li.home a:hover   { background-position: -201px -168px; }

#s-poetLinks ul.links li.aboutHere a 	{ background-position: -201px 0px;   }
#s-poetLinks ul.links li.statementHere a 	{ background-position: -201px -24px;   }
#s-poetLinks ul.links li.booksHere a 	{ background-position: -201px -48px;   }
#s-poetLinks ul.links li.newsReadingsHere a 	{ background-position: -201px -72px;   }
#s-poetLinks ul.links li.poemsHere a 	{ background-position: -201px -96px;   }
#s-poetLinks ul.links li.contactHere a 	{ background-position: -201px -120px;   }
#s-poetLinks ul.links li.space 	{ background-position: -201px -144px;   }

.bookCover	{
	border: 1px solid #cccccc;
}

#poetStatement h4{
	display: inline;
	font-weight: bold;
	font-size: 13px;
	color: #444444;
	margin-bottom: 0px;

}

.regular	{
	font-size: 11px;
	color: #666666;
}

.reviewer	{
	color: #444444;
}

.credit {font-size: 11px;}


/* FRC PAGES
-----------------------------------------------------------------------------*/

.s-frcContent	{
	padding-left:30px;
	padding-right:30px;
	padding-top:32px;
	width: 570px;
	padding-bottom:50px;
    text-align: left;
}


#s-frcLinks	{
	top:0px;
	left:0px;
	width: 198px;
	padding-top: 30px;
	margin-bottom:30px;
}

#s-frcLinks ul	{
	width: 198px;
	height: 168px;
}

#s-frcLinks ul.Links li a	{
	display: inline;  
	float:left;
	width: 198px;
	height: 24px;
	font-size: 1px;
	text-indent: -5000em;
	color:#6A6053;
	background-image: url('../images/siteDesign/s-frc-Links.gif');
	background-repeat: no-repeat;
}

#s-frcLinks ul.Links li.Statement a 		{ 
	background-position: 0px 0px; 
}

#s-frcLinks ul.Links li.Consulting a  {
	background-position: 0px -24px;
}

#s-frcLinks ul.Links li.Coaching a 		{ 
	background-position: 0px -48px; 
}

#s-frcLinks ul.Links li.Resume a 		{ 
	background-position: 0px -72px; 
}

#s-frcLinks ul.Links li.Contact a 		{ 
	background-position: 0px -96px; 
}

#s-frcLinks ul.Links li.Space a 		{ 
	background-position: 0px -120px; 
}

#s-frcLinks ul.Links li.Home a 		{ 
	background-position: 0px -144px; 
}

#s-frcLinks ul.Links li.Statement a:hover 	{ background-position: -198px 1px;   }
#s-frcLinks ul.Links li.Consulting a:hover   { background-position: -198px -23px; }
#s-frcLinks ul.Links li.Coaching a:hover   { background-position: -198px -47px; }
#s-frcLinks ul.Links li.Resume a:hover   { background-position: -198px -71px; }
#s-frcLinks ul.Links li.Contact a:hover   { background-position: -198px -95px; }
#s-frcLinks ul.Links li.Home a:hover   { background-position: -198px -143px; }

#s-frcLinks ul.Links li.StatementHere a 	{ background-position: -198px 1px;   }
#s-frcLinks ul.Links li.ConsultingHere a 	{ background-position: -198px -23px;   }
#s-frcLinks ul.Links li.CoachingHere a 	{ background-position: -198px -47px;   }
#s-frcLinks ul.Links li.ResumeHere a 	{ background-position: -198px -71px;   }
#s-frcLinks ul.Links li.ContactHere a 	{ background-position: -198px -95px;   }

.s-frcContent li	{
	list-style: disc;
	margin-bottom: 10px;
	margin-left: 16px;
}



.aboutImage	{
	float: left;
	border: 1px #666666 solid;
	margin-right: 15px;
	margin-bottom: 15px;
}

.contactImage	{
	float: left;
	border: 1px #666666 solid;
	margin:0;
}

.credit {font-size: 11px;}

/*----------------*/
.indentStanza	{margin-left: 80px;}