/*EFFECTS EVERYTHING*/

* {
  padding: 0px;
  margin: 0px;
}



/*THIS ZEROS OUT BROWSER DEFAULTS SO PAGE WILL LOOK THE SAME ON ALL BROWSERS*/
html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
}  


/*DEFAULTS*/

body {
 background-image: url(../images/jekyllhyde.jpg);
 background-repeat: no-repeat;
 background-position: left top;
 background-color: #FA8072;
 font-family: Verdana;
 font-size: 100%;
 text-align: center; /*DON'T CHANGE THIS!!! Combined with #layout below it makes the page centered in screen 
   but text is left-aligned by default*/
 color: #000000;
 font-weight: normal;

}

menu {
    font-weight: bold;}

/*body, div, figure, article, section, footer, p, h1 {float: left;}*/
/*something in above line prevented all from centering on screen via #layout*/

ul,li,a {
  text-decoration: none;
}

p {font-size: 1.0em; margin: 20px 40px 20px 20px;}

h1 {font-size: 1.2em; margin: 15px 0 15px 0;}

p, h2 { text-align: left;}

#layout{
   width: 750px;
   display: block;
   margin-left: auto;
   margin-right: auto;
   text-align: left; 
}
  
.horiz-ctr {
  display: block; margin-left: auto; margin-right: auto;
} 

.longquote {
    width: 650px;
    padding-left: 35px;
    font-weight: normal;
    font-style: italic;
    font-family: arial;
    font-size: .8em;
}

.rightshift {
    margin: 20px 20px 20px 270px;
}