@charset "utf-8";

/* Global defaults */

html {
    background-color:rgb(245,245,245);
}

body {
    position:absolute;
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    color:rgb(0,0,0);
    background-color:rgb(245,245,245);
    font:normal 11pt Verdana, Tahoma, sans-serif;
}

div {
    position:relative;
    overflow:hidden;
    margin:0;
    padding:0;
    border:0 none;
}

img {
    margin:0;
    padding:0;
    border:0 none;
    vertical-align:top;
}

a {
    margin:0;
    padding:0;
    color:rgb(228,33,43);
    background-color:transparent;
    text-decoration:none;
}

a:focus,
a:active,
a:hover {
    color:rgb(255,255,255);
    background-color:rgb(228,33,43);
}

a.img,
a.img:focus,
a.img:active,
a.img:hover  {
    background-color:transparent;
}

p.error a {
    color:rgb(255,0,0);
}

p.error a:active,
p.error a:hover {
    background-color:rgb(255,0,0);
    color:rgb(255,255,255);
}

h1 {
    font:bold 14pt Helvetica, 'Helvetica LT Std', Tahoma, Verdana, Sans-serif;
}

h2 {
    font:normal 12pt Helvetica, 'Helvetica LT Std', Tahoma, Verdana, Sans-serif;
}

h3 {
    font:normal 10pt Helvetica, 'Helvetica LT Std', Tahoma, Verdana, Sans-serif;
}

sub,
sup {
    font-size:7pt;
}

sup {
    vertical-align:top;
}

sub {
    line-height:0;
}

.bold {
    font-weight:bold;
}

.italic {
    font-style:italic;
}

.normal {
    font-style:normal;
    font-weight:normal;
}

.right {
    text-align:right;
}

.small {
    font-size:8pt;
}

.light {
    color:rgb(180,180,180);
}

.clear {
    visibility:hidden;
    clear:both;
    height:0;
}

.border {
    border:1px solid;
    padding:6px;
}

/* Content box */

div#spacer_content {
    position:absolute;
    overflow:visible;
    height:100%;
    left:20px;
    width:660px;
    background-color:rgb(228,33,43);
}

div#container {
    position:absolute;
    overflow:visible;
    height:100%;
    width:100%;
}

div#content {
    position:relative;
    overflow:hidden;
    left:20px;
    top:0;
    width:660px;
    background-color:rgb(255,255,255);
}

div#content_inner {
    overflow:hidden;
    margin-left:20px;
    width:640px;
    padding:10px 0 14px 0;
}

div#bg_image {
    position:fixed;
    overflow:visible;
    height:100%;
    width:100%;
    background:url('/resources/images/kastanie.png') 680px bottom no-repeat;
}

div#content_inner a {
    font-weight:bold;
}

div#content_inner h1,
div#content_inner h2,
div#content_inner p,
div#content_inner ul,
div#content_inner li {
    position:relative;
    margin:0 20px 0 0;
    padding:0;
}

div#content_inner p.border {
    padding:4px;
}

div#content_inner div.grief {
    margin:0 20px 0 0;
}

div#content_inner div.grief_inner {
    color:rgb(255,255,255);
    background-color:rgb(12,12,12);
    padding:10px;
}

div#content_inner p.subscriber {
    font-style:italic;
}

div#content_inner h1 {
    clear:both;
    margin-top:20px;
}

div#content_inner h2 {
    clear:both;
    margin-top:20px;
    font:bold 12pt Helvetica, 'Helvetica LT Std', Tahoma, Verdana, Sans-serif;
}

div#content_inner h3 {
    clear:both;
    margin-top:10px;
    font:bold 10pt Helvetica, 'Helvetica LT Std', Tahoma, Verdana, Sans-serif;
}

div#content_inner h2.sub {
    margin-top:4px;
}

div#content_inner ul {
    margin-left:16px;
    list-style-type:square;
}

div#content_inner p,
div#content_inner li {
    margin-top:10px;
/*    line-height:1.25em; */
}

div#content_inner div.sep {
    height:1px;
    margin:16px 20px 16px 0;
    padding:0;
    background-color:rgb(228,33,43);
}

div#content_inner div.container_img,
div#content_inner div.container_img_float,
div#content_inner div.container_img_shadow,
div#content_inner div.container_img_shadow_float {
    position:relative;
    overflow:visible;
    float:left;
}

div#content_inner div.container_img_float,
div#content_inner div.container_img_shadow_float {
    float:left;
}

div#content_inner div.container_img,
div#content_inner div.container_img_float {
    margin:14px 0 0 0;
}

div#content_inner div.container_img_shadow,
div#content_inner div.container_img_shadow_float {
    margin:14px 16px 10px 0;
    padding-right:4px;
}

div#content_inner div.caption_img {
    position:relative;
    overflow:hidden;
    clear:both;
    margin:0;
    padding-top:6px;
    text-align:right;
    font-size:8pt;
}

div#content_inner div.img {
    position:relative;
    overflow:visible;
    float:left;
    clear:both;
    padding:0;
    background-color:rgb(220,220,220);
}

div#content_inner div.container_img_shadow div.img,
div#content_inner div.container_img_shadow_float div.img {
    left:4px;
    top:4px;
}

div#content_inner div.img img {
    display:block;
    position:relative;
    overflow:visible;
    margin:0;
    padding:0;
    vertical-align:top;
}

div#content_inner div.container_img_shadow div.img img,
div#content_inner div.container_img_shadow_float div.img img {
    left:-4px;
    top:-4px;
    border:1px solid rgb(0,0,0);
}

/* Table */

div#content_inner table {
    margin:20px 20px 16px 0;
    border-collapse:collapse;
    background-color:rgb(240,240,240);
}

div#content_inner table img {
    padding-top:2px;
    border:0 none;
}

div#content_inner th,
div#content_inner td {
    padding:2px 4px;
    border:1px solid rgb(255,255,255);
    text-align:left;
    vertical-align:top;
}

/* Forms */

div#content_inner form {
    margin-bottom:0;
}

div#content_inner div.form {
    overflow:hidden;
    clear:both;
    margin:16px 0 0 0;
    padding:0;
}

div#content_inner div.formfloat {
    overflow:hidden;
    float:left;
    width:auto;
    margin:0 10px 0 0;
    padding:0;
}

div#content_inner div.form p,
div#content_inner div.formfloat p {
    overflow:hidden;
    width:auto;
    margin:0;
    padding:0;
}

div#content_inner div.form p.error,
div#content_inner div.formfloat p.error {
    color:rgb(255,0,0);
    border-color:rgb(255,0,0);
}

div#content_inner div.form input,
div#content_inner div.formfloat input,
div#content_inner div.form textarea,
div#content_inner div.formfloat textarea,
div#content_inner div.form select,
div#content_inner div.formfloat select {
    margin:0;
    padding:0;
}

div#content_inner div.form input.error,
div#content_inner div.formfloat input.error,
div#content_inner div.form textarea.error,
div#content_inner div.formfloat textarea.error,
div#content_inner div.form select.error,
div#content_inner div.formfloat select.error {
    background-color:rgb(255,205,205);
    border-color:rgb(255,0,0);
}

div#content_inner div.form .field,
div#content_inner div.formfloat .field {
    overflow:auto;
    width:300px;
    margin:0;
    padding:0 2px;
    color:rgb(0,0,0);
    border:1px solid rgb(0,0,0);
    font:normal 12pt Helvetica,sans-serif;
}

div#content_inner div.form select.field,
div#content_inner div.formfloat select.field {
    padding:0 0 0 2px;
    border-right:0 none;
}

div#content_inner div.form .check,
div#content_inner div.formfloat .check {
    width:auto;
    padding:0;
    border:0 none;
}

div#content_inner div.form p.error,
div#content_inner div.formfloat p.error {
    color:rgb(255,0,0);
    border-color:rgb(255,0,0);
}

div#content_inner div.w685 {
    width:684px;
}

div#content_inner div.form .w670,
div#content_inner div.formfloat .w670 {
    width:669px;
}

div#content_inner div.form .w200,
div#content_inner div.formfloat .w200 {
    width:199px;
}

div#content_inner div.form .w205,
div#content_inner div.formfloat .w205 {
    width:204px;
}

div#content_inner div.form .w80,
div#content_inner div.formfloat .w80 {
    width:79px;
}

div#content_inner div.form .wauto,
div#content_inner div.formfloat .wauto {
    width:auto;
}

div#content_inner div.form .w35,
div#content_inner div.formfloat .w35 {
    width:34px;
}

div#content_inner div.form .button,
div#content_inner div.formfloat .button {
    height:30px;
    padding:0 2px;
    border:none;
    line-height:30px;
    vertical-align:bottom;
    cursor:pointer;
    background-color:rgb(240,240,240);
}

div#content_inner div.form .right,
div#content_inner div.formfloat .right {
    text-align:right;
    right:0;
}

div#content_inner div.form .grey,
div#content_inner div.formfloat .grey {
    background-color:rgb(240,240,240);
}

div#content_inner div.insert {
    margin:16px 0;
    padding:4px;
    background-color:rgb(240,240,240);
}

/* Menubar */

div#head {
    position:relative;
    overflow:hidden;
    top:0;
    left:0;
    width:100%;
    margin:0;
    padding:0;
    color:rgb(255,255,255);
/*    background-color:rgb(228,33,43); */
    background-color:rgb(228,33,43);
    line-height:0;
}

div#head a,
div#head a:hover {
    display:block;
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    width:100%;
/*    height:276px; */
    background:transparent url('/resources/images/blank.png');
}

div#head div#title a {
    display:inline;
    position:static;
    overflow:hidden;
    color:rgb(255,255,255);
    height:auto;
}

div#title {
/*    height:126px; */
    margin:10px 20px 10px 0;
    padding:0;
    text-align:right;
}

div#title h1,
div#title h2 {
    margin:0;
    padding:0;
}

div#title h1 {
    font:bold 22pt Helvetica, 'Helvetica LT Std', Tahoma, Verdana, Sans-serif;
}

div#title h2 {
    font:normal 16pt Helvetica, 'Helvetica LT Std', Tahoma, Verdana, Sans-serif;
}

div#imagebar {
    width:100%;
    height:120px;
    margin:0;
    padding:0;
    background:transparent url('/resources/images/image_bar.png') left top no-repeat;
}

div#comic {
    position:absolute;
    top:0;
    left:0;
/*    width:276px; */
/*    height:284px; */
    background:transparent url('/resources/images/squirrel.gif') left top no-repeat;
}

div#container_menubar {
    position:relative;
    overflow:hidden;
    left:0;
    top:0;
    width:100%;
    margin:0;
    padding:0;
    color:rgb(255,255,255);
    border-bottom:rgb(228,33,43) 1px solid;
    background-color:rgb(228,33,43);
}

div.menubar,
div.menubar_element {
    overflow:visible;
    float:left;
    margin:0;
    padding:0;
    color:rgb(255,255,255);
    background-color:rgb(128,128,128);
    text-align:left;
}

div.menubar a,
div.menubar_element {
    margin:0;
    padding:6px 14px 6px 14px;
    color:rgb(255,255,255);
    font:bold 14px Helvetica, 'Helvetica LT Std', Tahoma, Verdana, Sans-serif;
    line-height:16px;
    border-right:1px solid;
}

div.menubar_element {
    background-color:rgb(128,128,128);
}

div.menubar a {
    display:block;
    background-color:rgb(228,33,43);
}

.border_left {
/*    border-left:1px solid; */
}

div.menubar a:hover {
    color:rgb(228,33,43);
    background-color:rgb(255,255,255);
    border-right:rgb(228,33,43) 1px solid;
}

div#bottom {
    position:relative;
    overflow:hidden;
    top:0;
    left:0;
    width:100%;
    height:20px;
    margin:0;
    padding:0;
    color:rgb(255,255,255);
    background:rgb(228,33,43);
}

div#bottom a,
div#bottom div#bottom_element {
    display:block;
    position:absolute;
    overflow:visible;
    right:0;
    margin:0;
    padding:3px 20px 0 20px;
    color:rgb(255,255,255);
    background-color:rgb(228,33,43);
    font:normal 13px Helvetica, 'Helvetica LT Std', Tahoma, Verdana, Sans-serif;
    line-height:13px;
}