@charset "iso-8859-1";
/* CSS Document */

body {
background: #ccc;
text-align: left; /* for IE5 and 5.5 win */
margin-top: 0;
margin-left: 0;
}


A:link {
	color: #e0861e;
}

A:visited {
	color: #e0861e;
}	

A:hover {
	color: #e0861e;	

}
A:active {
	color: #e0861e;
}


#frame {
margin-left:150px;
display: block;
width: 800px;
height: auto;
padding-left:0;
background-color: #000;
border-top: 0px solid #666;
border-left: 10px solid #000;
border-right: 10px solid #000;
border-bottom: 1px solid #000;
		}

/* TEXT */

p {
font: 11px verdana;
color: #fff;
width: auto;
line-height: 1.5em;
margin-left: 50px;
margin-right:30px;
margin-top:20px;
}

p.head {
font: 18px georgia;
color: #fff;
width: auto;
line-height: 1.8em;
margin-left: 60px;
margin-right: 20px;

}

p.col {
font: 11px verdana;
color: #fff;
width: auto;
line-height: 1.5em;
margin-left:20px;
margin-top:25px;
}

p.copy {
margin-top: 45px;
color: #000;
padding: 0;
font-size: 10px;
margin-left: 0;
margin-bottom: 45px;
}



p img {
border: 5px solid #fff;
margin-right:10px;
margin-bottom: 3px;
}

p.review {
padding-bottom: 30px;
margin-bottom: 10px;
padding-top:5px;
border-bottom: 1px dotted #ccc;
width: 500px;
}

p.music {
padding-bottom: 30px;
margin-bottom: 10px;
padding-top:5px;
width: 500px;
}

h1 {
font: 18px georgia;
font-weight: bold;
letter-spacing: 1.6;
color: #ccc;
margin-left: 50px;
margin-bottom: 0px;
margin-top: 20px;
}

h1.logo {
font: #FFF;
}

table {
margin-left:0;
}		

table#photo {
margin-left: 125px;
}

table#photo img {
border: 2px solid #000;
}

table#photo p {
vertical-align:top;
padding:0;
margin:0;
padding-top: 10px;
padding-bottom: 75px;
}

ul#booklist {
list-type: disc; 
font: 11px verdana;
color: #000;
padding-left: 30px;
margin-left: 35px;
}

ul#booklist li {
font: 11px verdana;
color: #000;
line-height: 1.8em;
}

/*NAVIGATION*/
#navcontainer
{
background: #000;
/*padding: 1em 0 0 0;*/
width: 700px;
height: 19px;
padding: 0;
font: 10px verdana;
margin: 0;
}

/* to stretch the container div to contain floated list */

ul#navlist
{
list-style: none;
padding: 0;
margin: 0;
}

ul#navlist li
{
display: block;
float: left;
width: 100px;
height: 14px;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
/*padding: 0.5em;*/

border-top: 1px solid #ccc;
border-right: 0;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color: #fff;
text-decoration: none;
background: #000;
padding-left:10px;
padding-top:3px;
padding-bottom:2px;
letter-spacing: 1px;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #000;
color: #ccc;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
background: #e0861e;
color: #000;
border-top: 1px solid #666;
border-right: 0;
border-left: 1px solid #666;
border-bottom: 1px solid #666;
}