/* ====================== */
/* ===== Tag Styles ===== */
/* ====================== */

* {
    font-family:helvetica, arial, sans-serif;
    font-size:11px;
    color:#eee;
    line-height:16px;
    border:0;
    padding:0;
    margin:0;
}

body {
    background-image:url(episode_1_flyer_background.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    background-color:#000;
}

h3 {
    font-size:13px;
    color:#cc3333;
}

p {
    margin-bottom:15px;
}

a {
    color:#cc3333;
}



/* ======================= */
/* ===== Form Styles ===== */
/* ======================= */

form {
    margin-top:0;
    padding:0;
    margin-bottom:20px;
}
input[type=text] {
    background:#333;
    border:6px solid #333;
    width:290px;
}

input[type=submit] {
    color:#cc3333;
    background:none;
    height:30px;
    border:none;
    width:90px;
}



/* =================-===== */
/* ===== Misc Styles ===== */
/* ================-====== */
#content {
    width:400px;
    position:absolute;
    left:50%;
    top:240px;
    margin-left:-200px;
    padding-bottom:100px;
    text-align:justify;
}

.message {
    background-color:#400;
    padding:6px 10px;
    margin-bottom:25px;
    margin-top:-10px;
}

p.code {
    width:100%;
    background-color:#222;
    padding:10px;
    font-size:10px;
    text-align:left;
}

.hide {
    display:none;
}

#footer {
    margin-top:15px;
}