/*
CSS for Sheila Hart Design site
*/
	
body {font-family: Helvetica, Arial, Verdana, sans-serif; 
	background-color: #000000;
	color: #ffffff;
	margin-top: 2em;
	margin-left: 6.5em;
	margin-right: 6.5em;}

h1, li {color: #a62aa4;
	font-size: 9.5pt;
	font-weight: normal;
	letter-spacing: 1pt;}

h2, h3 {font-family: Sabon, "Adobe Garamond", serif;
	font-weight: normal;}

h2 {color: #444444;
	font-size: 31pt;
	letter-spacing: 1pt;
	text-align: right;
	margin-top: -3.75em;}
	
h3 {color: #282829;
	font-size: 52pt;
	letter-spacing:-1.75pt;
	margin-top: .9em;}

h4 {color: #9d6d9c;
	font-size: 9.5pt;
	font-weight: normal;
	line-height: 110%;}

h5 {letter-spacing: 1.75pt; 
	font-size: 10.5pt;
	font-weight: normal;
	color: #777777; 
	padding-left: 42px;
	margin-top: -12px;}
	
p, h6 {font-weight: normal;}
	
h6 {font-size: 8.5pt;
	color: #888888;}

p {font-size: 10pt;
	letter-spacing: .5pt;}
	
blockquote {font-size: 10pt;
	color: #cc99cc;
	letter-spacing: .5pt;}
	
li {list-style-type: none;
	line-height: 5em;}

a {color: #a62aa4;
	text-decoration: none;}

a:link {color: #a62aa4;}

a:visited {color: #555555;}

a:hover {color: #cc99cc;}

a:active {color: #ffffff;}

#header {padding:0;
	margin:0;}
	
#tagline {width: 448px;
	margin-left: 114px;
	margin-top: -180px;}
	
#navigation {width: 20%;
	height: 24em;
	position: absolute;
	top: 30em;
	left: 72%;
	text-align: right;
	border-top: 1px solid #eeb111;
	padding-top: 1em;}
	
#bodycontenthome {font-weight: normal;
	position: absolute;
	top: 19.6em;
	left: 13.55em;
	line-height: 250%;
	width:40%;
	height: 36em;
	padding-top: 5em;}
	
#bodycontent {font-weight: normal;
	position: absolute;
	top: 12.5em;
	left: 13.55em;
	padding-top: .4em;
	line-height: 135%;
	border-left: 1px solid #eeb111;
	width:45%;
	height: 36em;}

#footer1, #footer2 {position: absolute;
	top: 48em;
	left: 13.6em;}
	
#footer1 {letter-spacing: 3pt;}
	
#footer2 {letter-spacing: 8pt;}

#greybox {position: absolute;
	top: 0;
	left: 52.7em;
	background-color: #222022;
	width: 4.8em;
	height: 4.8em;
	}
	
#headshot {position: absolute;
	top: 4em;
	left: 57.5em; /*this is wrong but I haven't read up fully on positioning, so it will have to suffice. my intent here is to have this photo aligning right with the navigation box below*/}

.phone {color: #eeb111;
	border-top: 1px solid #eeb111;
	padding-top: 1em;}
	
.pageid {color: #222222;}