@import url(global.css);

#header {background:url(../images/about_banner.jpg) no-repeat;}

#albums {float:left; padding-top:10px; padding-left:35px; padding-right:10px; width:870px; margin-left:10px; margin-top:0;}
#albums .artist {padding-top:20px; clear:both;}
#albums .album {position:relative; float:left; width:830px; padding:20px; margin-bottom:10px; border-bottom:1px solid #777; border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #777; clear:both; background:#e2d8a3;}
#albums .album h3 {font-size:1.6em; font-family:georgia, times, serif; font-weight:bold; padding:0 0 12px 0;}
#albums .album .artwork {float:left; width:180px;}
#albums .album .artwork img {border:2px solid #fff;}
#albums .album .artwork a img {border:none; margin-top:3px;}
#albums .album .listing {margin-left:210px; width;620px; margin-right:10px;}
#albums .album .listing td {padding:2px 10px; font-family: tahoma, arial, sans-serif; font-size:1.1em;}
#albums .album .listing td.name {text-transform:uppercase; max-width:350px;}
#albums .album .listing td.writer {font-style:italic; text-transform:lowercase; }

#albums .album a.top {position:absolute; right:10px; bottom:10px;}

#albums a.linkback {position:relative; left:788px; top:34px;}
#albums a.linkback {display:block; width:60px; background:#dfc594; padding:5px 10px; border-bottom:1px solid #aaa; border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #777; text-decoration:none; text-align:center;}
#albums a.linkback:hover {background:#fddfa8;}

#albums h1 {font-size:3.5em; font-family:"Century Gothic", Tahoma, Arial, Helvetica, sans-serif; color:#5c2d22; font-weight:normal;}
#albums h2 {font-size:3em; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#333; font-weight:normal; background:transparent url(../images/rule.gif) bottom left repeat-x;}
#albums h3 {font-size:2.5em; font-family:"Century Gothic", Tahoma, Arial, Helvetica, sans-serif; color:#222; font-weight:normal;}
#albums h4 {font-family:"Century Gothic", Tahoma, Arial, Helvetica, sans-serif; color:#5c2d22; font-weight:bold;}

/** Tab selectors*/
#discography_nav {border-bottom:1px solid #aaa;}
#discography_nav ul {width:570px; position:relative; top:1px; overflow:hidden;}
#discography_nav li {float:left;}
#discography_nav li a {display:block; background:#dfc594; padding:5px 10px; border-bottom:1px solid #aaa; border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #777; text-decoration:none; text-align:center; margin-right:5px;}
#discography_nav li a.active {border-bottom:1px solid #ddd; background:#fddfa8;}
#discography_nav li a:hover {background:#fddfa8;}

.player_instructions {width:535px; padding:10px; border-bottom:1px solid #777; border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #777;}