html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; -webkit-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style:none; }

@font-face {
  font-family: 'Condiment';
  font-style: normal;
  font-weight: 400;
  src: local('Condiment'), local('Condiment-Regular'), url(../fonts/Condiment.ttf);
}

body {
background:#000 url(../images/bg.jpg) no-repeat top center;
}

h1 {
font-family: Times, Serif;
font-size:22px;
text-align:center;
color:#d6cc91;
text-shadow:1px 1px 10px #000;
margin-top:20px;
text-transform:uppercase;
padding-left:20px;
}

h1 span {
font-size:200%;
}

h2 {
clear:both;
font-family: 'Condiment', cursive;
font-size:40px;
text-align:center;
color:#511e0f;
text-shadow:1px 1px #fff;
}


a, a img {
text-decoration:none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}

#header {
width:804px;
height:39px;
margin:0 auto 0;
background:url(../images/header-bg.png) no-repeat top center;
padding-top:151px;
}

#header .nav {
width:812px;
height:57px;
background:url(../images/nav-bg.png) no-repeat bottom;
border-radius:5px;
}

#header .nav ul {
padding:12px 0 0 20px;
}

#header .nav li {
float:left;
font-family: 'Condiment', cursive;
margin-right:20px;
}

#header .nav li a {
color:#e9d170;
text-shadow:1px 1px #000;
font-size:20px;
text-transform:uppercase;
}

#header .nav li a:hover {
color:#fff;
}

#content {
width:820px;
margin:0 auto 0;
min-height:790px;
}

#content .left {
float:left;
width:569px;
min-height:367px;
}

#content .right {
float:right;
}

#header .logo {
float:left;
width:403px;
height:186px;
}

#content .logo {
float:left;
width:403px;
height:186px;
}

#content .homepic {
float:left;
background:url(../images/bb-girl.png) no-repeat;
width:247px;
height:656px;
margin:-120px -60px 0 0;
}

#signup-form {
font-family:times, serif;
float:left;
width:573px;
height:313px;
background: url(../images/form-bg.png) no-repeat;
padding:20px 15px 15px 15px;
}

#signup-form ul.left {
float:left;
width:140px;
min-height:140px;
margin:40px 0 0 85px;
}

#signup-form .left li {
color:#cfc188;
text-shadow:1px 1px #000;
width:140px;
text-align:right;
font-size:16px;
background: rgba(0, 0, 0, .5);
margin:5px 0;
padding:3px 10px 3px 0px;
border-radius:5px;
text-transform:uppercase;
border:1px solid #cfc188;
box-shadow:0 0 10px #000;
}

#signup-form ul.right {
float:left;
width:270px;
height:140px;
margin:35px 0 0 20px;
}

#signup-form ul.right li {
text-align:left;
height:32px;
padding-top:10px;
color:#cfc188;
}

#content .create-profile {
float:left;
width:224px;
height:57px;
margin:0 0 0 140px;
background:url(../images/create-my-profile-hov.png) no-repeat;
}

#content .create-profile a img {
width:224px;
height:57px;
background:url(../images/create-my-profile.png) no-repeat;
}

#content .create-profile a:hover img {
width:224px;
height:57px;
background:url(../images/create-my-profile-hov.png) no-repeat;
}

#content .photostrip {
clear:both;
width:820px;
height:172px;
}

#content .photostrip li {
float:left;
width:204px;
height:206px;
}

#content .bottom {
font-family:times, serif;
float:left;
width:599px;
margin:0 auto 0;
margin-top:0px;
height:auto;
}

ul#bullet-points li {
color:#cfc188;
text-shadow:1px 1px #000;
text-align:center;
font-size:22px;
text-transform:uppercase;
padding:15px 0 8px 0;
background:url(../images/li-bg.png) no-repeat;
width:604px;
height:60px;
line-height:60%;
}

ul#bullet-points li span {
font-size:47%;
}

#footer {
clear:both;
font-family:times, serif;
width:820px;
margin:0 auto 0;
height:56px;
margin-top:10px;
padding:0;
color:#fff6c7;
}

#footer p {
text-align:center;
font-size:12px;
text-transform:uppercase;
text-shadow:1px 1px #000;
line-height:140%;
}

#footer p a {
color:#fff6c7;
}

#footer p a:hover {
color:#fff;
text-decoration:underline;
}