/*CSS Document*/
/*Maximum space yields maximum impact*/
* {padding:0; margin:0;}
html {height:100%; max-height:100%; overflow:hidden;}
body {height:100%; max-height:100%; overflow:hidden; border-left:240px solid #232323;
background:#000; color:#C9C9C9; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; background-attachment:fixed;}

/*Layout*/
#fixed-col, #logo, #nav, #subnav {position:absolute; top:0; left:0; display:block; width:240px; z-index:3;}
	#logo a img:hover, #logo a:hover {background:url(../global/contact.gif) top right no-repeat;}
	#logo h2 {position:absolute; left:-9999px;}
#image {position:absolute; top:50%; left:50%; color:#999;}
#info {position:absolute; top:310px; left:0; width:180px; padding:0 29px;}
	.credit1 {float:left; width:110px; font-size:11px; padding-bottom:5px;}
	.cred-wide {width:180px;}
	.credit2 {float:left; width:70px; font-size:11px; padding-bottom:5px;}
#footer {position:absolute; bottom:10px; left:29px; font-size:11px; font-weight:bold; color:#646464;}
#fixed-col {background:url(../global/bg-flash.gif) no-repeat #232323; height:1300px;}
	
#flash-bg {width:240px; height:1300px; background:#232323;}
#fix-bg {position:absolute; z-index:1; background:#232323; width:240px; height:600px; top:600px; left:0;}
#content {width:720px; margin:80px auto 0;}
/*Home*/
.home {}
#home-feature {width:100%; height:100%; text-align:right;}
#fixed-col.home {background:url(../global/bg-flash-home.gif) no-repeat #232323;}
/*Waterfall*/
.wf {display:block; padding:2px; border:1px #333 solid;}
	.wf:hover {padding:1px; border:2px #ccc solid;}

/*Text, Formatting*/
p a, #content a, h2 a {color:#fff; text-decoration:none;}
p a:hover, #content a:hover, h2 a:hover {background:#ccc; color:#000;}
a img {border:none;}
a {outline:none;}

p {padding-bottom:10px; clear:both;}

h1, #content h2 {font-size:18px; font-weight:bold; line-height:22px; padding-bottom:15px; color:#fff; margin-top:0;}
h2, h4 {font-size:11px; font-weight:bold; margin-top:-15px; padding-bottom:10px;}
h3 {font-size:11px; font-weight:bold; color:#ECECEC;}
h5 {font-size:10px; font-weight:bold; color:#555; text-transform:uppercase;}

.link-quiet {color:#C9C9C9;}
a.link-quiet:hover {color:#C9C9C9; background:none; text-decoration:underline;}
.hr {height:2px; line-height:2px; background:#000; clear:both; margin:2px 0 8px;}
.small {font-size:10px;}

#image p a, #image2 p a {color:#999; text-decoration:none;}
	#image p a, #image2 p a {text-decoration:underline;}

/*Footer*/ #footer {z-index:99;}
#footer a {color:#555; padding-bottom:1px; width:6px; height:14px; text-decoration:none; display:block; float:left; text-align:center;}
	#footer a:visited {background:#2f2f2f;}
	#footer a:hover {color:#000; background:#555;}
	#footer h4 {margin-top:0; padding-bottom:3px;}
	
/*Global hide*/
#nav b, #subnav b, #prev b, #next b, #paging b, #view-site b, .download b {display:none;}
/*Global Over*/
#prev a:hover, #next a:hover, .download a:hover {background-position:bottom;}

/*Nav - Uses image sprites*/
#nav {top:80px; width:120px; background:url(../global/nav.gif);}
#nav a {background-image:url(../global/nav.gif); width:120px; height:27px; display:block;}
	/*On States*/
	div#nav .on a {background-image:url(../global/nav-on-ie.gif);}
		/*IE On states, GIF override*/
		* html div#nav .on a {background-image:url(../global/nav-on-ie.gif); filter:alpha(opacity=93);}		
	/*Positioning and Over states*/
	#n1 a:hover {background-position:120px 0;}
	#n2 a {background-position:0 243px;} #n2 a:hover {background-position:120px 243px;}
	#n3 a {background-position:0 216px;} #n3 a:hover {background-position:120px 216px;}
	#n4 a {background-position:0 189px;} #n4 a:hover {background-position:120px 189px;}
	#n5 a {background-position:0 162px;} #n5 a:hover {background-position:120px 162px;}
	
/*Subnav - Uses image sprites*/
#subnav {top:80px; left:120px; width:120px;}
#subnav a {background-image:url(../global/subnav.gif); width:120px; height:27px; display:block;}
	/*On States*/
		div#subnav .on a {background-image:url(../global/subnav-on.gif); opacity:0.6; filter:alpha(opacity=60);}
	/*Positioning and Over states, sitewide subnav*/
	#featured a:hover {background-position:120px 0;}
	#s2007 a {background-position:0 324px;} #s2007 a:hover {background-position:120px 324px;}
	#s2006 a {background-position:0 297px;} #s2006 a:hover {background-position:120px 297px;}
	#s2005 a {background-position:0 270px;} #s2005 a:hover {background-position:120px 270px;}
	#archived a {background-position:0 243px;} #archived a:hover {background-position:120px 243px;}
	#see-all a {background-position:0 216px;} #see-all a:hover {background-position:120px 216px;}
	#electronic a {background-position:0 189px;} #electronic a:hover {background-position:120px 189px;}
	#solo a {background-position:0 162px;} #solo a:hover {background-position:120px 162px;}
	#collaboration a {background-position:0 135px;} #collaboration a:hover {background-position:120px 135px;}
	#locusts a {background-position:0 108px;} #locusts a:hover {background-position:120px 108px;}
	#photography a {background-position:0 81px;} #photography a:hover {background-position:120px 81px;}
	#notes a {background-position:0 54px;} #notes a:hover {background-position:120px 54px;}
	#random a {background-position:0 27px;} #random a:hover {background-position:120px 27px;}

/*Previous, Next*/
#prev, #next, #no-linear {position:absolute; top:240px; left:0;}
	#prev, #prev a, #next, #next a {display:block; width:120px; height:40px;}
	#prev a {background:url(../global/prev.gif); filter:alpha(opacity=96); opacity:0.96;} /*Uses global bg-pos:bottom*/
	#next a {background:url(../global/next.gif); filter:alpha(opacity=96); opacity:0.96;}
#next {left:120px;}
#no-linear {width:240px; height:40px; background:#000; filter:alpha(opacity=94); opacity:0.94;}

/*Paging*/
#paging {float:left; height:34px; width:170px;}
#paging a {float:left; background-image:url(../global/paging.gif); width:18px; height:18px; display:block; opacity:0.4; filter:alpha(opacity=40);}
	/*On States*/
	div#paging .on a {opacity:1.0; filter:alpha(opacity=100);}
	/*Over States*/
	#paging a:hover {opacity:0.67; filter:alpha(opacity=67);}
	/*Positioning*/
	#p2 a {background-position:144px 0;}
	#p3 a {background-position:126px 0;}
	#p4 a {background-position:108px 0;}
	#p5 a {background-position:90px 0;}
	#p6 a {background-position:72px 0;}
	#p7 a {background-position:54px 0;}
	#p8 a {background-position:36px 0;}
	#p9 a {background-position:18px 0;}

/*View Site*/
#view-site {position:absolute; height:34px; left:143px;}
#view-site a {background:url(../global/view-site.gif); width:67px; height:18px; display:block; opacity:0.4; filter:alpha(opacity=40);}
	#view-site a:hover {background-position:bottom; opacity:1.0; filter:alpha(opacity=100);}

/*See All*/
.see-all .heading {padding-bottom:25px; width:100%;}
.l-col {float:left; width:340px;}
.r-col {float:right; width:320px;}
div#content.see-all a {color:#ccc; display:block; width:250px; padding:2px 5px 3px 50px; clear:both;}
	div#content.see-all a:visited {background:url(../global/bg-visited.gif) no-repeat 15px 7px;}
	div#content.see-all a:hover, div#content.see-all a:hover b {color:#000; font-weight:bold; background:#ccc; cursor:pointer;}
		div#content.see-all a:hover {background:url(../global/bg-visited-hover.gif) 15px 7px no-repeat #ccc;}
	div#content.see-all a b {float:left; width:160px; font-weight:normal;}
	div#content.see-all a i {float:left; width:55px; font-style:normal;}
.vis, .pro, .yea, .rat {float:left; font-weight:bold; font-size:12px; color:#777; padding-bottom:10px;}
	.vis {width:50px;}
	.pro {width:160px;}
	.yea {width:55px;}
	.rat {width:35px;}

/*Music*/
.music .heading {padding-bottom:25px; width:100%;}
.title, .length, .feat, .year, .genre {float:left; font-weight:bold; font-size:12px; color:#777; }
	.title, .ti {width:180px; padding-left:25px;}
		.parent .ti {padding:0; font-weight:bold;}
	.feat, .fe {width:290px;}
	.length, .le {width:60px;}	
	.year {width:60px;}
	.genre, .ge {width:100px;}
.ti, .fe, .le, .ge {color:#fff; float:left;}
.music-pic {position:absolute; top:-30px; margin-left:495px; font-size:11px; color:#444; line-height:18px;}
.down-help {font-size:11px; color:#444; padding-top:20px;}
.locusts {background:#000; padding:20px;}
#download-all {height:50px;}
#download-all a {float:left; display:block; width:132px; height:20px; background:url(../global/download-all.gif);}
	div#content.music #download-all a:hover {background:url(../global/download-all.gif) bottom;}
	#download-all b {display:none;}
	#download-all span {position:absolute; margin:2px 0 0 10px; color:#777;}
	
	/*Accodrian*/
	.parent {cursor:pointer;}
	.accordian {list-style:none; clear:both; margin-top:20px; border-top:1px solid #232323;}
	.accordian li {border-bottom:1px solid #232323; width:720px; float:left; clear:both;}
			.parent a {display:block; padding:6px 5px 7px 25px; width:690px; height:17px; float:left;}
			div#content.music .parent a:hover {color:#fff; background:url(../global/bg-closed.gif) no-repeat 7px 7px #232323;}
		.child {padding:0 5px 0 25px; background:#232323; float:left; width:690px;}
		.accordian .open, div#content.music .open a:hover {background:url(../global/bg-open.gif) no-repeat 7px 7px #232323;}
.child .down {float:left; width:180px; padding:8px 0 20px;}
.child .m-info {float:left; width:485px; padding:8px 0 20px;}
.download a {display:block; width:79px; height:16px; background:url(../global/download.gif);}
div#content.music .download a:hover {background:url(../global/download.gif) bottom;}

/*Email Spam Protection*/
#email {display:block; width:154px; height:15px; background:url(../global/email.gif);}
	#email:hover {background-position:bottom;}