/*----------------------HEADER with title, sub and logo--------------------*/

body {
background: #B0B0B0;
font-family: MS Georgia, bernhard-modern, Bookman, serif;
margin: 0em}

/*-----------------body to fill viewport------------------------*/
html,body {
height: 100%;
}
/*------------------*/

.top{
background: black;
margin: 0em;
padding:1%;
}

.book {
font-style: italic
}


.logo {
float: left;
margin-right: 1em;
}

.title {
color: white;
margin-left: 1em; margin-bottom: 0em; margin-top: 0em; font-size: 250%; line-height: 85%
}

.subtitle {
color: #66CCFF;
margin-left: 3em; margin-top: 0; margin-bottom: 1em;
}

.titleadd {
color: #66CCFF; 
margin-top: .2em;
font-weight: bold
}


/* ---------------------L-shaped Nav starts here------------------------------------*/
.nav-down{
clear: left;
float: left;
background:#660000;
height: 100%
}

.nav-down p{
border-style: inset; border-color: white;
margin-top: .65em; margin-right: .5em; margin-left: .5em; margin-bottom: 2em;
padding: .3em;
text-align: left;
background: black;
}


.nav-across {
background: #660000;
line-height: 3.3em;
margin-top: 0em;
padding-top: 0em}

.nav-across p{
display: inline;
border-style: inset; border-color: white;
margin-right: .5em; margin-left: 2em;
padding: .3em;
text-align: center;
background: black;
}

/*-------------------------------Nav tabs and links-----------------------------*/
a:link{
color: #66CCFF;
}

a:visited {
color: white;

}

a:hover {
color: gold;
}

#here {
color: gold; font-weight: bold;
}
/*--------------------------Box to contain body---------------------------*/

.bodybox {
margin-left: 7.5em; height: 100%;
border-style: single;
}

/*----------------------------Body contents---------------------------*/
.bottom{
background: black;
text-align: center;
margin: 5% 13% 2em 13%;
padding: .5em;
color: white;
font-weight: bold;
}

.bodytext {
display: block;
margin: 1.5em 5em 0em 5em;
padding: 1em 1em .5em 1em;
background:black;
color: white;
}

.bodytext p{
padding: .2em 1em .2em 1em;
}



.biotext img{
border-style: solid; border-color: white;
margin: -1em 1em 0em -1em;
float: left
}

.bodytext img {
border-style: solid; border-color: white;
margin: -2em 1em 0em -2em;
float: left
}

.bio{
float: left;
display: inline;
margin: .5em 1em .5em 1em;
width: 45%;
}

.biotext {
padding: .5em;
color:white;
background: black;
height: 100%;
width: 100%
}


.bottom img {
text-align: center;
margin: 1em
}

.name {
color: maroon;
font-weight: bold;
font-size: 133%;
margin-left: 2em; margin-top: .5em
}


.music-name{
color: maroon;
font-weight: bold; 
margin-top: .5em;
margin-bottom: 1em;
}


.movietitle{
font-style: italic;
color: red
}

#filmby {
color: black;
margin: 1em 0em 0em 1.5em;
font-size: 125%;
font-weight: bold
}

.more {
font-size: 133%;
margin-left: 1.5em;
color: maroon;
font-weight: bold;
vertical-align:center;
}

.songtitle {
font-style: italic
}

#validator {
visibility: hidden
}