/* Stylesheet */

* { font-family: "Lucida Grand", Helvetica, Arial, Sans-Serif; margin: 0; padding: 0; }
body { font-size: 62.5%; color: #000; background: #FFF url() left top repeat-x; text-transform: lowercase; }

a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }
a img { border: none; }

.c { display: block; clear: both; font-size: 1px; line-height: 0; }

h1 { margin: 0; font-size: 1.8em; }
h2 { margin: 0 0 .5em 0; font-size: 1.6em; }
h3 { margin: 0 0 .5em 0; font-size: 1.4em; }

h1 { text-indent: -99999px; width: 263px; height: 73px; background: transparent url(../img/logo.jpg) 0 0 no-repeat; }

#main { margin: 100px auto 0 auto; width: 400px; }
#note { margin: -10px 0 10px 50px; }
#content { margin: 0 0 0 50px; }
#feed { margin: 0 0 0 50px; }

p { margin: 0 0 1em 0; font-size: 1.2em; color: #AAA; }
#feed ul { list-style-type: none; margin: 0; padding: 0; }
#feed ul li { height: 1.2em; margin: .2em 0; font-size: 1.2em; overflow: hidden; }
#feed ul li a { display: block; color: #AAA; text-decoration: none; }
#feed ul li a:hover { color: #000; }
#feed ul li a span { display: block; float: left; width: .75em; height: .75em; margin: .25em .3em 0 0; background-color: #EEE; }
#feed ul li a:hover span.qc, .qc { background-color: #F90; }
#feed ul li a:hover span.twlr, .twlr { background-color: #009EE0; }
#feed ul li a:hover span.gwkr, .gwkr { background-color: #399; }

#legenddiv { margin: .5em 0 0 0; height: 1.4em; font-size: 1.2em; }