/* hello, friend. this is moonball typing. */

/* you may use this source code to gather css knowledge, play around and perhaps learn from my mistakes ;) */

/* if this has helped you (or not) i'd love to know! send me some mail: moonball at echoing dot org */

body,html {
background: #5A626D;
color: #000;
font: 11px Trebuchet MS, Verdana, Helvetica, Arial, san-serif;
}

#moonball {
background-color: #fff;
background-image: url('bgm.jpg');
background-repeat: no-repeat;
background-position: fixed;
height: 250px;
left: 100px;
position: absolute;
top: 15px;
width: 450px;
}

#target {
background-color: #96A6B3;
background-image: url('bgm2.jpg');
background-repeat: no-repeat;
background-position: fixed;
top: 265px;
left: 100px;
width: 450px;
height: 250px;
position: absolute;
overflow: auto;
}

#target a {
text-decoration: none;
color: #000;
font-weight: bold;
}

#target a:hover {
text-decoration: line-through;
font-weight: bold;
color: #000;
}

#move {
background: #96A6B3;
left: 600px;
position: absolute;
top: 140px;
}

#move ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#move a {
display: block;
color: #fff;
background: #96A6B3;
width: 200px;
padding: .2em .8em;
text-decoration: none;
}

#move a:hover {
background: #CFDDE7;
color: #000;
text-align: right;
}

h1 {
font: 15px Trebuchet MS, Verdana, Helvetica, Arial, san-serif;
font-weight: bold;
font-variant: small-caps;
text-align: center;
}

h2 {
font: 13px Trebuchet MS, Verdana, Helvetica, Arial, san-serif;
font-weight: bold;
font-variant: small-caps;
text-align: center;
}

p {
margin: 5px;
padding: 0;
}

a {
text-decoration: none;
color: #fff;
}

a:hover {
text-decoration: line-through;
color: #000;
}

.center {
text-align: center;
}

input,select,textarea {
margin: 5px;
background: #fff;
color: #96A6B3;
font: 11px Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #96A6B3;
}