/* Layout */
* {
	margin:0;
    padding:0;
}
ul li, ol li {
	padding: 0px 30px;
}
ol {
    margin: 5px;
    padding: 0px 30px;
	list-style-type: hiragana-iroha;
}

html,
body {
    height:100%;
}
#general-wrapper {
    min-height:100%;
    position:relative;
}
#general-header {
    background: black;
    color: white;
    height: auto;
}
#general-header >div {
    display: inline-block;
}
#general-header a {
    color: white;
    text-decoration: none;
}
#general-header a:hover {
    font-weight: bold;
    color: green;
}

main {
	padding: 10px;
    padding-bottom: 80px;   /* Height of the #general-footer */
}
#general-footer {
    width:100%;
    height:80px;
    position:absolute;
    bottom:0;
    left:0;
    background: black;
    text-align: center;
}

/* Common elements */
a {
	color: blue;
	cursor: pointer;
    text-decoration: none;
}
h1 {
	padding: 10px;
}
h2 {
	padding: 8px;
}
h3 {
	padding: 6px;
}
.de-input {
	width: 100%;
	text-align: center;
}
.de-input[type=number] {
    max-width: 100px;
}
.de-select {
    width: 100%;
}
.de-button {
	padding: 2px;
}
.wrapper {
	padding: 10px;
}
.submit-wrapper {
    padding: 5px;
    margin: auto;
    text-align: center;
}