body { background:#FFF; font:75%/1.6 verdana,geneva,lucida,arial,sans-serif; color:#000; }
* { margin:0; padding:0; }
p, ul, blockquote { margin:.25em 0 1em 0; }
td p { margin:.25em 0 1em 0; }
blockquote { margin-left:2em; }
h2 { color:#f30; font-size:120%; margin:.5em 0; }
	h2 span { display:block; font-weight:normal; margin-top:-.3em;}
h3 { color:#7474B9; font-size:120%;  }
h4 { margin-top:.5em; }
body#order h2, h4 { color:#393; font-size:107%; }
a { color:#339; }
a img { border:0; }
hr { color:#393; border:none; border-top:1px solid #393; clear:both; }

#container { margin:8px auto; width:770px; }
#logo { margin-bottom:5px; }
#nav_sub { background-color:#cee8cd; padding:10px; border-top:2px solid #7474B9; border-bottom:2px solid #7474B9; list-style:none; }
	#nav_sub li { color:#323296; font-weight:bold; text-align:right; line-height:2em; }
	#nav_sub li.on { background:url("/images/arrow_red-rt.gif") no-repeat 100% 50%; padding-right:10px; }
	#nav_sub li a { font-weight:normal; text-decoration:none; }
	#nav_sub li a:hover { font-weight:bold; color:#393; }
#content { width:100%; }
#content_main { float:right; width:570px; }
#content_sub { float:left; width:180px; margin-right:20px; }
#content_sub p { font-size:93%; }

#title { border-bottom:1px solid #7474B9; }
#title img { vertical-align:middle; }
#content_main h1, #content h1 { border-bottom:1px solid #7474B9; text-indent:-9999px; }
body#contact h1 { background:url("/images/h_contact.gif") no-repeat; }
body#friends h1 { background:url("/images/h_friends.gif") no-repeat; }
body#schedule h1 { background:url("/images/h_schedule.gif") no-repeat; }
body#about h3, body#book h3, body#order h3, body#order-solo h3, body#stories h3 { color:#7474B9; display:inline; }

.divider { border-top:1px solid #7474B9; margin-top:1em; padding-top:1em; }
.note { font-size:93%; }
em { font-weight:bold; font-style:normal; color:#f30; }
.left { float:left; margin:0 10px 10px 0; }
.right { float:right; margin:0 0 10px 10px; }
.topLink { clear:both; float:right; color:#f30; margin-top:1em; }

#quotes, #side_info { text-align:center; margin-top:30px; }
#quotes p { color:#393; }
#quotes p em { font-weight:normal; color:#333; }
#callout { text-align:left; background-color:#ECECF7; padding:8px; }

/* schedule */
#schedule h2, #schedule h3 { clear:both; padding:3px 8px; margin:1em 0 .5em; }
body#schedule h2 { font-size:146%; color:white; background:#B4B4D8; }
body#schedule h3 { background-color:#9C9; color:white; font-size:107%; }
#nav_year { line-height:2em; border-bottom:1px solid #7474B9; margin-bottom:20px; }
.item { clear:both; border-bottom:1px solid #bdbde8; padding:15px 0 10px; overflow:auto;}
.item div { display:inline; float:left; }
.item .details { width:200px; margin-right:20px; }
.item .details p { font-size:93%; }
.item .content { width:550px; }

/* order form */
table.order { width:570px; }
table.order th { background-color:#B4B4D8; color:#fff; text-align:left; padding:3px 5px; font-size:93%; font-family:verdana, arial, sans-serif; }
table.order td { font-family:verdana, arial, sans-serif; color:#000; padding:0; line-height:1em; }
table.order td.product { width:60%; }
table.order td.cartTD, table.order td.button { width:20%; }

/* products */
.image, .descrip { float:left; padding:2em 0; border-top:1px solid #7474B9; }
.image { clear:both; text-align:center; font-size:93%; width:120px; padding-right:20px; }
	.image img { display:block; }
.descrip { width:430px; padding-top:1.7em; }
	.descrip h4, h4.descrip { margin-top:0; }
	h4.descrip { padding-bottom:.5em; }
	.descrip a { font-weight:bold; white-space:nowrap; }
.tracklist { padding-left:2.5em; }
.noborder { border:none; }

/* stories */
ul.page_nav { margin-bottom:40px; list-style:url("/images/bullet01.gif"); padding-left:15px; }
body#stories ul.list { margin-left:15px; color:#393; font-size:93%; }

/* lyrics */
#stories h4 span { color:black; font-weight:normal; font-size:87.5%; padding-left:2em; }
#stories blockquote { margin:-1em 0 -.25em 2em; }
.lyrics { white-space:pre-wrap; margin-top:1em; }
table.handmotions { width:100%; }
table.handmotions td { vertical-align:top; width:50%; border:0; padding-right:1em; }

/* photos */
#photos {margin:1em 0; font-size:93%; }
	#photos td {vertical-align:top; padding:0 5px 15px 0; white-space:nowrap;}
		#photos td p {margin-top:0;}

/* contact */
form ul {list-style:none;}
form li {overflow:hidden; padding:.25em; min-height:2em;}
#contact input {font:100%/2 verdana,geneva,lucida,arial,sans-serif; vertical-align:middle;}
#contact label {display:block; width:12em; padding-right:.5em; float:left; clear:both; text-align:right;}
#contact span {display:block; float:left;}
#contact span label {display:inline; float:none; clear:none;}
input, textarea {clear:both;}
#submit {clear:both; margin-left:12.5em;}

/* footer */
#footer {clear:both; background:url("/images/footer_line.gif") repeat-x; position:relative; height:51px;}
.copy { font-size:93%; color:#7575B8; line-height:1.5em; position:absolute; right:0; bottom:0; }
.copy a { color:#4242A1; text-decoration:none; }
.copy a:hover { text-decoration:underline; }

/* used but need to be removed */
.text { /*font-size:.75em; line-height:1.6em;*/ }
.text .textSm { font-size:120%; }
.textSm { font-size:93%; line-height:1.25em; }