@import url(./reset.css);

/*
 * Site specific styles start here.
 */
 body {
  background:#fff;
  font-size:12px;
  font-family:  Helvetica, Verdana, Arial, sans-serif;
}

#mainBody {
  width: 887px;
  height: 590px;
  margin: 0 auto;
  border: 1px solid #999999;
  text-align: left;
  letter-spacing: .5px;
}

#header {
  margin: 0 auto;
  width: 887px;
  height: 67px;
  background-image:url(images/banner.gif);
}

#header h1 {
  font-size: 1px;
  position: absolute;
  margin-left: -5000px;
}

#menu {
  margin: 10px;
  padding: 5px;
  background-color: white;
  float:left;
  margin-left: -2px;
}

#menu a {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  letter-spacing:  1px;
  line-height: 2;
  text-decoration: none;
  color: #666666;
}

#menu li span {
  font-size: .8em;
}

#menu li span a {
  font-size: 12px;
  text-decoration: underline;
}

#homePage #homeLI a,
 #aboutPage #aboutLI a,
 #educationPage #educationLI a,
 #writerPage #writerLI a,
 #editorPage #editorLI a,
 #lesson-developerPage #lesson-developerLI a,
 #contactPage #contactLI a {
  color: #69b70c;
}

#maincontent {
  margin-top: 30px;
  margin-left: 250px;
  width: 569px;
  color: #666;
  background-color: transparent;
  padding: 0 15px;
  line-height: 1.4;
}
#writerPage #maincontent{
  line-height: 1.2;
}

#maincontent p {
  margin-bottom: 10px;
}

p a,
.link,
.link a {
  color: #09A7E9;
}

.link{
 font-size: .9em;
}

h2 {
  font-family: Georgia;
  color: #69b70c;
  font-size: 18px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: lowercase;
}

h2 span {
  font-size: .9em;
}

h3{
 font-size: 1.1em;
 color: black;
}

em{
 font-weight: bold;
 font-size: .9em;
}

#subContent{
  width: 410px;
  margin-left: 149px;
  padding-left: 30px;
 position: absolute;
 top: 640px;
 background-color: white;
}

#homePage #subContent {
 top: 0;
 padding-left: 0;
 margin-left: 0;
 background-color: transparent;
  position: relative;
  margin-top: 25px;
  padding-bottom: 30px;
}

#homePage #subContent img {
  float: left;
  margin-top: 10px;
}

#familyPic{
 margin-left: -155px;
 position: absolute;
 top: 240px;
 padding-bottom: 20px;
}

#homePage h2 {
  margin-left: 195px;
  color: #394FD8;
  font-size: 18px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

#homePage h2 span {
  font-size: 22px;
}

#homePage #subContent p {
  margin-left: 180px;
  width: 385px;
  padding: 0 15px;
  background-color: white;
}

#books {
  width: 887px;
  margin-left: -415px;
  position: absolute;
}

#books img {
  margin-left: 10px;
}

#testimonials {
  background-color: white;
  font-size: .9em;
  padding: 10px;
  width: 240px;
  margin-top: 200px;
 margin-left: -280px;
}

#testimonials .title{
 font-size: 1em; 
 color: black;
 display: block;
}

#testimonials p {
  margin-bottom: 15px;
}

.title {
  font-size: .8em;
  text-indent: -20px;
  padding-left: 30px;
}


#bookCover{
 float: left;
 margin-top: -168px;
 margin-left: -190px;
 margin-right: 10px;
}

#sub2{
  margin-top: 160px;
}

#dragonfly{
 float: left;
 width: 350px;
 margin-left: -400px;
 margin-bottom: 20px;
}

#editorPage #testimonials{
  margin-top: 430px;
}

#educationPage #maincontent p,
#lesson-developerPage #maincontent p{
  width: 420px;
}
#lesson-developerPage #subContent,
#lesson-developerPage #subContent p{
  width: 300px;
}
#lesson-developerPage blockquote{
 margin-left: 20px;
}

#contactPage p{
 font-size: 1.1em;
}

#p1{
  width: 400px;
}
#p2{
  width: 220px;
  float:left;
}

#trees{
float:right;
margin-top: 20px;
}
#contactPage #subContent{
 margin-top: 20px;
 float: right;
 margin-left: 183px;
 text-align: right;
 font-size: .9em;
 font-weight: bold;
 color: #999;
}
#educationPage #subContent img{
  float:left;
  margin-top: 20px;
  margin-left: -400px;
}