﻿/*CSS for Crossing the Horizon*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


#synopsis-listen a:link, a:visited {text-decoration: underline; color:#06F; }
#synopsis-listen a:visited {text-decoration: underline; color: #06F; }
#synopsis-listen a:hover {text-decoration: none; color: #06F; }

a:link {
   color: #5D7B93;
   text-decoration: none;
   
}

a:visited {
   color: #5D7B93;
   text-decoration: none;
}

a:hover {
   color: #5D7B93;
   text-decoration: underline;
}




h1 {
   font-size: 30px;
}


h3 {
   font-size: 14px;
}


#nav {   
   position: absolute;
   top: 110px;
   left: 115px;
   background-image: none;
   border-right: 1px solid silver;
   background-repeat: no-repeat;
   width: 115px;
   height: 600px;
   font-family: "Times New Roman", Georgia, serif;
}


ul.navlist li {
   list-style-type: none;
}

#header {
   position: absolute;
   top: 25px;
   left: 115;
   font-weight: bold;
   color: black;
   padding-top: 30px;
   padding-left: 20px;
   padding-bottom: 1px;
   border-bottom: 1px solid silver;
   background-image: none;
   background-repeat: no-repeat;
   width: 920px;
   height: 75px;
   font-family: "Times New Roman", Georgia, serif;
   
}

 
#navcontent {
   position: absolute;
   top: 25px;
   left: 0px;
   font-size: 15px;
   color: black;
   font-weight: bold;
   font-family: "Times New Roman", serif;
   line-height: 2em;
}

#navcontent a:link {
   color: #5D7B93;
   text-decoration: none;
}

#navcontent a:visited {
   color: #5D7B93;
   text-decoration: none;
} 

#navcontent a:hover {
   color: #5D7B93;
   text-decoration: none;
}



#abovebody {
   position: absolute;
   top: 150px;
   left: 285px;
   color: #000066;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 13px;
   width: 600px;
   line-height: 1.4em;
}

#trailer-top {
   position: absolute;
   top: 150px;
   left: 285px;
   color: #000066;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 13px;
   width: 600px;
   line-height: 1.4em;
}

#trailer {
	position:absolute;
	top: 300px;
	left: 285px;
	width: 425px;
}

#trailer-bottom {
   position: absolute;
   top: 600px;
   left: 285px;
   color: #000066;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 13px;
   width: 350px;
   line-height: 1.4em;
   background-image: url(img/closer2.jpg);
}

#trailer-footer {
	position: absolute;
   top: 900px;
   left: 285px;
   color: maroon;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 11px;
   width: 665px;
   font-weight: bold;
   line-height: 1.4em;	
}

#abovebody_synopsis {
   position: absolute;
   top: 150px;
   left: 285px;
   color: #000066;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 12px;
   width: 700px;
   line-height: 1.4em;
}


#bodycontent {
   position: absolute;
   top: 250px;
   left: 265px;
   color: black;
   font-weight: normal;
   padding-left: 20px;
   height: 400px;
   width: 350px;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 13px;
   background-image: url(img/closer2.jpg);
   background-repeat: no-repeat;
   line-height: 1.4em;
}

#bodycontent2 {
position: absolute;
   top: 550px;
   left: 285px;
  color: maroon;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 12px;
   width: 665px;
   line-height: 1.4em;	
}

#bodycontent_index {
   position: absolute;
   top: 300px;
   left: 265px;
   color: black;
   font-weight: normal;
   padding-left: 20px;
   height: 400px;
   width: 350px;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 13px;
   background-image: url(img/closer2.jpg);
   background-repeat: no-repeat;
   line-height: 1.4em;
}

#bodycontent2_index {
	position: absolute;
   top: 600px;
   left: 285px;
   color: maroon;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 11px;
   width: 665px;
   font-weight: bold;
   line-height: 1.4em;	
}

#synopsis a:link {
   color: blue;
   text-decoration: underline;
}

#synopsis a:hover {
   color: blue;
   text-decoration: none;
}

#synopsis a:visited {
   color: blue;
   text-decoration: underline;
} 

#synopsis {
   position: absolute;
   top: 250px;
   left: 265px;
   color: black;
   font-weight: normal;
   padding-left: 20px;
   height: 400px;
   width: 350px;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 13px;
}

#synopsis-listen {
   position: absolute;
   top: 400px;
   left: 265px;
   font-weight: normal;
   padding-left: 20px;
   height: 400px;
   width: 450px;
	color: #000066;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 12px;
   line-height: 1.4em;
}



#bio {
   position: absolute;
   top: 140px;
   left: 260px;
   color: #000066;
   font-weight: normal;
   height: 400px;
   width: 350px;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 12px;
   font-height: 1.4em;
}

#shipping {
   color: #000066;
   font-weight: normal;
   font-family: Arial, sans-serif;
   font-size: 12px;
   font-height: 1.4em;
}

#slideshow {
   position: absolute;
   top: 140px;
   left: 635px;
}

#player {
   position: absolute;
   top: 275px;
   left: 675px;
}

#player_index {
   position: absolute;
   top: 655px;
   left: 750px;
   width: 250px;
}

#player2 {
   position: absolute;
   top: 400px;
   left: 675px;
}

#player2-listen {
   position: absolute;
   top: 255px;
   left: 675px;
}

#player3 {
   position: absolute;
   top: 285px;
   left: 675px;
}


#gallery {
   position: absolute;
   left: 470px;
   width: 150px;
   top: 245px;
}


.email {
   font-size: small;
   background-color: gray;
}

#artist1 {
	position: absolute;
   top: 150px;
   left: 260px;
   width: 350px;
   color: #000000;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 12px;
   font-height: 1.4em;
}

#artist1-img {
   position: absolute;
   top: 140px;
   left: 635px;
}

#artist2 {
	position: absolute;
   top: 515px;
   left: 540px;
   width: 350px;
   color: #000000;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 12px;
   font-height: 1.4em;
}

#artist2-img {
   position: absolute;
   top: 515px;
   left: 260px;
}


  
