/*the following prepared style rules determine colors, fonts, layout, and text wrap around the image in the content area*/


body {
	background: url(images/blackpattern.gif) fixed;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 2em;
}

#container {
	position: absolute;
	left: 530px;
	top: 1px;
	right: auto;
	margin-left: -400px;
	width: 800px;
	clear: both;
	background: url(images/darkpaper.gif);
	border-left: none;
	border-right: solid none;
	background-color: #F9F9F9;
	height: inherit;
}
#content {
	margin: 0 2em 2em 15em;
	background: url(images/darkpaper.gif);
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
}
#content img {
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
	padding-right: 5px;
	}
#nav {
	position: absolute;
	top: 232px;
	left: 35px;
	background: url(images/darknav.jpg);
	background-repeat:no-repeat;
	width: 160px;
	height: 362px;
	padding: 80px 0px 0px 0;
}

#nav ul {
	width: 150px;
	list-style-image: url(images/bulletflower.gif);
	font-variant: small-caps;
}

#vert {
    position: absolute;
	top: 440px;
	left: 15px;
	width: 150px;
	background-color: #989802;
	padding: 20px 20 30 40;
	height: 70px;
}

/*start writing the new style rules below this comment*/

#siteName {
    width: 800px;
	height: 222px;
	
}

#siteName h1 {
    display: block;
	font-style: normal;
	margin: 0;
	padding: 0;
	height: 222px;
    color: #CC9900;
    text-align: right;
    background-image: url(images/queenie_shortheader3.jpg); 
	no-repeat: bottom;
}
h2 {
  font-size: 1.7em;
  }
h3 {
  font-size: 1.5em;
   }
   
   .pageName {
    background: url(images/headingsmear.gif);
	background-repeat: no-repeat;
	padding-left: 1em;
	color: #FFF;
	font-variant: small-caps;
	 
	}
	
.feature {
	padding-left: 0em;
	color: #FF3333;
	font-variant: small-caps;
}

.extra {
  background: url(images/flower.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 1em;
  color: #FF3333;
  font-variant: small-caps;
}
	  
#signup {
	position: absolute;
	top: 653px;
	left: 23px;
	width: 160px;
	height: 200px;
	padding: 80px 0px 0px 0;
	border: thin none;
	vertical-align: top;
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-size: x-small;
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	margin: 0px;
}
.luna {
	position: absolute;
	top: 232px;
	left: 35px;
	background: url(images/lunanimated.gif);
	background-repeat:no-repeat;
	width: 150px;
	height: 222px;
	padding: 80px 0px 0px 0;
}

#iframe {
	position: absolute;
	top: 205px;
	left: 75px;
	padding: 80px 0px 0px 0;
	border: thin none;
}