body        { color: #efefef; font: 12px/18px Verdana, sans-serif; margin: 0; padding: 0; }
body#index  { background: #1a1a1a url('/images/BG.jpg') 50% 0 no-repeat; }
body#about  { background: #1a1a1a url('/images/Background-about.jpg') 50% 0 no-repeat; }
body#about2 { background: #1a1a1a url('/images/Background-about2.jpg') 50% 0 no-repeat; }

#page   { margin: 0 auto; position: relative; width: 980px; }
.black  { background: transparent url('/images/transparent-grey.png'); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }


a { color: #fff; }

h1 { background: url('/images/logo.png') no-repeat; float: left; height: 207px; margin: 0 0 -65px -25px; width: 450px; text-indent: -999999px; }
h1 a { display: block; height: 207px; width: 450px; text-indent: -999999px; }
h2 { font: italic normal 18px Verdana, sans-serif; margin: 0; }
h3 { color: #9c3d5e; font: italic normal 30px Verdana, sans-serif; margin: 0 0 10px; }
h4 { color: #9c3d5e; font: italic normal 24px Verdana, sans-serif; margin: 0; }

#intro        { float: right; margin: 25px 0 0; padding: 2px 10px 4px; text-align: right; }
#social       { margin: 10px 0 0; }

#content { clear: both; float: left; margin: 64px 0 64px 20px; width: 564px; }

#theStoryContinues { background: url(/images/theStoryContinues.png); cursor: pointer; cursor: hand; display: block; font: italic 30px Verdana, sans-serif; height: 48px;  outline: none; padding: 0; position: absolute; left: 539px; top: 261px; text-decoration: none; text-indent: -999999px; width: 372px;}
#theStoryContinues:hover  { background-position: 0 -48px; }
#theStoryContinues:active { background-position: 0 -96px; }

#aside   { background: #fff url(/images/clouds.jpg) repeat-x; border: 4px solid #fff; color: #333; display: none; padding: 10px; position: absolute; top: 215px; left: 35px;  }
#aside p { margin: 0; font: italic 16px/24px Georgia, serif; }

#main         { background: transparent url('/images/transparent-grey.png'); clear:both; margin: 20px 0; padding: 20px; zoom: 1; }
#comingsoon   { float: left; width: 480px; }

#photos         { clear: both; height: 440px; position: relative; width: 980px; }
#steven         { float:left; margin: -142px 0 -82px 282px; }
#thumbnails     { position: absolute; bottom: 0; margin: 0; right: 0; text-align: right;}
#thumbnails div { float: right; margin: 0 0 8px 8px; padding: 8px; }

form          { float: left; margin: 0; padding: 0; width: 420px; }
form div      { clear: left; }
form label    { clear: left; display: block; float: left; font-weight: bold; margin: 10px 4px; width: 120px; }
form .text    { border: 1px solid #333; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; color: #ccc; font: 12px Verdana, sans-serif; float: left; margin: 5px 0 0; padding: 8px; width: 270px; }
form .submit  { clear: left; margin: 10px 0 0 130px; }

#footer       { clear: both; text-align: center; padding: 10px 0 20px; }

#main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}