/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/* Styles */
body {font: 62.5% Arial, Helvetica, sans-serif; background:#666 url(/images/bg.png) repeat-x; text-align: center}
h1,h2,h3,h4,h5 {text-transform: uppercase;font-weight: bold}
h1 {font-size: 2.4em}
h2 {font-size: 2.0em}
h3 {font-size: 1.6em}
h4 {font-size: 1.4em}
table, form, ul, ol {font-size: 1.2em}
label {font-weight: bold}
fieldset { padding: 1.4em;margin: 0 0 1.5em 0;border: 1px solid #ccc;background: #F5F5F5}
legend {font-weight: bold;font-size: 1.2em; text-transform: uppercase;}
input [ type = text ], input.text, input.title, textarea, select {background-color: #fff; border: 1px solid #bbb}
input [ type = text ]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color: #666}
input [ type = text ], input.text, input.title, textarea, select {margin: 0.2em 0 0.5em}
input.text, input.title {width: 300px; padding: 2px}
input.button{padding: 2px}
input.title {font-size: 1.5em}
textarea {width: 390px; height: 50px; padding: 5px}
input [ type = checkbox ], input [ type = radio ], input.checkbox, input.radio {position: relative; top: .25em}
form.inline {line-height: 3}
form.inline p {margin-bottom: 0}
.error, .notice, .success {padding: .8em; margin-bottom: 1em; border: 2px solid #ddd}
.error {background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4}
.notice {background: #FFF6BF; color: #514721; border-color: #FFD324}
.success {background: #E6EFC2; color: #264409; border-color: #C6D880}
.error a {color: #8a1f11}
.notice a {color: #514721}
.success a {color: #264409}
.upcase, .links {text-transform: uppercase}
.lowercase {text-transform: lowercase}
.capitalize {text-transform: capitalize}
ul#topnav {background: #09c; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; padding: 5px}
a:link {text-decoration: none; color: #06c; font-weight: bold}
a:visited {color: #609; text-decoration: none; font-weight: bold}
a:hover {text-decoration: underline; color: #CC0000}
#container {width: 890px; border: 1px solid #999999; background: #FFFFFF; text-align: left; margin: auto }
ul#topnav li {font-size:0.9em;display: inline; color: #FFFFFF}
ul#topnav li a {color: #FFFFFF; text-decoration: none; font-weight: normal}
ul#topnav li a:hover {text-decoration: underline}
#header {background: #eee; overflow: auto; width: 100%; padding: 8px 0 2px; border-bottom: solid 1px #ccc}
#header h1 {display: block; float: left}
#header h1 a {display: block; height: 27px; width: 115px; background: url(/images/logo_lirik.gif) no-repeat}
#header h1 a span {display: none}
#header .search {float: left}
#header .search form, ul.single {}
#header .rss {float: right}
#userbox {font-size: 1.1em; padding: 5px 10px}
#userbox a {font-weight: normal; color: #06c}
.pad {padding: 0 10px}
.links a:link, .links a:visited {color: #999999; padding: 0 2px 1px}
.links a:hover {color: #FFFFFF; text-decoration: none; background: #3399FF; -moz-border-radius: 3px; -webkit-border-radius: 3px}
.announce { clear: both }
.linkunit {margin: 0 -5px}
#main {overflow: auto}
#main p {font-size: 1.2em; padding: 0 0 1.2em 0}
.box {margin: 0 0 15px; clear: both}
.boxform {background: #eee; margin: 0 0 15px; padding: 10px; clear: both; float: left; border: 1px solid #CCCCCC}
.help {border-top:solid 1px #ccc; margin:20px 0 0; padding: 20px 0}
#content {width: 500px; float: left; padding: 10px 5px 5px 10px; overflow: visible}
#content ol.num {list-style: decimal; margin: 0 0 0 15px; font-size: 1.2em; padding: 0 0 0 10px}
#content ol.num li, #content ul.list li {padding: 1px}
#content ul.list {color: #999}
#content small {font-size: 0.9em; text-transform: uppercase}
#content small a {color: #999999}
#content small a:hover, #content p.related a:hover {color: #06c}
#content p.related {font-size: 1.1em; text-transform: uppercase}
#content p.related a {color: #666; text-decoration: none}
#content p.related a:visited {color: #609}
#content .comments {padding: 3px 0 0; border-bottom: 1px solid #ccc}
#content .comments:hover {background: #FFC}
#content .author{display: block; font-size: 0.9em}
#content .show {background: #FFF url(/images/noteline.gif); padding:15px 10px; margin:0 0 10px; color: #333; font-family: Geneva, Arial, Helvetica, sans-serif }
#content .show p {margin: 0 0 1px 0}
#csnippet {margin:0 0 10px 0}
#sidebar {width: 336px; float: right; padding: 10px 15px 5px 0px}
ul#alpha {font-size:1.4em; overflow:auto; margin:5px 0}
ul#alpha li {display:inline;}
ul#alpha li a{background:#06c;color:#FFFFFF;padding:0 2px}
ul#alpha li a:hover {background:#ccc; color:#06c; text-decoration:none}
ul.split {overflow: auto; width: 100%}
ul.split li {width: 48%; padding: 2px 1% 2px 0; display: block; float: left}
ul.split li small {font-size: 0.9em; color: #333}
ul.single li {padding: 2px 0}
.pagination { font-size: 1.2em; color: #999; margin:10px 0; padding:4px 0; border-bottom:solid 1px #ccc;border-top:solid 1px #ccc}
.pagination a {padding:2px; color:#000}
#footer {background: #09c; padding: 5px; clear: both; color: #fff}
#footer a {color: #FFFFFF}