Header

<style>
/* The Background */
.TKK-Background
{
    /* Light blue background to match top of footer */
    background-color: #0898f8;
    /* We can't have padding all around, because that would affect the footer image.
    Instead, we'll use a margin for the post. For now, we'll just add padding on the top, because
    increasing the top margin from the post class messes things up. */
    padding-top: 24px;
}

/* The Post Box */
.TKK-Post
{
    /* Accounting for the absent padding in the background */
    margin-left: 24px;
    margin-right: 24px;
    /* 24px padding inside the post on the top, bottom, and left
    I give the bottom less because that's where the signature would be */
    padding: 24px 24px 10px 24px;
    /* Border is the same color as the background. Since it blends in, it looks cool */
    border-color: #0898f8;
    /* Be making it dashed and 3px, it's more noticible, which I like */
    border-style: dashed;
    border-width: 3px;
    /* Make it rounded */
    border-radius: 10px;
}

/* Colors for:
 - Post Box
 - Spoiler Button
 - Spoiler Contents (This gets 2 entrys)
 */
.TKK-Post, .TKK-Post div.spoiler > button, .TKK-Post div.spoilercontents, .TKK-Post div.spoiled
{
    /* Darker blue background. By using the alpha channel, the more we use this
    over the post, the darker it will get
    These will be marked as important for the spoiler contents, ABXD needs it to be there */
    background-color: rgba(0, 55, 157, 0.70) !important;
    /* I would have used the same shade of blue as the background, but
    it ended up being hard to read. So this is a lighter version of the background */
    color: #4ab7ff !important;
}

/* Zeldas */
.TKK-Post a
{
    /* I would've included this with the rest of the colors, but
    that would give links a background */
    color: #4ab7ff;
}

/* Border for tables */
.TKK-Post table, .TKK-Post th, .TKK-Post td
{
    padding: 5px;
    border: 1px solid #4ab7ff;
}

/* Triggered when mouse is above link */
.TKK-Post a:hover
{
    /* Underline text */
    text-decoration: underline;
    /* Add glow */
    text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px blue;
}

/* Triggered when link is clicked */
.TKK-Post a:active
{
    /* Un-Underline text */
    text-decoration: none;
}

/* Quotes (Everything under Posted by) */
.TKK-Post div.quotecontents
{
    /* The default white borders look weird, so this makes them fit in
    with the rest of the layout */
    border-color: #4ab7ff;
}

/* The spoiler button */
.TKK-Post div.spoiler > button
{
    /* Invisible border */
    border-color: transparent;
    /* Round the top corners */
    border-radius: 10px 10px 0px 0px;
}

/* What's spoiled
Kuribo64: stuff like background and border are effective even when unspoiled,
this doesn't effect other sites
This is representing both div.spoiled and div.spoilercontents, because both are used (the latter is used in ABXD) */
.TKK-Post div.spoilercontents, .TKK-Post div.spoiled
{
    /* Invisible border, important is the same deal */
    border-color: transparent !important;
    /* Round the bottom, and top right corners */
    border-radius: 0px 10px 10px 10px;
}

/* Code block */
.TKK-Post div.codeblock
{
    /* Same shades as post */
    background: rgba(0, 55, 157, 0.70);
    color: #4ab7ff;
    /* Spacing */
    margin: 24px;
    /* Indent */
    padding: 24px;
    /* Fancy programming fonts */
    font-family: "Inconsolata", "Lucida Console";
    /* Make it rounded */
    border-radius: 10px;
}

/* Footer (Not to be confused with the signature) */
.TKK-Footer
{
    /* Load both images */
    background-image:
    url(http://kuribo64.net/get.php?id=K9FH6ICf2Nrq4ILu),
    url(http://kuribo64.net/get.php?id=Klh6cohy9khkPZ6S);
    /* The first image contains Peach's Castle, and the second one doesn't
    We only want to show Peach's Castle once, so we'll not repeat the first image, and repeat the second one
    Obviously, we don't want to repeat on the y axis */
    background-repeat: no-repeat, repeat-x;
    /* Both images should start at the bottom left */
    background-position: bottom left, bottom left;
    /* Scale the image down to save space */
    background-size: 50%;
    /* For short posts, this footer will be stretched out to make sure there's no empty space */
    min-height: 66px;
    /* I don't know why this works :D */
    padding: 60px;
}
</style>
<div class="TKK-Background">
<div class="TKK-Post">