/* Rhythm City Style Sheet for all pages */
	/* BASIC TEMPLATE */
body {background-color:#000;background-image:url('/images/rc-wallpaper.jpg');text-align:center;font-size:18px}
.main {background-color:#fff;color:#000;width:650px;margin:auto;padding:10px 20px}
h1 {font-size:300%;margin:0px;font-family:Georgia, 'Times New Roman', Times, serif}
h2 {font-size:150%;margin:0px;color:#00c}
h3 {color:#00c}
p {text-align:left;margin:10px auto}
img {border:0px}
a {color:#f60}
a:hover {color:#00c;text-decoration:none}
.nav {background:#000;margin:10px auto;width:700px;text-align:center;font-size:90%;color:#fff;clear:both;border-collapse:collapse}
.nav td {background-image:url('../images/wb_grad.png');background-repeat:repeat-x;width:16%;margin:0px;padding:10px 0;text-align:center;border:1px solid #fff}
.nav td:hover a {color:#ff0}
.nav a {text-decoration:none}
.nav a:hover {color:#ff0}
::-moz-selection {background:transparent;color:#f60}
::selection {background:transparent;color:#f60}

/* background flip
.nav td:hover {-moz-transform: scaleY(-1);-o-transform: scaleY(-1);-webkit-transform: scaleY(-1);transform:scaleY(-1);filter:FlipY;-ms-filter: "FlipY"}
.nav td:hover a {-moz-transform: scaleY(-1);-o-transform: scaleY(-1);-webkit-transform: scaleY(-1);transform:scaleY(-1);filter:FlipY;-ms-filter: "FlipY"}
*/

	/* CLASSES (ALL PAGES) */
.acenter {text-align:center}
.bold {font-weight:bold}
.center {margin:auto;text-align:center}
.clear {clear:both}
.hidden {display:none}
.italic {font-style:italic}
.left {float:left}
.narrow {width:50%}
.right {float:right}
.tiny {font-size:60%}
.weak {font-weight:normal;font-size:70%}
	/* INDEX.php */
#index {width:650px}
#index img {margin:0px}
#index h2 {color:#000}
#index h3 {margin:0px auto;text-align:left}
#index h3.acenter {text-align:center}
#index table {width:100%;margin:auto;font-weight:bold;padding:10px}
#index table td {width:33%}
#index table a {text-decoration:none;color:#00f}
#index table a:hover {color:#f60}
#index .fineprint {margin-top:30px;font-size:80%;color:#00c;text-align:left;margin:10px}
#index #promobutton {float:right;margin:10px 0px 0px 10px}
#index #indexlinks td {vertical-align:top}
.imagelink a {text-decoration:none}
	/* AUDIO.php */
#audio {background:#000;text-align:center;color:#fff}
#audio h2 {margin:10px auto;color:#ff0}
#audio h3 {color:#ff0}
#audio .weak {font-size:80%}
	/* SELECTED SONGS */
#song p {margin:10px auto;text-align:center}
#song h1 {font-size:20px;margin:0px}
	/* PLOT.php */
#plot h3 {margin:0px;text-align:left;font-size:90%;text-decoration:underline}
#plot #intermission {margin:auto;width:60%;font-size:150%;font-weight:bold;border-top:1px solid #fff;border-bottom:1px solid #fff}
#plot #intermission p {text-align:center}
#plot p {margin-top:0}
#plot img.right {clear:both;max-width:150px;max-height:150px;margin:10px}
	/* CONTACT.php */
#contact p {margin-top:20px}
#contact strong {color:#00c}
#contact .small {font-style:italic;color:#00c;font-size:80%}
#contact #form {float:right;font-size:80%;font-family:arial,sans-serif;text-align:left;background-color:#ddd;border:1px solid #000;width:50%;margin:10px 0px 10px 10px}
#contact #form th {text-align:right;vertical-align:top;font-size:90%;width:100px}
#contact #form td {margin:0px}
#contact #form input {width:97%}
#contact #form #city {width:46%}
#contact #form #state {width:22%}
#contact #form #zip {width:20%}
#contact #form textarea {font-family:arial,sans-serif;font-size:14px}
#contact .promo {font-weight:bold;color:#f00;font-size:150%;font-family:impact,arial,sans-serif}
#contact #form h3 {width:250px;margin:60px 20px;text-align:center}
#contact #form p {margin:20px 10px}
#contact #promowords {margin-top:-5px}
#contact #promowords img {position:relative;top:10px}
	/* CHARACTERS.php */
#characters hr {width:85%}
#characters table {text-align:left}
#characters table td {padding:5px}
#characters .bold {color:#00c}
#characters .indent {font-weight:bold;color:#00c;padding-left:30px}
#characters .fineprint {padding-top:30px;font-size:70%;color:#000;text-align:left;margin:10px;font-style:italic}
	/* INFO.php */
#info p {margin-top:20px;font-size:90%}
#info strong {color:#00c}
#info #infobox {float:right;font-size:80%;font-family:arial, sans-serif;text-align:left;padding:.5em;	background-color:#ddd;border:1px solid #000;width:41%;margin:10px 0px 10px 10px}
#info #infobox p, #info #infobox ul, #info #infobox ul li {margin:.25em;font-size:90%}
#info span {color:#333;font-size:80%}
#info #infobox2 {float:right;font-size:80%;font-family:arial, sans-serif;text-align:left;padding:.5em;background-color:#ddf;border:1px solid #000;width:41%;margin:10px 0px 10px 10px}
#info #infobox2 p, #info #infobox2 ul, #info #infobox2 ul li {margin:.25em;font-size:90%}
#info #indexlinks img {margin:0px}
#info #indexlinks h2 {color:#000}
#info #indexlinks h3 {margin:0px auto;text-align:left}
#info #indexlinks {width:100%;margin:auto;font-weight:bold;padding:10px}
#info #indexlinks td {width:33%;vertical-align:top}
#info #indexlinks a {text-decoration:none;color:#00f}
#info #indexlinks a:hover {color:#f60}
	/* ORDER.php */
#order {text-align:center;color:#fff;margin:auto;background:#000}
#order h2 {margin:10px auto;color:#ff0}
#order h3 {color:#ff0}
#order h3 img {vertical-align:middle}
#order .weak {font-size:80%}
#order p {margin-top:20px}
#order strong {color:#00c}
#order .small {font-style:italic;color:#00c;font-size:80%}
#order #form {font-size:80%;text-align:left;background-color:#333;border:1px solid #000;width:70%;margin:10px auto}
#order #form th {text-align:right;vertical-align:top;font-size:90%;width:100px}
#order #form td {margin:0px}
#order #form input {width:97%}
#order #form #city {width:46%}
#order #form #state {width:22%}
#order #form #zip {width:20%}
#order #form #coupon {width:25%}
#order #form textarea {font-family:arial, sans-serif;font-size:14px}
#order .promo {font-weight:bold;color:#f00;font-size:150%;font-family:impact,arial,sans-serif}
#order #form h3 {width:250px;margin:60px 20px;text-align:center}
#order #promowords {margin-top:-5px}
#order #promowords img {position:relative;top:10px}
#order #media {text-align:right;padding:10px 0}
#order #media thead th {color:#ff0;text-decoration:underline}
#order #media tbody th {width:200px}
#order #media .item {width:48%}
#order #form p {font-size:80%;margin:0;color:#f60;text-align:right}
#order #review p {font-size:100%;color:#fff;text-align:left;margin-left:10px}
#order #review strong {color:#ff0}
#order #review form {text-align:center}
#order #review input#buynow {width:auto;margin:10px}
#order #review .center {margin:auto;text-align:center}
#order #review #submit_free_order {width:30%}
	/* TESTIMONIALS.php */
#testimonials {background:none;width:650px}
#testimonials p {color:#fff}
#testimonials #audience {float:left}
#testimonials #cast {float:right}
#testimonials .quotes {width:48%;margin:5px;color:#fff;background:#000}
#testimonials .quotes h3 {color:#ff0}
#testimonials .quotes hr {color:#f60;background-color:#f60;width:90%;height:3px;position:relative;bottom:10px}
#testimonials .quotes ul {text-align:left;margin-right:10px;list-style:none;margin-left:10px;padding-left:10px}
#testimonials .quotes ul li {margin:10px 0;background:#333}
#testimonials .quotes ul li.altrow {background-color:#ddd;color:#000}