/* Containers
--------------------------------- */
body {
   background-color: #88b2d2;
}
.page {width: 960px; margin: 0 auto 0 auto;}

main {float: left; width: 60%;}
.main-A {float: left; width: 58%;}
.main-B {float: left; width: 40%}

.sidebar {float: right; width: 40%; font-weight: bold; font-size: larger; line-height: 150%;
   color: rgb(45, 10, 129); padding-top: -10%; padding-bottom: 10%;} 

.sidebar-A {float: right; width: 38%; font-weight: bold; font-size: larger; line-height: 150%;
   color: rgb(45, 10, 129); 
   margin-left: 3%} 

.sidebar-B {width: 960px; margin: 0 auto 0 330px; font-weight: bold;
   font-size: 20px; line-height: 150%; color: rgb(45, 10, 129);}


.ArtistComments {float: right; width: 60%; margin-top: 45px;}

/* Masthead
--------------------------------- */
.masthead {max-width: 960px; margin: 0 auto 0 auto;}
.MusicBannerText {margin-top: 240px; float: left; width: 960px; font-size: 20px; font-weight: bold;}

/* Footer
--------------------------------- */
.footer {width: 960px; height: 55px; clear: both; background-color: rgb(34, 10, 90);}

   .mail{font-size: large; color: white; text-align: center;}
   .bullet{font-size: x-large;}
   .href{color: white;}

/* Audio Control
---------------------------------- */
.audio {margin-top: 10px;}

/* Video
---------------------------------- */
.video {padding-left: 20%;}
.freedom {padding-left: 20%}

/* Content
--------------------------------- */
h1 {float: left; width: 60%; margin-bottom: -1%;}
h2 {float: left; width: 60%; margin-bottom: 1%;}

.return {margin-bottom: 5%;} /* Margin added to bottom of form.html */

/* unvisited link 
a:link {color: rgb(00, 00, 00);} */

/* visited link */
a:visited { color: rgb(45, 10, 129);}

/* mouse over link */
a:hover {color: rgba(255, 255, 255, 0.452);} 

/* selected link */
a:active { color: blue;}