@charset "utf-8";
/* CSS Document */

body {
	background-color:#000;
	background-image:url('/web/images/bg_fade.gif');
	background-position:center 65px;
	background-repeat:no-repeat;
	color:#FFF;
	font-family:"Lucida Grande",Arial,sans-serif;
	font-size:11px;
	margin:0;
	min-width:800px;
	padding:0;
	width:100%;
}

h1 { font-family:Arial,Helvetica,sans-serif; font-size:22px; line-height:1.4em; }

.logo { float: right; cursor: pointer; /margin-top: 20px; }
.container { width:800px; margin: 0 auto; }

#about {  margin-top:40px; font-family:Arial,Helvetica,sans-serif; font-size:22px; line-height:1.3em; color:#CCCCCC; }
#about img { margin:0 20px 10px 0; }
#about a { color:#FF1E00; }
#about a:hover { color:#FFF; }

#about-links { margin:20px 0; }
#about-links li { display:inline; }
#about-links li a { display:inline; }

#about-links a.flickr { background-image:url(../images/icons/flickr.gif); background-position:left 7px; background-repeat:no-repeat; color:#5A5A5A; display:inline; padding:8px 0px 8px 20px; margin-right:30px;}
#about-links a.allmusic { background-image:url(../images/icons/allmusic.gif); background-position:left 7px; background-repeat:no-repeat; color:#5A5A5A; display:inline; padding:8px 0px 8px 20px; margin-right:30px;}
#about-links a.virb { background-image:url(../images/icons/virb.gif); background-position:left 7px; background-repeat:no-repeat; color:#5A5A5A; display:inline; padding:8px 0px 8px 20px; margin-right:30px;}
#about-links a.lastfm { background-image:url(../images/icons/lastfm.gif); background-position:left 7px; background-repeat:no-repeat; color:#5A5A5A; display:inline; padding:8px 0px 8px 20px; margin-right:30px;}
#about-links a.vimeo { background-image:url(../images/icons/vimeo.gif); background-position:left 7px; background-repeat:no-repeat; color:#5A5A5A; display:inline; padding:8px 0px 8px 20px; margin-right:30px;}

textarea, input { font-size:12px; font-family:Arial; padding:4px; border:0; }
textarea.large, input.large { width: 400px; }
textarea.large { height:100px; }

#header { background-image:url('/web/images/head_texture.gif'); height:65px; }
	
#header img { margin:18px 20px 0 20px; }
	
#main_navigation { float:left; margin:35px 20px 0 20px; }
#main_navigation a { color:#CCC; font-weight:normal; margin-right:20px; text-decoration:none; text-shadow:#000000 0pt 0pt 0pt; }
#main_navigation a.selected { color:#FF1E00; }
#main_navigation a:hover { color:#FFF; }

.clear { clear:both; }

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

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

#artist-nav-left {float:left; position:relative; top:84px; left:-10px; }
#artist-nav-right {float:right; position:relative; top:-67px; left:10px; }

#drop-menu { background-image:url(../images/drop_bg.jpg); background-repeat:no-repeat; color:#ADADAD; height:132px; width:740px; margin:auto; padding:10px 20px; }
#drop-key { border-bottom:3px solid #000000; margin-bottom:10px; padding-bottom:13px;}
#artist-sort { border-bottom:1px solid #ADADAD; color:#ADADAD; margin-right:30px; padding-bottom:2px; width:150px; }
a#artist-sort { text-decoration:none; margin-left:3px; }
a#artist-sort img { border:none; margin-left:3px; }

.sorter div { float: left; }

#work-type li { display:inline;  }
#work-type li.sort div { float: left; }

#work-type a.production { background-image:url(../images/leds/off.gif); background-position:left 2px; background-repeat:no-repeat; color:#5A5A5A; display:inline; padding-left:17px; margin-left:0; }
#work-type a.recording { background-image:url(../images/leds/off.gif); background-position:left 2px; background-repeat:no-repeat; color:#5A5A5A; display:inline; padding-left:17px; margin-left:20px;}
#work-type a.engineer { background-image:url(../images/leds/off.gif); background-position:left 2px; background-repeat:no-repeat; color:#5A5A5A; display:inline; padding-left:17px; margin-left:20px;}
#work-type a.mixing { background-image:url(../images/leds/off.gif); background-position:left 2px; background-repeat:no-repeat; color:#5A5A5A; display:inline; padding-left:17px; margin-left:20px;}
#work-type a.mastering { background-image:url(../images/leds/off.gif); background-position:left 2px; background-repeat:no-repeat; color:#5A5A5A; display:inline; padding-left:17px; margin-left:20px;}
#work-type a.performance { background-image:url(../images/leds/off.gif); background-position:left 2px; background-repeat:no-repeat; color:#5A5A5A; display:inline; padding-left:17px; margin-left:20px;}

#work-type a.production:hover,
#work-type .selected a.production { background-image:url(../images/leds/red.gif); background-position:left 2px; background-repeat:no-repeat; color:#ADADAD; display:inline; padding-left:17px; text-decoration:none; margin-left:0;}
#work-type a.recording:hover,
#work-type .selected a.recording { background-image:url(../images/leds/yellow.gif); background-position:left 2px; background-repeat:no-repeat; color:#ADADAD; display:inline; padding-left:17px; text-decoration:none; margin-left:20px;}
#work-type a.engineer:hover,
#work-type .selected a.engineer { background-image:url(../images/leds/green.gif); background-position:left 2px; background-repeat:no-repeat; color:#ADADAD; display:inline; padding-left:17px; text-decoration:none; margin-left:20px;}
#work-type a.mixing:hover,
#work-type .selected a.mixing { background-image:url(../images/leds/blue.gif); background-position:left 2px; background-repeat:no-repeat; color:#ADADAD; display:inline; padding-left:17px; text-decoration:none; margin-left:20px;}
#work-type a.mastering:hover,
#work-type .selected a.mastering { background-image:url(../images/leds/orange.gif); background-position:left 2px; background-repeat:no-repeat; color:#ADADAD; display:inline; padding-left:17px; text-decoration:none; margin-left:20px;}
#work-type a.performance:hover,
#work-type .selected a.performance { background-image:url(../images/leds/pink.gif); background-position:left 2px; background-repeat:no-repeat; color:#ADADAD; display:inline; padding-left:17px; text-decoration:none; margin-left:20px;}

#artist-list {height:100px; display:block; overflow:hidden; width: 740px; position: relative;}
#artist-list-container { width: 10000px; position: relative; }
#artist-list-container div { float: left; }

#artist-list div { float: left; }
#artist-list ul { float: left; width: 148px; }
#artist-list ul li a { color:#5A5A5A; }
#artist-list ul li { padding: 4px; margin-bottom: 2px; overflow: hidden; height: 11px; }
#artist-list ul li.selected a,
#artist-list ul li a:hover  { color:#ADADAD; text-decoration: none; }


#work-container { margin:40px 0 40px 8px; width:780px; }
.band-name { font-family:Arial,Helvetica,sans-serif; font-size:22px; line-height:1em; }
.band-name a { padding-left:30px; color:#5A5A5A; font-size:12px; background-image:url(../images/alt_site.gif); background-position:15px 3px; background-repeat:no-repeat; }
.band-name a:hover { text-decoration:none; background-image:url(../images/alt_site_on.gif); background-position:15px 3px; background-repeat:no-repeat; }
.band-description { color:#ADADAD; margin:10px 0 20px 0; }

.album-list { float:left; margin:10px 0 30px 0; text-align:left;}
.album { width:146px; float:left; margin:0 10px 10px 0;}
.album img { border:none; }
.album a { color:#ADADAD; text-decoration:none; }
.album a:hover { text-decoration:none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.album img { margin-right:10px; }

.album-detail { margin-bottom:20px; }
.album-wrap { float: left; }
.album-title { font: normal 22px/1.2em arial,sans-serif; }
.album-info { font-size:12px; margin-bottom:20px; color:#5A5A5A; }
.album-label { padding-right:20px; }
.album-cover { float:left; margin-right:20px; }

.work-type-mini { color:#5A5A5A; margin-bottom:20px; }
.work-type-mini .production { padding:0 20px 0 10px; background-image:url(../images/leds/red_sm.gif); background-position:left; background-repeat:no-repeat; }
.work-type-mini .recording { padding:0 20px 0 10px; background-image:url(../images/leds/yellow_sm.gif); background-position:left; background-repeat:no-repeat; }
.work-type-mini .engineer { padding:0 20px 0 10px; background-image:url(../images/leds/green_sm.gif); background-position:left; background-repeat:no-repeat; }
.work-type-mini .mixing { padding:0 20px 0 10px; background-image:url(../images/leds/blue_sm.gif); background-position:left; background-repeat:no-repeat; } 
.work-type-mini .mastering { padding:0 20px 0 10px; background-image:url(../images/leds/orange_sm.gif); background-position:left; background-repeat:no-repeat; }
.work-type-mini .performance { padding:0 20px 0 10px; background-image:url(../images/leds/pink_sm.gif); background-position:left; background-repeat:no-repeat; }
.album-description { color:#ADADAD; }

.album-audio { clear:both; float:left; width:380px; margin-top: 20px; }
.audio-sample img { margin-right:10px; position:relative; top:4px;}
.audio-sample { margin-bottom:10px; color:#5A5A5A; font-size:16px; }
.audio-sample span { position: relative; top: 5px; }

.album-photos { float:left; margin-left:20px; width:380px; }
.album-photos img { border:none; margin:0 5px 5px 0; }
.album-photos a:hover { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

.dropdown { background: url('/web/images/drop-arrow.gif') right 3px no-repeat; padding: 0 20px 2px 5px; margin: 0 15px 0 5px; border-bottom: 1px solid #ADADAD; cursor: pointer; }
.dropdown_items li { padding: 5px; background: #000; cursor: pointer; }
.dropdown_items li.selected { background: #222; }
.dropdown_items li.hilite { background: #333; }

.undertaker { font-color: red; cursor: hand; }