/* =========== Basics =========== */

div#firsttimerplate
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -275px 0 0 -275px;
    width: 548px;
    height: 556px;
    background-image: url(../Images/first-time-splash.gif);
}
div#firsttimerplate div
{
    width: 490px;
    margin: 30px;
    line-height: 18px;
    font-size: 13px;
}
div#firsttimerplate div #skull
{
    margin-left: 220px;
    margin-bottom: 15px;
}
div#firsttimerplate div #heystranger
{
    margin-left: 70px;
    margin-bottom: 5px;
}
div#preloader img
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -17px 0 0 -17px;
}
html
{
    font-size: 62.5%;
    height: 100%;
}
body
{
    font-family: Verdana, Arial;
    font-size: 1em;
    height: 100%;
    background-image: url(../Images/bg_01brown.gif);
    background-color: #000;
    color: #a08a19;
    letter-spacing: 0.1em;
    padding: 5px 0;
}
a
{
    color: #ff0000;
    text-decoration: none;
}
a:hover
{
    color: #fff;
}
input, textarea
{
    font-family: Verdana;
    font-size: 1em;
    background-color: #1f1814;
    border: 0;
    padding: 3px;
    color: #ffe86a;
    border: 1px solid #443832;
}
input.radiobutton, span.radiobutton input /*jävla skit .NET*/
{
    border: 0;
    background: none;
}
input.submit /* Counter input */
{
    background-color: Transparent;
}
div#content
{
    width: 790px;
    margin: 0 auto;
}
div#leftcolumn
{
    width: 430px;
    float: left;
}
div#rightcolumn
{
    width: 355px;
    float: left;
    margin: 11px 0 0 0;
}

.bold
{
    font-weight: bold;
}
img
{
    border: 0;
}
.darkgreen
{
    color: #53480d;
}
.footer
{
    color: #ffe86a;
    letter-spacing: normal;
    margin: 15px 0 30px 10px;
}
.headertext
{
    margin: 10px 0 0 10px;
    float: left;
}
.clear
{
    clear: both;
}

/* =========== Blocks Basics =========== */
.corner
{
    width: 6px;
    height: 6px;
}
.topLeft
{
    background-image: url(../Images/corner_top_left.gif);
    float: left;
}
.topRight
{
    background-image: url(../Images/corner_top_right.gif);
    float: left;
}
.bottomLeft
{
    background-image: url(../Images/corner_bottom_left.gif);
    float: left;
    clear: both;
}
.bottomRight
{
    background-image: url(../Images/corner_bottom_right.gif);
    float: left;
}


/* =========== Logo =========== */
div#logo
{
    height: 38px;
}

/* =========== Video =========== */
div#video
{
    height: 345px;
}
.cornerBlinking
{
    width: 11px;
    height: 10px;
}
.topLeftBlinking
{
    background-image: url(../Images/blinkframe_tl.gif);
    float: left;
}
.topRightBlinking
{
    background-image: url(../Images/blinkframe_tr.gif);
    float: left;
}
.topLeftBlinking
{
    background-image: url(../Images/blinkframe_tl.gif);
    float: left;
}
.bottomLeftBlinking
{
    background-image: url(../Images/blinkframe_bl.gif);
    float: left;
    clear: both;
}
.bottomRightBlinking
{
    background-image: url(../Images/blinkframe_br.gif);
    float: left;
}
div#video .blink_top
{
    background-color: #000;
    width: 400px;
    height: 10px;
    float: left;
    background-image: url(../Images/blinkframe_t.gif);
    background-repeat: repeat-x;
}
div#video .blink_bottom
{
    background-color: #000;
    width: 400px;
    height: 10px;
    float: left;
    background-image: url(../Images/blinkframe_b.gif);
    background-repeat: repeat-x;
}
div#video .blink_left
{
    background-color: #000;
    width: 11px;
    height: 326px;
    float: left;
    background-image: url(../Images/blinkframe_l.gif);
    background-repeat: repeat-y;
    clear: both;
}
div#video .blink_right
{
    background-color: #000;
    width: 11px;
    height: 326px;
    float: left;
    background-image: url(../Images/blinkframe_r.gif);
    background-repeat: repeat-y;
}

div#flashcontent
{
    background-color: #000;
    float: left; /*padding: 5px 0 5px 11px; */
    width: 400px;
    height: 326px;
}


/* =========== Guestbook ===========  */
div#guestbook
{
    width: 422px; /*float: left;*/
    padding: 9px 0 100px 0;
}
div#guestbook .block_middle
{
    background-color: #000;
    width: 410px;
    height: 6px;
    float: left;
}
div#guestbook img.heading
{
    margin: 8px 0 13px 15px;
    float: left;
}
div#guestbook #form
{
    display: none;
}
div#guestbook .content
{
    background-color: #000;
    clear: both;
    padding: 0 0 10px 0;
    height: 1%;
    position: relative; /*margin: -9px 0 0 0;*/ /*overflow: auto;*/
}
/* hide hack from Mac-IE5 \*/
/* html div#guestbook .content { height: 1%; border: 1px solid red; }*/
/* end hiding */
div#guestbook .content div.even
{
    background-color: #1f1814;
    padding: 10px 20px 10px 23px;
}
div#guestbook .content div.comment, div#guestbook .content div#form
{
    padding: 10px 20px 10px 23px;
}
div#guestbook .content a.btn_write img
{
    border: none;
}
div#guestbook .content a.btn_write
{
    position: absolute;
    top: 7px;
    right: 13px;
}
div#guestbook #tbGBName, div#guestbook #tbGBMessage
{
    width: 350px;
    overflow: auto;
}
div#guestbook_thanks
{
    display: none;
    padding: 10px 20px;
}
div#guestbook #btnAddComment
{
    float: right;
}
div#guestbook .text
{
    margin: 2px 0 4px 0;
}

/* =========== Language Flags =========== */

div#flags
{
    float: right;
    padding: 0 5px 3px 0;
}
div#flags img.arrow
{
    margin: 0 2px 3px 2px;
}
div#flags .currentlanguage
{
    position: relative;
    bottom: 7px;
}
/* =========== Episodes =========== */

div#episodes
{
    width: 350px; /*height: 566px;*/ /*float: right;*/
    clear: both;
    margin: 0 0 13px 0;
}
div#episodes .content
{
    background-color: #000;
    float: none;
    clear: both;
    padding: 0 0 10px 0; /*overflow: auto;*/
}
div#episodes .episodeLink a.even
{
    background-color: #1f1814;
}
div#episodes .episodeLink a
{
    display: block;
    padding: 10px 10px 10px 20px;
}
div#episodes img.heading
{
    margin: 7px 0 10px 12px;
    float: left;
}

/* ===========  Newsletter ============ */
div#newsletter
{
    width: 350px; /*float: right;*/
    margin: 10px 0 13px 0;
}
div#newsletter .content
{
    background-color: #000;
    float: none;
    clear: both;
    padding: 0 0 10px 10px; /*overflow: auto;*/
}
div#newsletter img.heading
{
    margin: 7px 0 5px 3px;
    float: left;
}
div#newsletter input.text
{
    margin: 2px 0 4px 0;
}
div#newsletter input.radiobutton
{
    width: auto;
    height: auto;
    background-color: Transparent;
    margin: 5px 0 -4px 5px;
}
div#newsletter .register
{
    float: right;
    cursor: pointer;
}
div#newsletter input.text
{
    margin: 2px 0 4px 0;
}
div#newsletter input.age
{
    width: 4em;
}
div#newsletter input#tbNewsletterName
{
    width: 23em;
}
div#newsletter input#tbNewsLetterEmail
{
    width: 30em;
}
div#newsletter div.content table
{
    margin: 0 0 0 10px;
}
div#newsletter div.content div#newsletterform_callback
{
    padding: 20px;
    display: none;
}
div#newsletter div.content div#newsletterform_callback_error, div#newsletter div.content div#newsletterform_callback_form_error
{
    padding: 10px 10px 10px 10px;
    display: none;
    border: 1px solid red;
    margin: 10px 20px 10px 10px;
}

/* ===========  ads ============ */
div.ad
{
    width: 350px; /*float: right;*/
    margin: 10px 0 0 0;
}
div.ad .content
{
    background-color: #000;
    float: none;
    clear: both;
    padding: 10px 0 5px 25px; /*overflow: auto;*/
}

/* ===========  Episodes & Newsletter & Ads ============ */
div#episodes .block_middle, div#newsletter .block_middle, div.ad .block_middle
{
    background-color: #000;
    width: 338px;
    height: 6px;
    float: left;
}