/* layoutstyles.css */ 

/* Universal style rule */ 
*{ 
/* Block all browser default margins and padding */ 
  margin: 0; 
  padding: 0; 
/* Temporary borders  
  border: dashed 1px #f00; */
}

body{
   background-color: #6a4d2f;
}

#wrapper{
  width: 40em; 
  background-color: #fff8dc;
  margin: 5px auto 0 auto; 
}

#branding{
   background-color: #8cb2c0; 
   position:relative;
   border-bottom:solid 2px #c0c0c0;
}

#branding img{
  display:block;
}

#branding a{
   position:absolute;
   text-decoration:none;
   color:#000;
   font-size: 0.8em;
   font-family:'Comic Sans MS', Cursive;
}

/* Unvisited and visited links in branding bar */
#branding a:link, #branding a:visited {
   color:#6a4d2f;
} 

/* Hover links in branding bar */
#branding a:hover{
  color:#fff;
}

/* Active link in branding bar */
#branding a:active{
  color:#fff;
}

#home {
  padding: 0 20px 0 20px;
}

#content {
  padding: 20px 40px 10px 40px;
}

/* contact page link */
#content a{
  color:#806659;
  text-decoration:none;
}

#content a:link, #content a:visited {
  color:#806659;
} 

#content a:hover{
  color:#9fb6cd;
}

#content a:active{
  color:##806659;
}



  .contacttext{
  font-family: 'Comic Sans MS', Cursive;
  color:#806659;
  text-align:center;
  font-size:0.8em;
}

  .storytext{
  font-family: 'Comic Sans MS', Cursive;
  color:#806659;
  font-size:0.8em;
  padding: 0 0 0 130px;
}

  .widecolumn{
  font-family: 'Comic Sans MS', Cursive;
  color:#806659;
  font-size:0.8em;
  padding: 0 0 0 230px;
}

  .othercolumn{
  font-family: 'Comic Sans MS', Cursive;
  color:#806659;
  font-size:0.8em;
  padding: 0 0 0 15px;
}

  h2{
  font-family: 'Comic Sans MS', Cursive;
  font-size: 1em;
  font-weight:normal;
  font-style:italic;
  font-variant:small-caps;
  color:#6a4d2f;

}

#footer{
  padding: 0;
  background-color: #6a4d2f;
  border-top:solid 2px #c0c0c0;
}