/*
CSS for Cute Baby Poems
*/

body { 
  font-size: small;
  font-family: Arial, Helvetica, sans-serif; 
  background-image: url(backgrounds/background2.gif);
  margin-left: 10%; 
  margin-right: 10%; 
  }

* html body {
  font-size: x-small; /* for IE5/Win */
  f\ont-size: small; /* for other IE versions */
  }
h1 {
  font-size: 150%; 
  }
h2 {
  font-size: 130%;
  }
h3 {
  font-size: 120%; 
  }
ul li {
  font-size: 90%; 
  }
.note {
  font-size: 85%; 
  }




#wrapper {
  max-width: 1400px; 
  min-width: 200px; 
  background-color: #FFFFFF;
  border-width: 20px; 
  border-style: ridge; 
  border-color: #58c7ff;  
  }



#header { 
  background: #FFFFFF;
  height: 11em;
}


#header #right-bg {
  background: url(backgrounds/headerright.jpg) right no-repeat; 
  height: 100%; 
  width: 100%; 
  }

#header #left-bg {
  background: url(backgrounds/headerleft2.jpg) left no-repeat; 
  height: 100%;
  width: 100%; 
  }


#main-body {
  float: left; 
  width: 70%; 
  }

#bodycontent {
  float: right; 
  width: 70%; 
  background-color: #FFFFFF;
}

#bodycontent h1 {
  color: #DF004F;
  text-align: center; 
  margin-top: 0em;
  padding-top: 1em;
}  


#bodycontent p {
  padding: 0.5em 1em 0.5em 1em; 
  line-height: 1.2; 
} 


#navigation {
  float: left; 
  width: 30%; 
  background-color: #FFFFFF;
  margin-bottom: 2em;
} 

#navigation ul {
  list-style: none; 
  margin: 0; 
  padding: 0; 
  margin-left: 1em;
  padding-top: 1em;
  width: 70%;
}

#navigation li {
  margin: 0.5em 0.5em 0.5em 0.2em;
}


#navigation a:link {
  margin-right: 0.2em;
  padding: 0.6em 0.6em 0.6em 0.6em;
  color: #FFFFFF;
  background-color: #f16d83;
  text-decoration: none; 
  border-top: 2px solid #FFFFFF; 
  border-left: 2px solid #FFFFFF; 
  border-bottom: 2px solid #717171; 
  border-right: 2px solid #717171; 
  display: block;
}

#navigation a:visited {
  margin-right: 0.2em;
  padding: 0.6em 0.6em 0.6em 0.6em;
  color: #FFFFFF;
  background-color: #0099CC;
  text-decoration: none; 
  border-top: 2px solid #FFFFFF; 
  border-left: 2px solid #FFFFFF; 
  border-bottom: 2px solid #717171; 
  border-right: 2px solid #717171; 
  display: block;
}

#navigation li a:hover {
  border-top: 2px solid #717171; 
  border-left: 2px solid #717171; 
  border-bottom: 2px solid #FFFFFF; 
  border-right: 2px solid #FFFFFF; 
}

#navigation li a:hover {
  background-color: #39BBE6;
  color: #FFFFFF;
}



#rightbar {
  float: right; 
  width: 25%; 
  height: 30em;
  margin-top: 3em;
  margin-left: 5%;
  background: #FFFFFF url(backgrounds/babybook2.jpg) no-repeat;
  }

.twitter {
  text-align: right;
  margin-right: 2em;
}

img  {
  border-style: none;
}


.poem { 
  text-align: center;
  color: #03426A;
}

.centered {
  text-align: center;
}


#footer {
 clear: both; 
 font-size: 80%; 
 padding: 1em 0 1em 0; 
 text-align: center; 
 color: #999999;
 background-color: transparent;  
}

a {
  font-weight: bold; 
}

.validator {
  text-align: right; 
  }