/* UNIVERSAL
***********************************************************************/
body { background-color: #000; color: #FFF; }

a:link, a:visited, a:hover, a:active { color: #FFF; }
a:hover { color: #de9428; }

object { margin: 0; }

/* CONTAINER
***********************************************************************/
#container { position: relative; margin: 0 auto; width: 950px; height: 950px; }

/* PAGE SPECIFIC BACKGROUND IMAGES
***********************************************************************/
#home #container, 
#music-videos #container { background: url(../images/awakening_panel.jpg) no-repeat top left; }
#tracks #container { background-image: url(../images/filament_panel.jpg); }
#merchandise #container { background-image: url(../images/flood_light_panel.jpg); }

/* NAVIGATION
***********************************************************************/
#navigation { position: absolute; top: 160px; left: 70px; }
#navigation ul { margin-left: 0; padding-left: 0; }
#navigation li { float: left; list-style-type: none; margin-right: 8px; }
#navigation a { display: block; height: 37px; text-indent: -9999em; overflow: hidden; }

#nav-home { background: transparent url(../images/nav_home.jpg) no-repeat bottom right; width: 89px; }
#nav-home a:hover { background: transparent url(../images/nav_home.jpg) no-repeat top right; }

#nav-merchandise { background: transparent url(../images/nav_merchandise.jpg) no-repeat bottom right; width: 205px; }
#nav-merchandise a:hover { background: transparent url(../images/nav_merchandise.jpg) no-repeat top right; }

#nav-tracks { background: transparent url(../images/nav_tracks.jpg) no-repeat bottom right; width: 212px; }
#nav-tracks a:hover { background: transparent url(../images/nav_tracks.jpg) no-repeat top right; }

#nav-music { background: transparent url(../images/nav_music.jpg) no-repeat bottom right; width: 212px; }
#nav-music a:hover { background: transparent url(../images/nav_music.jpg) no-repeat top right; }

/* FOOTER
***********************************************************************/
#footer { position: absolute; left: 70px; width: 800px; }
#footer img { float: left; margin-right: 8px; }
#footer p { float: left; color: #AAA; font-size: 0.875em; }
#home #footer { bottom: 250px; }
#tracks #footer { bottom: 0; }
#merchandise #footer { top: 1100px; }
#music-videos #footer { top: 625px; }

/* BOXES
***********************************************************************/
.box { position: absolute; background-image: url(../images/box-black.png); padding: 8px; }

/* About Box */ 
#about { top: 205px; left: 70px; width: 500px; }
#about h6, #lyrics h6 { font-size: 0.75em; color: #DDD; margin-top: -1em; margin-bottom: 1.5em; }

/* Sample Tracks Box */
#sample { top: 205px; right: 70px; width: 270px; }
#sample ul { list-style-type: none; margin-left: 0; padding-left: 0; }
#track-1, #track-2, #track-3, #track-4, 
#track-5, #track-6, #track-7, #track-8, 
#track-9, #track-10, #track-11, #track-12, 
#track-13, #track-14, #track-15, #track-16 { margin: 0; font-size: 0.75em; }

/* Track Listing Box */
#listing { top: 205px; left: 70px; width: 270px; }
#listing li { text-transform: lowercase; }

/* Store Items Box */
#items { top: 205px; left: 70px; width: 800px; }
.item { width: 210px; }
.item .border { margin-bottom: 1em; }

/* Music Videos */
#video-player { top: 205px; left: 70px; width: 800px; }

/* Lyrics Box */
#lyrics { top: 205px; right: 70px; width: 500px; }

/* MISCELLANEOUS
***********************************************************************/
img.border { padding: 3px; border: 3px double #BBB; }

.wrapper-items { overflow: auto; _height: 1%; }
