html, body {margin:0;padding:0;}
body {background:#2F2F37;color:#DADAE4;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:62.5%;line-height:20px;}

a {color:#63BCF1;}
a:hover {text-decoration:none;}
a:visited {color:#8EB1C6;}

strong {color:#fff;font-variant:small-caps;}
em {color:#fff;font-weight:bold;font-style:normal;text-transform:uppercase;}
ins {text-decoration:none;}
del {color:#666;}

fieldset {margin:0;border:0;padding:0 0 30px;display:none;}
fieldset legend {font-size:20px;font-variant:small-caps;margin:0;padding:0 20px;color:#DADAE4;}
fieldset legend a {font-variant:normal;font-size:12px;line-height:12px;}
fieldset ol {margin:0;padding:20px 0;list-style-type:none;width:62%;float:left;}
fieldset li {min-height:32px;margin:0 20px 0 20px;padding:4px 0 4px 20px;}
fieldset li label {width:7em;display:inline-block;font-size:16px;line-height:32px;}
fieldset li input {margin:0 0 0 1em;font-size:16px;font-family:Consolas, "Courier New", Courier, monospace;}
fieldset li input[readonly] {color:#777;}
fieldset li .comment {font-size:12px;line-height:12px;padding:0 0 0 .5em;}

fieldset li {background-repeat:no-repeat;background-position:0 1.2em;}
fieldset li.success {background-image:url(ok.gif);}
fieldset li.alert {background-image:url(alert.gif);}
fieldset li.focus {background-image:url(arrow.gif);}
fieldset li.loading {background-image:url(loadings.gif);}

h1 {font-size:24px;line-height:40px;font-variant:small-caps;margin:0 20px 20px;padding:19px 0 9px;border-bottom:2px solid #666;}

h2 {margin:30px 20px 10px;font-size:24px;line-height:40px;font-weight:normal;}
h2.action {text-align:center;margin:10px auto 30px;}
h2 span.msg {padding-left:30px;background:url(loading.gif) no-repeat left center;}
h2 span.service {font-variant:small-caps;}

#content {width:62%;margin:0 0 40px;font-size:14px;float:left;}
#content h2 {font-variant:small-caps;font-size:20px;}
#content h2:first-child {margin-top:0;}
#content p {margin:0 20px 20px 40px;}
#content ul, #content ol {margin:0 20px 20px;}

#content a[rel~=footnote] {position:relative;bottom:.5em;font-size:11px;line-height:1;font-weight:normal;margin:0 .1em;}
#content a[rev~=footnote]:after {content:' ↵';}
#content a[rev~=footnote] {font-weight:normal;}
#content ol.footnotes {border-top:2px dotted #444;padding:8px 0 10px;margin:40px 20px 20px;}
#content ol.footnotes:before {content:"Footnotes:";}
#content ol.footnotes li {padding:0;margin:0 0 0 20px;font-size:11px;}

#action {text-align:center;}
#action a {font-size:24px;line-height:40px;margin:20px 10px 20px 0;padding:10px 18px;display:inline-block;background:gray url(btn.png) repeat-x top;-moz-border-radius:20px;border:5px solid #666;color:rgba(255,255,255,.8);text-decoration:none;font-weight:bold;text-transform:uppercase;letter-spacing:-1px;outline:0;}
#action a:hover {background-color:rgba(128,128,128,.8);background-position:0 -10px;color:rgba(255,255,255,.9);}
#action a:active {background-position:0 0;}
#action a.start {background:green url(btn.png) repeat-x top;border:5px solid #060;}
#action a.start:hover {background-color:rgba(0,128,0,.8);}

#notice {margin:0 20px 28px;font-size:18px;padding: 0 0 20px;border-bottom:2px solid #666;}
#notice p {margin:0 0 20px;}
#notice p:last-child {margin-bottom:0;}

fieldset li.decide {padding-bottom:20px;overflow:auto;}
fieldset li.decide label {width:auto;}
fieldset li.decide ol {padding:0;width:100%;}
fieldset li.decide ol li {font-size:16px;float:left;width:auto;line-height:40px;padding:4px 0 0;}
fieldset li.decide ol li button {cursor:pointer;padding:10px 18px;}
fieldset li.decide ol li.primary {margin:0;}
fieldset li.decide ol li.primary button {margin:0;font-size:24px;height:60px;background:green url(btn.png) repeat-x top;border:5px solid #060;-moz-border-radius:20px;color:#fff;color:rgba(255,255,255,.8);font-weight:bold;outline:0;}
fieldset li.decide ol li.primary button:hover {background-color:rgba(0,128,0,.8);}
fieldset li.decide ol li.secondary {margin-left:10px;}
fieldset li.decide ol li.secondary a {border:0;padding:10px 0;height:40px;display:inline-block;background:transparent;outline:0;}

#settings {width:100%;padding:0 0 60px;overflow:auto;display:none;}
#twitter_user {width:10em;}
#twitter_interval {width:2em;text-align:right;}
#twitter_lastid {width:11em;text-align:right;}
#twitter_apiusage {width:4.4em;text-align:right;}
#delicious_user {width:10em;}
#delicious_status {width:6.4em;}
#longurl_api {width:28em;}
#zemanta_key {width:15.5em;}
#zemanta_api {width:23.5em;}

.side {width:38%;float:left;font-size:12px;line-height:16px;margin:10px 0 10px -2px;padding:10px 0;border-left:2px solid #444;min-height:120px;}
fieldset .side {min-height:20px;}
.side p {margin:0 20px 16px;color:#666;}
.side p strong {color:#777;}
.side p:last-child {margin-bottom:0;}
fieldset:hover .side {border-color:#555;}
fieldset:hover .side p {color:#DADAE4;}
fieldset:hover .side p strong {color:#fff;}

#footer {margin:0 20px 20px;border-top:2px solid #666;font-size:12px;clear:both;}
#footer p {margin:0;padding:10px 0;}