@charset "utf-8";

/* Meyers Reset...Take care of oddball cross-browser descrepencies... */
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,
dl, dt, dd, ol, ul, li,
input, textarea,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: Georgia, "Times New Roman", Times, serif; vertical-align: baseline; }
body { line-height: 1em; color: black; background: white; font-size: 62.5%; } /* Set base font to 10px */
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clearit { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* Tags */

body { }
a { color: #d00 }
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

/* IDs */
#headerContainer { padding: 2em 0; }

#footerContainer p { margin: 0 0 2em 0; }

#lyricsList { margin: 2em; }
#lyricsList li { background: #333; color: #eee; padding: 0.5em 2em; }

/* Classes */
.mainContainer { font-size: 1.4em; width: 460px; margin: 0 auto; line-height: 2em; }