img {border:0px;}
body{
margin: 0;
margin-top: 0;
padding: 0;
font: 80% Georgia, Times New Roman, Georgia, serif;
text-align: center;
color: #000;
background-color: black;
}
.title{
font: 180% Georgia, Times New Roman, Georgia, serif;
color: #fff;
background-image: url(../images/title_bg.gif);
line-height: 100%;
}
.title_end{
font: 180% Georgia, Times New Roman, Georgia, serif;
color: #fff;
background-image: url(../images/title_end.gif);
line-height: 100%;
}
.outer_container{
margin: 1em auto;
margin-top: 0;
width: 962px;
text-align: left;
}
.container{
margin: 1em auto;
margin-top: 0;
width: 962px;
text-align: left;
background-image: url(../images/paper_seamless.jpg);
}
.sign_up{
text-align: center;
width: 100px;
height: 233;
position: relative;
top: 64px;
left: 175px;
}
.header{
width: 962px;
height: 233px;
}
.header_left{
float: left;
width: 556px;
height: 233px;
background-image: url(../images/header_left.jpg);
}
.header_right{
float: left;
width: 406px;
height: 233px;
background-image: url(../images/header_right.jpg);
}
.battle_header_left{
float: left;
width: 556px;
height: 233px;
background-image: url(../images/battle_header_left.jpg);
}
.battle_header_right{
float: left;
width: 406px;
height: 233px;
background-image: url(../images/battle_header_right.jpg);
}
.main_content{
float: left;
width: 433px;
}
.empty_column{
float: left;
width: 32px;
}
.right_navigation{
float: left;
width: 433px;
}
.intro_box{
float: left;
width: 433px;
height: 220px;
}
.verticle_dots{
float: left;
width: 3px;
height: 220px;
background-image: url(../images/dots_vert.jpg);
}
.horizontal_dots{
min-height:3px;
height:auto;
float: left;
width: 427px;
height: 3px;
background-image: url(../images/dots_horiz.jpg);
background-repeat: no-repeat;
}
.intro_center{
float: left;
width: 427px;
height: 220px;
}
.intro_text{
position: relative;
top: 10px;
left: 10px;
float: left;
width: 407px;
height: 200px;
}
.battle_widget{
width: 433px;
height: 220px;
background-image: url(../images/spooks_battle_widget.jpg);
}
.comingsoon{
width: 400px;
height: 225px;
background-image: url(../images/comingsoon.jpg);
}
.comingsoon a{
    display:block;
width: 400px;
height: 225px;
}

.reissues{
float: left;
width: 175px;
height: 186px;
background-image: url(../images/reissues.gif);
}
.battle{
float: left;
width: 145px;
height: 198px;
background-image: url(../images/battle.gif);
}
.mistake{
float: left;
width: 139px;
height: 186px;
background-image: url(../images/mistake.gif);
}
.sacrifice{
float: left;
width: 145px;
height: 213px;
background-image: url(../images/sacrifice.gif);
}
.nightmare{
float: left;
width: 145px;
height: 250px;
background-image: url(../images/nightmare.gif);
background-repeat:no-repeat;
}
.tale{
float: left;
width: 145px;
height: 198px;
background-image: url(../images/tale.gif);
}
.spooks_online{
float: left;
width: 416px;
height: 178px;
background-image: url(../images/spooks_online.gif);
}
.film{
float: left;
width: 190px;
height: 176px;
background-image: url(../images/film.gif);
}
.author{
float: left;
width: 179px;
height: 138px;
background-image: url(../images/author.gif);
}
.textboxauthor{
position: relative;
left: 10px;
float: left;
width: 254px;
}
.textboxfilm{
float: left;
width: 243px;
}
.textboxbook1{
float: left;
width: 250px;
}
.textboxbook2{
float: left;
width: 250px;
}
.textboxspooksonline{
float: left;
width: 433px;
}
.footer{
float: left;
width: 962px;
height: 60px;
background-image: url(../images/footer.jpg);
}
.footerlinks{
float: left;
width: 962px;
height: 60px;
text-align: center;
}
.clear{
clear: both;
line-height: 0p;
}
.divider{
float: left;
width: 962px;
height: 3px;
min-height:3px;
height:auto;
background-image: url(../images/divider.gif);

}
.divider2{
float: left;
width: 962px;
height: 23px;
background-image: url(../images/divider2.gif);
}
a.white{
color: #fff;
text-decoration: none;
}
a.white:hover{
color: #fff;
text-decoration: underline;
}
a.red{
font: 100% Georgia, Times New Roman, Georgia, serif;
font-weight: bold;
color: #9c170b;
text-decoration: none;
}
a.red:hover{
font: 100% Georgia, Times New Roman, serif;
font-weight: bold;
color: #9c170b;
text-decoration: underline;
}

/* Registration */ 
    #register {padding:0px 40px 1em;color:#000;}
    #register .info {width:260px;float:left;margin-right:40px;}
    #register .form {width:560px;float:left;}
    
    #register .question, #register .privacy {clear:both;}
    #register fieldset {border:solid 0px #000;}
    #register input, select {float:left;margin:0 10px 5px 0;padding:0 2px;}
    #register label {width:125px;margin-right:13px;float:left;margin-bottom:5px;}
    #register label.checkbox {width:500px;}
    #register .input {width:250px;}

    #register select {width:135px;}
    #register select.day {width:45px;margin-right:10px;}
    #register select.month {width:45px;margin-right:10px;}
    #register select.year {width:55px;}

    #register input.submit {float:right;width:76px;padding:2px 0px;}
    #register .error {color:#ed145a;clear:both;}

    #register .uploads {padding:30px 0px 0px;clear:both;}
    #register .sounds {padding:18px 0px 0px;clear:both;position:relative;}
    #register .sounds #sound1 {position:absolute;left:83px;top:15px;width:35px;}
    #register .sounds #sound2 {position:absolute;left:253px;top:15px;width:35px;}
    #register .sounds #sound3 {position:absolute;left:421px;top:15px;width:35px;}
    #register .name {padding:28px 0px 0px;clear:both;}
    #register div.terms {padding:22px 0px 0px;clear:both;}
    #register div.terms label.terms {width:350px;}
    
    #register textarea {width:200px;height:50px;}
    
    #register {width:550px;position:relative;}
    #register .flashBattle {margin-bottom:25px;}
    #register textarea {width:470px;height:70px;}
    
    #register ul {padding-bottom:10px;}
    #register li {list-style:none;padding:2px;}
    
    
    div#terms {padding:0px 30px;}
    
    /* Forms */ 
        fieldset {border:solid 0px #000;}
        input, select {float:left;margin:0 10px 5px 0;padding:0 2px;}
        label {width:125px;margin-right:13px;float:left;margin-bottom:5px;}
        .input {width:104px;}
        
        select {width:135px;}
        select.day {width:45px;margin-right:10px;}
        select.month {width:45px;margin-right:10px;}
        select.year {width:55px;}
        
        input.submit {float:none;width:76px;padding:2px 0px;}

#battle {}
#battle .embed {margin-left:auto;margin-right:auto;background:#000 url(../Battle/embed-bg.jpg) no-repeat 0 0;width:576px;height:514px;padding:6px 0px 0px 7px;}