/*************************************************
*
*   COMMON STYLES
*
*************************************************/
body {
background: #196259 url('../images/top_gradient_black.png') top left repeat-x;
color: #000000;
font-family: Verdana, sans-serif;
font-size: 9pt;
text-align: center;
margin: 0;
padding: 0;
border: 0;
}

a:link {
background: transparent;
color: #000000;
font-family: Verdana, sans-serif;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
border: none;
outline: none;
}

a:visited {
background: transparent;
color: #000000;
font-family: Verdana, sans-serif;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
border: none;
outline: none;
}

a:hover {
background: transparent;
color: #196259;
font-family: Verdana, sans-serif;
font-size: 9pt;
font-weight: bold;
text-decoration: underline;
border: none;
outline: none;
}

a:active {
background: transparent;
color: #000000;
font-family: Verdana, sans-serif;
font-size: 9pt;
font-weight: bold;
text-decoration: underline;
border: none;
outline: none;
}

img {
border: none;
text-align: center;
vertical-align: middle;
margin: 0;
padding: 0;
}

object {
border: 0px;
margin: 0px;
padding: 0px;
overflow: hidden;
}

table {
margin: 10px auto;
}

/*************************************************
*
*   HEADER STYLES
*
*************************************************/
#header {
width: 1020px;
height: 120px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
background: url('../images/bg_main.png') top center repeat-y;
}

#header_top {
background: url('../images/header.gif') top center no-repeat;
width: 960px;
height: 72px;
margin: 0px auto;
padding: 0px;
}

#mainlogo {
width: 217px;
position: relative;
float: left;
background: transparent;
margin: 0px;
padding: 0px;
z-index: 50;
border: 0px;
}

#search {
width: 480px;
float: right;
text-align: right;
}

#search form {
margin: 6px 6px 0px 0px;
}

#mainlinkbar {
position: relative;
width: 960px;
height: 56px;
margin: 0px 0px 0px 30px;
padding: 0px;
background: transparent;
border: 0px;
text-align: center;
clear: left;
overflow: visible;
}

.clearit {
margin: 0;
padding: 0;
height: 0;
clear: both;
}

/* MENUBAR */

#menu_list {
width: 684px;
margin: 0px auto;
}

.menubar.horizontal {
width: 100%;
height: 28px;
margin: 0 auto;
padding: 0;
background: #000000 url('../images/bg_menu.gif') top left repeat-x;
text-align: center;
}
.menubar.horizontal ul {
list-style: none;
margin: 0 auto;
padding: 0;
text-align: center;
}

.menubar.horizontal ul li {
margin: 0;
padding: 0;
background: transparent url('../images/bg_menu.gif') top left repeat-x;
text-align: center;
float: left;
}

.menubar.horizontal ul li a {
display: block;
background: transparent;
cursor: pointer;
height: 28px;
padding: 7px 25px 0px;
margin: 0;
font-family: Verdana, sans-serif;
font-size: 85%;
color: #ffffff;
text-decoration: none;
}

.menubar.horizontal ul li a span.menu_ar {
display: block;
height: 22px;
padding-top: 6px;
padding-right: 25px;
background: transparent url('../images/bg_menu.gif') top right repeat-x;
cursor: pointer;
}

.menubar.horizontal ul li span.submenu {
position: absolute;
display: none;
height: 22px;
margin: 0px auto;
background: #196259;
color: #ffffff;
top: 28px;
left: 0px;
padding-top: 6px;
text-align: center;
overflow: hidden;
}

.menubar.horizontal ul li span.submenu.active {
position: absolute;
display: block;
height: 22px;
margin: 0px auto;
background: #196259;
color: #ffffff;
top: 28px;
left: 0px;
padding-top: 6px;
text-align: center;
overflow: hidden;
z-index: 5;
}

.menubar.horizontal ul li span.submenu.active a {
background: transparent;
float: left;
color: #ffffff;
padding: 0;
margin: 0px 12px;
}

.submenu.acdc { padding-left: 225px; width: 735px; }
.submenu.aerosmith { padding-left: 275px; width: 685px; }
.submenu.beatles { padding-left: 85px; width: 875px; }
.submenu.ledzeppelin { padding-left: 275px; width: 685px; }
.submenu.ozzy { padding-left: 275px; width: 685px; }
.submenu.pinkfloyd { padding-left: 275px; width: 685px; }

.menubar.horizontal ul li:hover span.submenu {
display: block;
margin: 0;
z-index: 1000;
}

.menubar.horizontal ul li:hover span.submenu a {
background: transparent;
float: left;
color: #ffffff;
padding: 0;
margin: 0px 12px;
}

.menubar.horizontal ul li:hover span.submenu a:hover {
color: #000000;
text-decoration: underline;
}

/* END BUBBLE PLASTIC HORIZONTAL MENU */

/* GREEN HOVER */
.menubar.green ul li:hover {
background: transparent url('../images/bg_hover_green.gif') top left repeat-x;
}
.menubar.green ul li a:hover,
.menubar.green ul li.highlight a {
background: transparent url('../images/bg_hover_green.gif') top left repeat-x;
}


/* BLUE HOVER */
.bubplastic.blue ul li:hover {
background: transparent url('../images/bg_hover_blue.gif') top left repeat-x;
}
.bubplastic.blue ul li a:hover,
.bubplastic.blue ul li.highlight a {
background: transparent url('../images/bg_hover_blue.gif') top left repeat-x;
}
.bubplastic.blue ul li a:hover span.menu_ar,
.bubplastic.blue ul li.highlight a span.menu_ar {
background: transparent url('../images/bg_hover_blue.gif') top right repeat-x;
}                 
                    

/*************************************************
*
*   CONTENT/CONTAINER STYLES
*
*************************************************/
#container {
background: url('../images/bg_main.png') top center repeat-y;
overflow: hidden;
margin: 0px auto;
width: 1020px;
text-align: center;
padding: 18px 0px 4px 0px;
clear: both;
border: 0px;
}

* html #container {
height: 1%;
}

#main {
background-color: transparent;
width: 732px;
border: 0px;
margin-left: 40px;
float: left;
text-align: left;
padding: 0px;
clear: none;
}

.main_search {
width: 980px;
margin-left: 40px;
border: none;
padding: 0px;
}

.main_header {
width: 730px;
border-bottom: 2px groove #196259;
margin: 0px 0px 4px 0px;
padding: 2px 6px;
color: #000000;
font-size: 160%;
font-weight: normal;
text-align: left;
}

.main_header a {
background: transparent;
font-family: Verdana, sans-serif;
border: none;
outline: none;
font-size: 100%;
font-weight: normal;
text-decoration: none;
text-transform: none;
}

.discography {
margin: auto;
text-align: center;
}

.albuminfo {
margin: auto;
text-align: center;
}

.catalog {
border-bottom: 2px groove #196259;
text-align: left;
margin: 12px auto 2px auto;
width: 640px;
}

.catalog>h3 {
background: transparent;
}

h2#album_title {
font-size: 150%;
line-height: 100%;
margin: 0;
padding: 0;
}

.links {
margin: 10px 20px;
text-align: left;
line-height: 140%;
}

.links span {
color: #cc5500;
font-size: 7pt;
}

#trackSearch {
margin: 6px;
display: inline;
}

#trackSearch label {
margin-left: 6px;
padding-right: 2px;
}

#trackSearchResults {
width: 100%;
}

/*************************************************
*
*   SIDEBAR STYLES
*
*************************************************/
#sidebar {
background-color: transparent;
width: 200px;
float: right;
margin: 0px 24px 0px -8px;
display: inline;
padding: 4px 0px 0px 0px;
border: 0px;
clear: none;
}

.sidebar_content {
width: 190px;
margin: 2px 0px 4px 0px;
border: none;
padding: 0px;
}

.sidebar_header {
background-color: transparent;
width: 190px;
border-bottom: 2px groove #196259;
margin: 2px 0px 4px 0px;
padding: 2px 0px;
color: #000000;
font-size: 120%;
font-weight: bold;
text-align: left;
}

#potddate {
font-weight: bold;
color: #18181A;
text-align: center;
margin-bottom: 4px;
}

/*************************************************
*
*   FOOTER STYLES
*
*************************************************/
#footer {
width: 1020px;
height: 92px;
clear: left;
margin: 0px auto 0px auto;
background: url('../images/bg_footer.png') no-repeat;
color: #18181A;
text-align: center;
border: none;
padding-top: 28px;
font-size: 8pt;
letter-spacing: -1px;
}

#footer_links {
position: relative;
margin: 0px auto;
}

#footer_links td {
padding: 2px;
}

.update {
font-size: 7pt;
text-align: center;
margin-right: 15px;
letter-spacing: 0px;
}

.copyright {
font-size: 7pt;
text-align: center;
margin-right: 15px;
letter-spacing: 0px;
}

.phpver {
font-size: 7pt;
text-align: center;
letter-spacing: 0px;
}