/* Start of CMSMS style sheet 'peggysreality.css' */
/*
--------------------------------------------
peggysreality.com screen style
author:   chris miller
version:  0.2
-------------------------------------------- */

body {
  font: 18px Arial, sans-serif;  
  text-align: center; 
  color: #330000;
  margin: 40px auto;
  background-color: #330000;
}

img {
  border:0;
}

p {
  margin: 0;
  padding: 0;
}

/* ----------Structure---------------------- */

#wrapper {
  margin: 0 auto;
  width: 712px;  
  text-align: center;
}

#header-nav {
  width: 712px;
  margin: 0px auto;
  padding:0;
  border:0;
  text-align: center;
  height: 50px;
}

#header-nav ul {
  width: 712px;
  margin: 0;
  padding: 0;
  height: 50x;
}
#header-nav ul li {
  text-align: center;
  list-style-type: none;

  height: 50px;
  float: left;
}

#content {
  display:block;
  width: 712px;
  height: 386px;
  background-color: #FF99CC;
}

#footer-nav {
  width: 712px;  
  height: 50px;
  margin: 0px auto;
  padding:0;
  border:0;
  text-align: center;

}
#footer-nav ul {
  width: 712px;  
  height: 50px;
  margin: 0;
  padding: 0;

}
#footer-nav ul li {
  list-style-type: none;

  height: 50px;
  float: left;
}

a.nav {
  font: 20px/2.5em Arial, sans-serif;
  color: #FF99CC;
  text-decoration: none;
  
}

a:hover {
  color: #FFFFCC;
}

.home { padding: 0 52px 0 48px; }
.reel { padding: 0 52px 0 52px; }
.moviesets { padding: 0 52px 0 52px; }
.animation { padding: 0 47px 0 52px; }
.resume { padding: 0 112px 0 48px; }
.contact { padding: 0 112px 0 112px; }
.blog { padding: 0 47px 0 112px; }

/* -- page specific -------------------------*/

#landing {
  padding-top: 75px;
  margin-left: 40px;
  width: 624px;
  height: 218px;
}

#landing img {
  float: left;
}

#landing ul {
  margin: 0;
  padding: 0;
  float: right;
  list-style-type: none;
}

#reel {
  overflow: hidden;
  margin: 10px 0 0 50px;

}
#reel ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#reel li {
  width: 325px;
  float: left;
  text-align: left;
}
#reel a {
  color: #330000;
  font: 20px/2em Arial, sans-serif;
}
#reel a:hover {
  color: #FFFFCC;
}
#reel p {
  padding: 5px 0 10px 0;
}

#moviesets {
  padding: 7px 50px 0 50px;
}

#moviesets img {
  margin: 6px 6px 0 0;
}

#animation {
  padding-top: 64px;
}

#animation img {
  margin: 0 13px 0 13px;
}
#animationplayer {
  padding-top: 43px;
}
#resume {
  padding-top: 150px;
}
#resume a {
  color: #330000;
}
#resume a:hover {
  color: #FFFFCC;
}
/* End of 'peggysreality.css' */