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);
}
.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);
}
.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);
}
.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);
}
.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;
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;}
    #register .name {padding:28px 0px 0px;clear:both;}
    #register div.terms {padding:22px 0px 0px;clear:both;}
    #register div.terms label.terms {width:350px;}
    
    div#terms {padding:0px 30px;}
    
.home_link {
display:block;
height:100%;
}
