ul {
text-align: left;
list-style-position: inside;
list-style-type: none;
padding:0;
border:1px #333 solid;
font-size: 14px;
}

li {
padding:2px 5px;
margin-bottom:1px;
background:#333;
}

li.title {
color:#ccc;
}
li.title a {
color: #d2edff;
font-family:"comic sans ms","chalkboard",sans-serif;
font-size:18px;
font-style: normal;
text-decoration: none;
}
li span {
font-size:11px;
color:#666;
}

.hint {
position:absolute;
top:0;
left:0;
width:100%;
text-align:center;
padding:28px 0;
}
.hint span {
padding:1px 5px;
color: white;
background-color: #ff4c2b;
}

body {
background-color:#222;
margin:0;
text-align:center;
color:#ececec;
font-family:"comic sans ms","chalkboard",sans-serif;
font-size:18px;
line-height:150%;
}
img { border:none }

.site {
background:#333;
padding:40px 0 60px;
}

.inner {
width:500px;
margin:0 auto;
background:#383838;
border:1px #424242 solid;
}

.content {
padding:40px;
}

a {
color: #2fbfe5;
font-family: georgia,sans-serif;
font-style: italic;
}

h1 {
margin-top:0;
font-family:georgia,serif;
font-style:italic;
font-weight:normal;
color: #d2edff;
line-height:110%;
}

p {
margin-bottom:0;
}

.foot {
font-family:georgia,serif;
font-style:italic;
font-size:11px;
padding:40px 20px 200px;
color:#444;
}
.foot p {
padding:0;
margin:0;
}
.foot a {
color:#444;
margin:0 5px;
}
.foot a:hover {
text-decoration: none;
color:#ececec;
}


/* forms... */

form {
padding:20px 0;
}
input {
font-size:18px;
}
input.text {
width:340px;
padding:10px;
background:#333333;
border:1px #424242 solid;
font-family:"comic sans ms","chalkboard",sans-serif;
color: #d2edff;
}
input.text:hover {
background: #323232;
border-color: #4a4a4a;
color:#fff;
}
input.submit {
display:block;
margin:10px auto;
font-weight: bold;
}