body {
font-family: Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;
font-size: 12px;
border: 40px solid #666;
margin: 0px;
}

body > div {
border: 2px solid #000;
padding: 40px;
min-height: 300px;
}

h1 {
margin-top: 0px;
}

p {
line-height: 1.7em;
margin-bottom: 1em;
}

p.note {
color: #00F;
}

code.example, pre.example {
background: #EFEFEF;
border-left: 4px solid #666;
display: block;
padding: 15px;
}

fieldset {
border: none;
}

legend {
}

fieldset>ul {
list-style: none;
margin: 0;
padding: 0;
}

fieldset>ul>li {
margin-bottom: 5px;
position: relative;
}

fieldset>ul label {
display: block;
left: 0;
position: absolute;
top: 0;
width: 150px;
}

fieldset div.pre-message {
color: blue;
margin-left: 150px;
}

fieldset div.post-message {
font-size: .9em;
margin-left: 150px;
}

fieldset div.input-area {
margin-left: 150px;
}

textarea {
margin: 0;
margin: 0;
padding: 3px;
}

.twitter {
-moz-border-radius-bottomLeft: 20px;
background: #666;
border-bottom: 2px solid #000;
border-left: 2px solid #000;
padding: 10px 0 10px 10px;
position: absolute;
right: 40px;
top: 40px;
width: 250px;

}

.twitter h2 {
color: #C2EEFF;
margin-bottom: -2px;
margin-top: -30px;
padding-left: 108px;
padding-top: 0;
}

.twitter ul {
-moz-border-radius: 12px;
background: #FFF;
border: 1px solid #000;
list-style: none;
margin: 0;
padding: 0;
}

.twitter ul li {
margin: 0;
padding: 10px;
}

.twitter ul li:hover {
background: #FF9;
}