/* Morality Rock style sheet
   A note about color:
    USA red is #720105
    USA blue is #020107
    USA white is #B6C4B5
*/

/* Main Layout Styles */

body {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 1em;
  background: #000000;
  color: #FFFFFF;
  width: 100%;
  text-align: center;
}
#everything {
  margin: 0 auto;
  width: 1000px;
  text-align: left;
}
#banner {
  margin: 0;
  padding: 0;
}
#banner h1 {
  background: #020107 url("images/stars.jpg") repeat top right;
  padding: 0.75em 0 0.25em;
}
#tagline {
/*  position: relative; */
  margin: 0;
  padding: 0.5em 1em 1em;
  color: #FFFFFF;
  font-size: 1em;
  font-style: normal;
  text-align: center;
  background-color: #720105; /* USA red */
}

/* Nav menu styles */
nav {
  margin: 0;
  padding: 0;
  background-color: #720105;
  min-height: 1.8em;
}
nav ul {
  background-color: #720105;
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 1em;
}
nav ul li {
  float: left;
  background-color: #ffffff; /* #B6C4B5; */ /* USA white */
  margin: 0 0.25em;
  border: 1px solid #020107; /* USA blue */
  border-top-left-radius: 0.35em;
  border-top-right-radius: 0.35em;
}
nav ul li#active {
  border-bottom: 1px solid #B6C4B5; /* USA white */
  background-color: #fff;
}
li#active a {
  color: #020107; /* USA blue */
  font-weight: bold;
}
nav ul a {
  float: left;
  display: block;
  color: #020107;
  text-decoration: none;
  padding: 0.25em 0.5em;
}
nav ul a:hover, nav ul a:focus {
  background: #020107;
  color: #ffffff;
/*
  border-top-left-radius: 0.35em;
  border-top-right-radius: 0.35em;
*/
}

/* Sidebar styles */

aside {
  float: right;
  width: 12em;
  margin: 0 0 1.5em 1.5em;
  padding: 0;
  border: 1px solid #720105;
}
aside h2 {
  margin: 0;
  padding: 0.25em;
  font-size: 1.4em;
  font-weight: bold;
  background: #720105;
  color: #fff;
}
aside ul {
  margin: 0.75em;
  padding: 0.25em 0 0.25em 1.25em;
}
aside li {
  margin-bottom: 0.25em;
  font-size: 1.1em;
  padding: 0 0.15em;
}
aside li a {
  text-decoration: none;
}
aside li a:hover, aside li a:focus {
  text-decoration: underline;
}

/* Resume layout styles */
#content { /* outer */
  clear: both;
  background: #020107;
  background: #000;
  margin: 0;
  padding: 0.5em 0;
  min-height: 300px;
}
main { /* inner */
}
footer {
  text-align: center;
  border-top: 1px solid #FFFFFF;
  background: #020107;
  color: #FFFFFF;
  font-size: 1em;
  margin:0 0 2em;
  padding: 0;
  padding-top: 1em;
}

/* News/Blog Styles */
h3.NewsHeadline {
  margin-bottom: 0.5em;
  font-size: 1.6em;
  color:#ad9;
  margin-left: 0;
}
p.NewsDate {
  font:bold 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#ddd;
}
img.BACAward {
  border: #cc9900 1px solid;
}
div.BACLetter {
  width: 70%;
  margin: 1em 20% 1em 10%;
  padding: 2em;
  background: #cc9;
  color: #000;
  border: #cc9900 1px solid;
}
.BACLetter h4, .BACLetter p {
  color: #000;
}

/* Other layout styles nested within #main */
#IndexPhoto,#LeadPhoto {
  float: left;
  margin: 0;
}
#IndexPhoto {
  /* padding-right: -300px; */
  padding: 0.25em 1em;
}
#LeadPhoto {
  padding: 1em;
  padding-bottom: 0.25em;
}
#leaderboard {
	padding-left: 5px;
}
.CoverPhoto {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 5px;
  width: 350px;
  background: #000000;
  padding: 0;
  float: left;
}
#mySpaceBox {
  margin-left: 335px;
  margin-right: 10em;
  padding: 5px;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  border: 1px solid #fff;
}
#mySpaceBox a {
  font-style: italic;
}
#text {
/*  clear: left; */
  background: black;
  color: #FFFFFF;
}
#text a {
  font-style: italic;
  font-weight: bold;
  color: #FFFFFF;
}
#Playlist li {
  list-style-type: none;
}
.alert {
  color: #000;
  color: #CCFF33;
  font-size: 1.2em;
}
.alert a {
  color: #FF0000;
}
/* Order Form-related styles */
#OrderForm {
  text-align: left;
  margin-bottom: 0;
  padding-bottom: 0.5em;
}
label {
  margin-left: 1em;
}
fieldset {
  margin-top: 1em;
  padding: 1em;
}
legend {
  color: #FFFFFF;
}
fieldset p {
  margin-top: 1em;
  margin-bottom: 1em;
}
.radiobutton {
  margin-top: 1em;
  margin-left: 1em;
}
.radiolabel {
  margin-left: 0.75em;
}
.submit {
  margin-top: 1em;
  text-align: center;
  padding: 1em;
}
#OrderSummary {
  text-align: left;
}
#OrderSummary td {
  background: #333333;
  padding: 0.5em;
  padding-right: 0.25em;
}
td.NumCell {
  text-align: right;
}
td.TotalColumn {
  font-weight: bold;
  text-align: right;
}

/* Contact form -related styles */
#ContactForm {
  margin-bottom: 0;
  padding-bottom: 1em;
}
#ContactForm input {
  margin-left: 1em;
  width: 60%;
}
#ContactForm textarea {
  margin-left: 1em;
  width: 90%;
}
.SendButton {
  text-align: left;
}
#ContactForm input#Send {
  margin-left: 2em;
  width: 4em;
  padding: 0.25em;
}

/* Common HTML elements */
h1, h2, h3 {
  text-align: center;
  font-weight: bold;
  color: #FFFFFF;
}
h1 {
  margin: 0;
  padding: 14px;
  font-size: 2.4em;
}
h2 {
  margin: 0;
  padding: 0.5em 0 0 0;
  font-size: 2em;
}
h3 {
  text-align: left;
  margin-left: 1em;
  font-size: 1.2em;
}
p {
  color: #FFFFFF;
  margin: 1em;
  margin-top: 0;
  padding: 0.5em;
  text-align: left;
  line-height: 1.5em;
  font-size: 1.1em;
}
p.quote {
  font-family: Courier;
  margin-left: 2em;
  margin-right: 2em;
}
ul#lyrics {
  text-align: left;
  margin-bottom: 0;
}
ul#lyrics li {
  padding-bottom: 1em;
}
.lyric {
  margin-left: 1em;
  font-size: 0.8em;
}
.TopPara {
  margin-top: 1em;
}
.BottomPara {
  background: #000000;
  margin-bottom: 0;
  padding-bottom: 0.5em;
}
.ShortBottomPara {
  background: #000000;
  margin-top: 1em;
  margin-bottom: 0;
  padding-bottom: 15em;
}
a {
  color: #FFFFFF;
  font-style: underline;
}

/* Other custom styles */
#advisory {
  min-height: 100px;
}
#advisory img {
	margin: 0;
	padding: 0 1em;
}
#TheBand {
  margin-left: 0.5em;
  margin-right: 0.5em;
  border-top: 1px solid #FFFFFF;
}
#TheBand p {
  margin-bottom: 0;
  margin-top: 0.5em;
}
#TheBand ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: 1em;
  margin-bottom: 0;
  padding-bottom: 0.75em;
  color: #FFFFFF;
  text-align: left;
  background: #000000;
}
#TheBand ul li {
  color: #FFFFFF;
/*  line-height: 1.35em; */
  background: #000000;
}
.ArtistName {
  font-weight: bold;
  font-style: italic;
}
.dummy {
  margin-top: 0;
/*  padding-top: 0; */
  padding: 1em;
}