@charset "utf-8";
/* CSS Document */
/* Based on: Default Print Stylesheet Template by Rob Glazebrook of CSSnewbie.com Last Updated: June 4, 2008. */
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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	margin: 0;
}
html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre {
	display: block;
	unicode-bidi: embed
}
li {
	display: list-item
}
head {
	display: none
}
/* SECTION 1: Set default width, margin, float, and background. This prevents elements from extending 
   beyond the edge of the printed page, and prevents unnecessary background images from printing */
body {
	width: 7in;
	margin: 0pt;
	padding: 0pt;
	float: none; /* Was this floated? */
}
/* SECTION 3: Set body font face, size, and color. Consider using a serif font for readability. */
body {
	font-family: "Times New Roman", Times, serif; /* Sets the font-family to a serif font, which is traditionaly thought to be more readable on the printed page.*/
	font-size: 12pt; /* Sets the font-size to 12 points, the most common size for body text in printed media.*/
	line-height: 20pt;
	color: #000;
	background-color: #FFF;
	background-image: none;
}
/*#container, #header, #stage, #mainContent {	
	margin: 0pt;
	padding: 0pt;
}*/
#header {
	height: 74pt;
}
/* SECTION 2: Remove any elements not needed in print. This would include navigation, ads, sidebars, etc. */
#nav, #navLyrics, #linksSiteInfo, #socialLinks, #counter, #mainContent img, #FlashID {
	display: none;
}
#footer {
}
.photogallery, .clearfloat, .noprint {
	display: none;
}
/* SECTION 4: Set heading font face, sizes, and color.
   Differentiate your headings from your body text. Perhaps use a large sans-serif for distinction. */
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	color: #666;
	margin-bottom: 0;
	padding: 10pt 5pt 5pt;
	page-break-after: avoid;
}
h1 {
	margin-top: -10pt;
	font-size: 20pt;
	text-align: center;
}
h2 {
	font-size: 16pt;
	border-bottom: 1pt solid #666;
}
h3 {
	font-size: 14pt;
	border-bottom: 1pt solid #999;
}
h4 {
	font-size: 12pt;
}
h5 {
	font-size: 11pt;
}
h6 {
	font-size: 10pt;
}
p {
	margin-top: 8pt;
	page-break-inside: avoid;
}
ol, ul {
	list-style-position: inside; /* Cut off otherwise. */
}
#lyricQuote, #lyricsPage .story {
	width: 260pt;
	margin: 10pt auto 0pt;
	border: 2pt solid #999;
	padding: 0pt 10pt;
	page-break-inside: avoid;
}
.lyricRef {
	text-align: right;
	margin-top: 0pt;
	font-style: italic;
}
#lyricsPage h1 {
	margin-top:5pt;
	border-top: 1pt solid #666;
}
#lyricsPage h1:before {
	content: "Copyright \00A9 2011 IntroOutro";
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	color: #CCC;
	text-align: right;
	display: block;
}
#lyricsPage h2, #lyricsPage h3 {
	font-size: 12pt;
	border-bottom: none;
	padding: 10pt 5pt 0pt 0pt;
	page-break-after: avoid;
}
#lyricsPage p {
	margin-top: 0pt;
}
#lyricsPage .lyrics a, .audioAvailable {
	display: none;
}
#lyricsPage .story {
	margin-bottom: 20pt;
}
#lyricsPage .story p {
}
#songContent .story p:before {
	font-style: italic;
	content: "\0022The story behind the song...\0022";
	display: block;
}
/* SECTION 5: Make hyperlinks more usable.
   Ensure links are underlined, and consider appending the URL to the end of the link for usability. */
a:link, a:visited {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
/* Display external link urls. */
a[href^="http:"]:after {
 content:" ["attr(href)"]";
 font-weight: normal;
}
#breadcrumbs, #copyright {
	color: #999;
	font-size: 10pt;
}
#breadcrumbs {
	text-align: right;
	margin-bottom: 0.5in;
	position:relative;
	bottom: 0.75in;
	right: 0.25in;
}
#copyright {
	border-top: 1pt solid #CCC;
	text-align: center;
	margin: 0.25in 0in 0.1in;
}
/* Make the Contact Form simple and neatly aligned. Blocks to minimize the need for complex rules. Auto sized. */
#formContact, #formFeedback {
	border: medium double #999;
	padding-right: 10pt;
	padding-left: 10pt;
	padding-bottom: 10pt;
}
#formContact h1 {
	font-size: 16pt;
}
label {
	font-weight: bold;
	margin-top: 8pt;
}
label, input, select, textarea {
	display: block;
	width: 100%;
}
#formContact textarea {
	/*width: 400pt;*/
	/*height: auto !important;*/
	/*margin-left: 90pt;
	margin-top: -20pt;*/
	height: 200pt;
	overflow: visible;
}
#formContact .textfieldRequiredMsg, #formContact .textfieldInvalidFormatMsg, #formContact .confirmRequiredMsg, #formContact .confirmInvalidMsg, #formContact .selectRequiredMsg, #formContact .textareaRequiredMsg, #formContact .captchaRequiredMsg, #formContact .captchaInvalidMsg {
	text-align: center;
	width: 100%;
	color: #999;
	margin-left: 5pt;
	padding-left: 0pt;
	font-weight: bold;
	font-style: italic;
}
#formContact .textareaRequiredMsg {
	margin-top: -30pt;
}
.greenOnGreen {
border: 1pt solid #000;
}
#formContact input.contactSubmit, .orgField, #securityCheck {
	display: none;
}
#formFeedbackHeading, #formFeedbackMessage {
	padding-right: 10pt;
	padding-left: 10pt;
}
#formFeedbackHeading, #formFeedbackNav {
	font-weight: bold;
	text-align: center;
}
#formFeedbackNav {
	width: 100%;
}
#formFeedbackMessage {
	text-align: left;
}
#contactPage input#formSubmit, #contactPage input#formNav {
	display: none;
}