body {
background-color:#fc0;
background-image:url(images/bg.png);
background-position:0px 0px;
background-repeat:repeat-x;
font-family:verdana;
font-size:12px;
margin:2em auto;
max-width:820px;
min-width:800px;
}

a {
color:#0000ff;
}

h3 {
color:#444;
font-size:15px;
}

div#main {
background-color:#fff;
border:1px #000 solid;
margin:3px;
padding:3px;
}

div#header {
border:0px #000 solid;
margin:0px;
padding:0px;
text-align:center;
vertical-align:middle;
}

div#header .title {
font-size:25px;
font-weight:bold;
line-height:50px;
margin:0px;
margin-top:0px;
vertical-align:middle;
}

div#navi {
width:100%;
}

div#navi a {
background-color:#fff;
font-size:1.25em;
}

div#navi a:hover {
background-color:#fff;
}

div#content {
border:0px #000 solid;
background-color:#fff;
display:block;
margin:0px;
min-height:600px;
padding:1em;
}

div#content p {
margin-left:15px;
}

div#footer {
border-top:1px #000 solid;
text-align:center;
}

.code {
background-color:#eee;
display:block;
font-family:courier;
}

.function {
background-color:#fc0;
border:3px #fa0 solid;
font-family:courier;
padding:1em;
}

.function p {
margin:0.25em;
}

.function .title {
background-color:#fa0;
border-left:solid 10px #f00;
color:#fff;
display:block;
font-family:courier;
margin:0px;
padding:3px;
}

.function form {
background-color:#ffe;
margin:0.25em;
}

.success {
color:#080;
}

.error {
color:#f00;
}

.note {
border:1px #fa0 dotted;
color:#000;
margin:0.25em;
padding:3px;
}

a.start {
font-size:15px;
font-weight:bold;
text-decoration:none;
}