html, body {
    margin: 0;
    padding: 0;

    height: 100%;

    font-family: verdana, Verdana, "sans serif", sans-serif;
    font-size: 100%;
}

img {
    border: 0;
}

textarea {
    font-family: Arial;
    font-size: 1.0em;
}

.button {
    font-size: 0.8em;
    padding: 0.2em 0.4em;
}

.box {
    margin: 1.0em;
    overflow: auto;
    _height: 1%;
}

    .box .title {
        text-align: center;
    }

    .box p {
        margin: 1.0em;
    }

    .box .entry {
        margin: 0 1.0em;
        margin-bottom: 1.0em;
    }

.ks_page_wrapper {
    width: 80%;
    margin: 0 auto;

    font-size: 0.875em;
}

.ks_page_header {
    height: 60px;

    margin: 0 auto;
}

    .ks_page_header_img {
        float: right;

        width: 600px;
        height: 60px;
    }

    .ks_page_header_text {
        display: none;
    }

.ks_menu_wrapper {
    /*overflow: auto;*/
    /*width: 100%;*/
    margin: 0;
}

    .ks_menu_wrapper a {
        display: block;
        text-decoration: none;
    }

    ul, li {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .ks_menu_wrapper .ks_menu_header {
        width: 25%;
    }

    .ks_menu_wrapper ul li {
        float: left;
        padding: 0 0;
        text-align: center;
    }

        .ks_menu_wrapper ul li div div {
        }

    /* I'd like to thank suckyfox for not understanding how to properly handle
       the combination of overflow: auto on the wrapper on :hover displaying
       on the dropdown menus. */
    #hack_menu_clear {
        clear: both;
    }

    .hack {
        clear: both;
    }

    .post_error {
        width: 80%;
        margin: 0 auto;
    }

        .ks_menu_wrapper ul li ul {
            position: absolute;
            display: none;
            /*width: 250px;*/
            padding: 0;
            z-index: 100;
        }

            .ks_menu_wrapper ul li ul li {
                float: none;
                margin: 0;
                padding: 0 0.25em;

                text-align: left;
            }

            .ks_menu_wrapper ul li ul li:hover {
                float: none;
            }

        .ks_menu_wrapper ul li:hover {
        }

        .ks_menu_wrapper ul li:hover ul,
         .ks_menu_wrapper ul li.hoverfix ul {
            display: block;
        }

.ks_display_wrapper {
    overflow: auto;

    /*width: 100%;*/
    _height: 1%;
    margin: 0;
}

    .ks_misc_column_container {
        float: right;
        width: 20%;
    }

        .ks_misc_column_wrapper {
            margin-right: 0;/*0.25em;*/
        }

            .ks_misc_column_wrapper .ks_title {
                text-align: center;
            }

            .ks_account_report {
                margin: 1.0em 0;
            }

                .ks_account_settings,
                 .ks_account_logout {
                    text-align: center;
                }

                .ks_login_name {
                    overflow: auto;
                    /*width: 100%;*/
                    _height: 1%;
                    text-align: center;
                    padding-top: 0.25em;
                }

                    .ks_login_name .ks_label {
                        text-align: center;
                    }

                    .ks_login_name .ks_value input {
                        width: 90%;
                    }

                .ks_login_pass {
                    overflow: auto;
                    /*width: 100%;*/
                    _height: 1%;
                    text-align: center;
                }

                    .ks_login_pass .ks_label {
                        text-align: center;
                    }

                    .ks_login_pass .ks_value input {
                        width: 90%;
                    }

                .ks_login_button {
                    text-align: center;
                }

                .ks_login_register {
                    text-align: center;
                }

                .ks_login_forgot {
                    text-align: center;
                    padding-bottom: 0.25em;
                }

            .ks_latest_image {
                margin: 1.0em 0;
                text-align: center;
            }

                .ks_latest_image_wrapper {
                    padding: 0.5em 0;
                }

            .ks_latest_stories {
                border: 1px black solid;
                margin: 1.0em 0;
            }

                .ks_latest_story_wrapper {
                    padding: 0.5em 0.25em;
                }

                    .ks_latest_story_wrapper .title {
                        font-size: 1.0em;
                        text-align: right;
                    }

                    .ks_latest_story_wrapper .category {
                        font-size: 0.625em;
                        text-align: right;
                    }

    .ks_main_column_container {
        margin-right: 20%;
    }

        .ks_main_column_container .ks_title {
            text-align: center;

            width: 90%;
            margin: 1.0em auto 0 auto;
        }

        .ks_subtitle {
            text-align: right;
            width: 90%;
            margin: 0 auto;
        }

        .ks_game_intro {
            overflow: auto;
            width: 90%;
            margin: 0 auto;
        }

        .ks_tidbit {
            float: right;
            width: 25%;
            margin: 1.0em;
        }

            .ks_tidbit .ks_title {
                width: 100%;
                margin: 0;
            }

            .ks_tidbit ul {
                margin: 0;
                padding: 0.25em;
                list-style-type: none;
            }

                .ks_tidbit ul li {
                    margin-bottom: 0.5em;
                }

    p.ks_story {
        width: 90%;
        margin: 1.0em auto;
    }

.ks_journal_filter_line {
    text-align: right;

    font-size: 0.75em;

    padding: 0.2em 0.25em;

    margin: 0.25em 0.25em 0 0.25em;

    overflow: auto;
    _height: 1%;
}

    .ks_journal_headline_link {
        float: left;
    }

.ks_journal_entry_wrapper {
    margin: 0.25em;
}

    .ks_journal_title_bar {
        text-align: center;
    }

    .ks_journal_category_line {
        float: left;
        padding-left: 0.2em;
    }

    .ks_journal_time_line {
        text-align: right;
        padding-right: 0.2em;
    }

    .ks_journal_author_byline {
        text-align: right;
        margin-right: 0.2em;
    }

    .ks_journal_message {
        padding: 1.0em 0.2em;
    }

    .ks_journal_comments_link {
        text-align: right;
        padding-right: 0.2em;
    }

.ks_journal_comment_container {
    margin: 0 0.25em;
}

    .ks_journal_comment_wrapper {
        overflow: auto;
        /*width: 100%;*/
        _height: 1%;
    }

    .ks_journal_comment_author_wrapper {
        float: left;
        width: 20%;
    }

        .ks_journal_comment_avatar {
            text-align: center;
        }

        .ks_journal_comment_byline {
            text-align: center;
        }

        .ks_journal_comment_count {
            text-align: center;
        }

    .ks_journal_comment_message {
        padding: 0.25em;
        margin-left: 20%;
    }

        .ks_journal_comment_form_wrapper {
            text-align: center;
            padding: 0.25em;
            margin: 1.0em 0.25em 0 0.25em;
        }

            .ks_journal_comment_form_wrapper textarea {
                width: 90%;
                margin: 0 auto;
            }

            .ks_comment_form_button {
                text-align: right;
                padding-right: 10%;
            }

.ks_pager_wrapper {
    overflow: auto;
    /*width: 100%;*/
    _height: 1%;
    text-align: center;
}

    .ks_page_previous {
        text-align: left;
        float: left;
        width: 33%;
        padding-left: 0.2em;
    }

    .ks_page_next {
        text-align: right;
        float: right;
        width: 33%;
        padding-right: 0.2em;
    }

#ks_journal_category_list,
 #ks_image_category_list {
    list-style-type: none;
    margin: 1.0em auto;
    width: 90%;
}

    #ks_journal_category_list .headlines_link {
        margin: 0 1.0em;
    }

    #ks_journal_category_list li,
     #ks_image_category_list li {
        margin: 1.0em 0;
        padding: 0.5em;
    }

        #ks_journal_category_list li ul li,
         #ks_image_category_list li ul li {
            margin: 0;
            padding: 0;
        }

    #ks_journal_category_list li ul,
     #ks_image_category_list li ul {
        margin-left: 2.0em;
        margin-top: 1.0em;
        margin-bottom: 1.0em;
    }

    #ks_journal_category_list .ks_category_name,
     #ks_image_category_list .ks_category_name {
    }

    #ks_journal_category_list .ks_category_description,
     #ks_image_category_list .ks_category_description {
        padding: 0.35em 0;
    }

.ks_headline_wrapper {
    overflow: auto;
    width: 90%;
    padding: 0.35em 0;
    margin: 0 auto;
}

    .ks_headline_date {
        float: left;
        width: 20%;
    }

    .ks_headline_title {
        float: left;
        width: 40%;
    }

    .ks_headline_category {
        float: left;
        width: 20%;
    }

    .ks_headline_comment_line {
        text-align: right;
    }

#ks_image_gallery_container {
    margin: 0;
}

#ks_image_gallery_wrapper {
    _height: 1%;
    overflow: auto;
}

    .ks_image_gallery_item_container {
        float: left;
        width: 33%;
    }

    .ks_image_gallery_item_wrapper {
        margin: 1.0em;
        padding: 0.5em 0;
        text-align: center;
    }

.ks_image_page_wrapper {
    width: 90%;
    margin: 0 auto;
}

    .ks_image_description {
        width: 80%;
        margin: 1.0em auto;
    }

    .ks_image_full {
        text-align: center;
        overflow: auto; 
    }

/** { border: 0 !important; }*/

