html {
    display:			table;
    position:			absolute;
    top:				0;
    left:				0;
    height:				100%;
    width:				100%;
    padding:			0;
    margin:				0;
    border:				0 none;
    font-family:		UnBatang,Times,serif;
    color:				#fff;
    background:			#444;
    overflow:			auto;
}

body {
    display:			table-cell;
    text-align:			center;
    vertical-align:			middle;
    padding:			0px;
    margin:				0px auto;
    overflow: auto;
}

#content {
    display:			table;
    margin:				0;
    margin-right:		0;
    padding:            10% 10% 0 10%;
    width:              120vw;
    /*border:           1px solid red;*/
}

#footer {
    display:        block;
    width:          100%;
    text-align:     right;
    font-size:      100%;
    font-weight:    bold;
    margin-top:     64px;
    padding-top:    0.5em;
    /*border-top:     4px solid #222;*/
}
#footer a {
    color:              #000;
    text-decoration:    none;
    padding-right:      80px;
    letter-spacing:     1px;
    font-weight:        normal;

    -webkit-transition: letter-spacing, .2s;
    -moz-transition:    letter-spacing, .2s;
    -o-transition:      letter-spacing, .2s;
    transition:         letter-spacing, .2s;
}

#footer a:hover {
    letter-spacing:     6px;
}

.sprite {
    height: 128px;
    margin: 0 256px;
    position: relative;
    background: url(langhund-body-128.png);
}

.sprite:before,
.sprite:after {
    position: absolute;
    content: '';
    display: block;
    width: 256px;
    height: 128px;
}

.sprite:before {
    background: url(langhund-head-128.png);
    /*background: url(langhund-body-128.png) -512px 0;*/
    left: -256px;
}

.sprite:after {
    background: url(langhund-tail-128.png);
    /*background: url(langhund-128.png) -256px 0;*/
    right: -256px;
}

.pointer, .pointer a, .pointer a:hover {
    cursor: url(mickey.png), auto;
}

.ninja {
    color: black;
    visibility: hidden;
}