/*
Theme Name: Carrie Harris Monster Prom
Author: Manning Krull
Author URI: http://www.manningkrull.com
*/


body {
  margin: 0px;
  padding: 4px 0px 10px 0px;
  background-color: #000;
  text-align: center;
  font-family: georgia;
  font-size: 15px;
  word-spacing: 1px;
}
img {
  border: 0px;
}
a {
  color: #ffa1e4;
}
h1, h1 a {
  color: #d3ff86;
  font-size: 25px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: #26112b 2px 2px 2px;
  margin-bottom: 24px;
  word-spacing: 3px;
  text-decoration: none;
}
h2, h2 a {
  color: #ffa1e4;
  font-size: 21px;
  font-weight: normal;
  letter-spacing: 1px;
  text-shadow: #26112b 2px 2px 2px;
  word-spacing: 2px;
  text-decoration: none;
}
h3, h3 a {
  color: #ffa1e4;
  font-size: 17px;
  font-weight: normal;
  text-shadow: #26112b 2px 2px 2px;
  word-spacing: 1px;
  text-decoration: none;
}
p {
  font-size: 15px;
  line-height: 21px;
  padding-bottom: 5px;
  word-spacing: 1px;
}



/* ****************************** home styles ****************************** */
#h_container {
  width: 980px;
  margin: 0px auto 0px auto;
}
#h_top {
  width: 979px; 
  height: 258px;
}
.h_logo {
  width: 979px; 
  height: 258px;
}
#h_prom {
  width: 979px; 
  height: 536px;
}
#h_prom_img {
  width: 979px; 
  height: 536px;
}
#h_nav {
  width: 980px; 
  height: 42px;
}
.hnavbutton {
  display: block;
  height: 42px;
  float: left;
}
#hnavbutton1 {
  width: 154px;
  background: url('images/hn1.jpg');
}
#hnavbutton2 {
  width: 85px;
  background: url('images/hn2.jpg');
}
#hnavbutton3 {
  width: 107px;
  background: url('images/hn3.jpg');
}
#hnavbutton4 {
  width: 194px;
  background: url('images/hn4.jpg');
}
#hnavbutton5 {
  width: 186px;
  background: url('images/hn5.jpg');
}
#hnavbutton6 {
  width: 170px;
  background: url('images/hn6.jpg');
}
#hnavbutton7 {
  width: 84px;
  background: url('images/hn7.jpg');
}
#hnavbutton1:hover, #hnavbutton2:hover, #hnavbutton3:hover, #hnavbutton4:hover, #hnavbutton5:hover, #hnavbutton6:hover, #hnavbutton7:hover { 
  background-position: 0 -42px;
}
#hnavbutton1 span, #hnavbutton2 span, #hnavbutton3 span, #hnavbutton4 span, #hnavbutton5 span, #hnavbutton6 span, #hnavbutton7 span {
  display: none;
}

#h_footer {
  width: 980px;
  text-align: center;
  font-size: 11px;
  color: #ffa1e4;
  padding: 18px 0px 6px 0px;
}
#h_footer a {
  color: #ffd0f2;
}

/* ****************************** ****************************** */

#container {
  width: 968px;
  margin: 0px auto 0px auto;
  position: relative;
  left: 2px;
}
#nav {
  width: 978px; 
  height: 46px; 
  margin: 0px auto 0px auto;
}
.navbutton {
  display: block;
  height: 46px;
  float: left;
}
#navbutton1 {
  width: 154px;
  background: url('images/n1.jpg');
}
#navbutton2 {
  width: 85px;
  background: url('images/n2.jpg');
}
#navbutton3 {
  width: 107px;
  background: url('images/n3.jpg');
}
#navbutton4 {
  width: 194px;
  background: url('images/n4.jpg');
}
#navbutton5 {
  width: 186px;
  background: url('images/n5.jpg');
}
#navbutton6 {
  width: 170px;
  background: url('images/n6.jpg');
}
#navbutton7 {
  width: 82px;
  background: url('images/n7.jpg');
}

#navbutton1a {
  width: 154px;
  background: url('images/n1.jpg');
  background-position: 0 -46px;
}
#navbutton2a {
  width: 85px;
  background: url('images/n2.jpg');
  background-position: 0 -46px;
}
#navbutton3a {
  width: 107px;
  background: url('images/n3.jpg');
  background-position: 0 -46px;
}
#navbutton4a {
  width: 194px;
  background: url('images/n4.jpg');
  background-position: 0 -46px;
}
#navbutton5a {
  width: 186px;
  background: url('images/n5.jpg');
  background-position: 0 -46px;
}
#navbutton6a {
  width: 170px;
  background: url('images/n6.jpg');
  background-position: 0 -46px;
}
#navbutton7a {
  width: 82px;
  background: url('images/n7.jpg');
  background-position: 0 -46px;
}

#navbutton1:hover, #navbutton2:hover, #navbutton3:hover, #navbutton4:hover, #navbutton5:hover, #navbutton6:hover, #navbutton7:hover { 
  background-position: 0 -46px;
}

#navbutton1 span, #navbutton2 span, #navbutton3 span, #navbutton4 span, #navbutton5 span, #navbutton6 span, #navbutton7 span {
  display: none;
}

#navbutton1a span, #navbutton2a span, #navbutton3a span, #navbutton4a span, #navbutton5a span, #navbutton6a span, #navbutton7a span {
  display: none;
}


#bg1 {
  width: 967px;
  background-image: url('images/main_bg.jpg');
  background-repeat: repeat-y;
}
#bg2 {
  width: 967px;
  background-image: url('images/gradient1.png');
  background-repeat: no-repeat;
  background-position: top left;
}
#bg3 {
  width: 967px;
  background-image: url('images/gradient2.png');
  background-repeat: no-repeat;
  background-position: bottom right;
  text-align: left;
  padding-top: 20px;
}
.contentdiv {
  margin: 0px 0px 0px 44px; 
  padding: 1px 64px 64px 20px; 
  text-align: left; 
  color: #fff; 
  background-image: url('images/h1_bg.png'); 
  background-repeat: no-repeat;
}

.clearboth {
  clear: both;
}
#footer {
  width: 967px;
  height: 27px;
  font-size: 11px;
  line-height: 17px;
  background-image: url('images/footer.png');
  background-repeat: no-repeat;
  text-align: center;
  color: #ffa1e4;
}
#footer a {
  color: #ffd0f2;
}

.question {
  color: #d3ff86;
  font-weight: bold;
  font-size: 18px;
  font-style: italic;
}
.answer {
  margin-left: 30px;
}
.green {
  color: #d3ff86;
}
.pink {
  color: #ffa1e4;
}



.alignleft {
  float: left;
  margin: 5px 20px 20px 0px;
}
.alignright {
  float: right
  margin: 5px 0px 20px 20px;
}
.alignmiddle {
  float: center;
}
.aligncenter {
  float: center;
}