html {
	border:none;
	margin:0;
	padding:0;}

body {
	margin:0;
	padding:10px;
	background:#000;}

#wrap {
	width:842px;}

#homelink {
	float:left;
	width:50px;
	height:50px;
	margin:0 10px 10px 0;}
#homelink img,
#homelink a {
	border:none;}

h1 {
	margin:0 0 10px 60px;
	padding:0 20px;
	background:#969 url(../images/bg-purple.gif)/* url(../images/bg-header.gif) no-repeat 810px center */;
	color:#fff;
	font:bold 30px/50px verdana, arial, helvetica, sans-serif;
	text-transform:uppercase;}
	h1 a {
		color:#fff;
		text-decoration:none;}
	h1 a:hover,
	h1 a:focus {
		color:#000;}
	h1 span {
		color:#800080;}

#corpse {
	float:left;
	width:514px;
	cursor:pointer;
	margin:0 0 10px 0;
	color:#fff;
	color:#009900;
	background:#ff0000;
	background:#FF9900;}
	#corpse h2 {
		margin:0;
		padding:0 0 0 20px;
		color:#fff;
		font:bold 25px/40px verdana, arial, helvetica, sans-serif;
		font-style:italic;}
	#corpse h2:hover {
		color:#000;}
	#corpse #sc1 {
		padding:0 20px 20px 20px;
		background:#ff0000 url(../images/bg-corpse.gif) no-repeat bottom right;
		font:bold 14px/18px verdana, arial, helvetica, sans-serif;}
		#corpse a {
			color:#000;
			color:#009900;}
		#corpse a:hover,
		#corpse a:focus {
			color:#fff;}

#youtube {
	float:right;
	width:318px;
	height:40px;
	margin:0 0 10px 0;
	background:url(../images/link-damn6deal6done6.gif);}
	#youtube a {
		display:block;
		overflow:hidden;
		width:318px;
		height:40px;
		text-indent:-999px;}
	#youtube a:hover,
	#youtube a:focus {
		width:308px;
		height:30px;
		border:5px solid #ff00ff;
		background:url(../images/trans.gif);}

#aboutme {
	float:left;
	clear:left;
	width:259px;
	height:194px;
	margin:0 0 10px 0;
	background:url(../images/link-aboutme.gif);
	text-indent:-999px;}
	#aboutme a {
		display:block;
		width:259px;
		height:194px;}
	#aboutme a:hover,
	#aboutme a:focus {
		width:249px;
		height:184px;
		border:5px solid #ff00ff;
		background:url(../images/trans.gif);
		color:#f00;
		font:bold 25px verdana, arial, helvetica, sans-serif;
		text-decoration:none;
		text-indent:9px;}

#solo {
	float:right;
	margin:0 0 10px 0;
	width:220px;
	height:194px;
	background:url(../images/solo.gif);
	text-indent:-999px;}
	#solo a {
		display:block;
		width:220px;
		height:194px;}
	#solo a:hover,
	#solo a:focus {
		width:210px;
		height:184px;
		border:5px solid #ff00ff;
		background:url(../images/trans.gif);
		color:#f00;
		font:bold 25px verdana, arial, helvetica, sans-serif;
		text-decoration:none;
		text-indent:9px;}

#stars {
	width:343px;
	height:194px;
	margin:0 0 10px 269px;
	background:url(../images/cover-counts-debut.png) center center;
	text-indent:-999px;}
	#stars a {
		display:block;
		width:343px;
		height:194px;}
	#stars a:hover,
	#stars a:focus {
		width:333px;
		height:184px;
		border:5px solid #ff00ff;
		background:url(../images/trans.gif);
		color:#f00;
		font:bold 25px verdana, arial, helvetica, sans-serif;
		text-decoration:none;
		text-indent:9px;}

#gear {
	float:left;
	width:682px;
	height:505px;
	margin:0 0 10px 0;
	background:url(../images/bg-main3.gif);
	text-indent:-999px;}
	#gear a {
		display:block;
		width:682px;
		height:505px;}
	#gear a:hover,
	#gear a:focus {
		width:672px;
		height:495px;
		border:5px solid #ff00ff;
		background:url(../images/trans.gif);
		font:bold 25px verdana, arial, helvetica, sans-serif;
		color:#f00;
		text-decoration:none;
		text-indent:9px;}

#bandwrap {
	float:right;
	width:150px;}

.exbands {
	margin:0 0 10px 0;
	padding:0 20px;
	background:#f00 url(../images/bg-red.gif);
	color:#fff;
	font:bold 15px/25px verdana, arial, helvetica, sans-serif;
	text-transform:uppercase;}

#sand {
	width:150px;
	height:150px;
	margin:0 0 10px 0;
	background:url(../images/sand.gif);
	text-indent:-999px;}
	#sand a {
		display:block;
		width:150px;
		height:150px;}
	#sand a:hover,
	#sand a:focus {
		width:130px;
		height:135px;
		padding:5px 0 0 10px;
		border:5px solid #ff00ff;
		background:url(../images/trans.gif);
		color:#f00;
		font:bold 20px verdana, arial, helvetica, sans-serif;
		text-decoration:none;
		text-indent:0;}

#wearethieves {
	width:150px;
	height:150px;
	margin:0 0 10px 0;
	background:url(../images/wearethieves.gif);
	text-indent:-999px;}
	#wearethieves a {
		display:block;
		width:150px;
		height:150px;}
	#wearethieves a:hover,
	#wearethieves a:focus {
		width:130px;
		height:135px;
		padding:5px 0 0 10px;
		border:5px solid #ff00ff;
		background:url(../images/trans.gif);
		color:#f00;
		font:bold 20px verdana, arial, helvetica, sans-serif;
		text-decoration:none;
		text-indent:0;}

#braid {
	width:150px;
	height:150px;
	margin:0;
	background:url(../images/braid.gif);
	text-indent:-999px;}
	#braid a {
		display:block;
		width:150px;
		height:150px;}
	#braid a:hover,
	#braid a:focus {
		width:130px;
		height:135px;
		padding:5px 0 0 10px;
		border:5px solid #ff00ff;
		background:url(../images/trans.gif);
		color:#f00;
		font:bold 20px verdana, arial, helvetica, sans-serif;
		text-decoration:none;
		text-indent:0px;}

.tree {
	clear:both;
	padding:0 20px;
	margin:0 0 10px 0;
	background:#096;
	color:#fff;
	font:bold 15px/35px verdana, arial, helvetica, sans-serif;
	text-transform:uppercase;}

.othersites {
	clear:both;
	padding:0 20px;
	margin:0 0 10px 0;
	background:#f00 url(../images/bg-red.gif);
	color:#fff;
	font:bold 15px/35px verdana, arial, helvetica, sans-serif;
	text-transform:uppercase;}
	
#dawkins {
	display:block;
	float:left;
	width:274px;
	height:100px;
	margin:0 0 10px 0;
	background:url(../images/link-dawkins.gif);}
	#dawkins a {
		display:block;
		overflow:hidden;
		width:274px;
		height:100px;
		text-indent:-999px;}
	#dawkins a:hover,
	#dawkins a:focus {
		width:264px;
		height:90px;
		border:5px solid #ff00ff;
		background:url(../images/trans.gif);}

#cynicalson {
	display:block;
	float:right;
	width:558px;
	height:100px;
	margin:0 0 10px 0;
	background:url(../images/link-cynicalson-roll.gif);}
	#cynicalson a {
		display:block;
		overflow:hidden;
		width:558px;
		height:100px;
		background:url(../images/link-cynicalson.gif);
		text-indent:-999px;}
	#cynicalson a:hover,
	#cynicalson a:focus {
		width:548px;
		height:90px;
		border:5px solid #ff00ff;
		background:url(../images/trans.gif);}

#sloburn {
	display:block;
	float:left;
	width:558px;
	height:100px;
	margin:0 0 10px 0;
	background:url(../images/link-sloburn.gif);}
	#sloburn a {
		display:block;
		overflow:hidden;
		width:558px;
		height:100px;
		text-indent:-999px;}
	#sloburn a:hover,
	#sloburn a:focus {
		width:548px;
		height:90px;
		border:5px solid #ff00ff;
		background:url(../images/trans.gif);}

#akira {
	display:block;
	float:right;
	width:274px;
	height:100px;
	margin:0 0 10px 0;
	background:url(../images/link-akira.gif);}
	#akira a {
		display:block;
		overflow:hidden;
		width:274px;
		height:100px;
		text-indent:-999px;}
	#akira a:hover,
	#akira a:focus {
		width:264px;
		height:90px;
		border:5px solid #ff00ff;
		background:url(../images/trans.gif);}

#webdesign {
	clear:both;
	margin:0 0 10px 0;
	background:#963;
	background:#00CCFF;
	background:#FFCCFF;}
#webdesign a {
	display:block;
	padding:0 20px;
	color:#000;
	font:16px/40px verdana, arial, helvetica, sans-serif;
	text-decoration:none;}
#webdesign a:hover {
	background:#0ff;
	color:#666;
	font-weight:bold;}

#yld {
	display:block;
	float:right;
	width:842px;
	height:100px;
	margin:0 0 10px 0;
	background:url(../images/link-year-long-disaster.gif);}
	#yld a {
		display:block;
		overflow:hidden;
		width:842px;
		height:100px;
		text-indent:-999px;}
	#yld a:hover,
	#yld a:focus {
		width:832px;
		height:90px;
		border:5px solid #ff00ff;
		background:url(../images/trans.gif);}

#boris {
	display:block;
	float:right;
	width:842px;
	height:100px;
	margin:0 0 10px 0;
	background:url(../images/link-boris.gif);}
	#boris a {
		display:block;
		overflow:hidden;
		width:842px;
		height:100px;
		text-indent:-999px;}
	#boris a:hover,
	#boris a:focus {
		width:832px;
		height:90px;
		border:5px solid #ff00ff;
		background:url(../images/trans.gif);}

#content {
	clear:both;
	width:802px;
	margin:0 0 10px 0;
	padding:20px;
	background:#f00;
	font:16px verdana, arial, helvetica, sans-serif;}
	#content a {
		color:#fff;}
	#content a:hover {
		color:#6699cc;}
	#content a:hover img {
		border:1px solid #fff;}

#footer {
	clear:both;
	margin:0;
	padding:0 20px;
	background:#969 url(../images/bg-purple.gif);
	color:#000;
	font:16px/40px verdana, arial, helvetica, sans-serif;}
	#footer a {
		color:#000;
		text-decoration:none;}
	#footer a:hover,
	#footer a:focus {
		color:#fff;}

.cdbox,
.infobox {
	overflow:hidden;
	width:775px;
	padding:13px;
	background:#000;
	color:#f00;}
.cdbox p,
.infobox p {
	margin:0;
	padding:0;}
.cdbox img,
.infobox img {
	margin:0 10px 0 0;
	border:1px solid #f00;}

.floatl {
	float:left;}

.floatr {
	float:right;}

.hidden {
	display:none;}

hr {
	display:none;}

.cleardiv {
	clear:both;
	overflow:hidden;}

.microtext {
	font-size:11px;
	font-weight:normal;}

table,
td,
tr {
	margin:0;
	padding:0;
	vertical-align:top;}






























#nav {
	height:90px;
	margin:0 0 10px 0;}

#nav #aboutme,
#nav #stars,
#nav #solo,
#nav #gear,
#nav #sand,
#nav #wearethieves,
#nav #braid {
	float:left;
	width:120px;
	height:90px;
	margin:0;
	text-indent:-999px;}
	#nav #aboutme a,
	#nav #stars a,
	#nav #solo a,
	#nav #gear a,
	#nav #sand a,
	#nav #wearethieves a,
	#nav #braid a {
		display:block;
		width:120px;
		height:90px;}
	#nav #aboutme a:hover,
	#nav #aboutme a:focus,
	#nav #stars a:hover,
	#nav #stars a:focus,
	#nav #solo a:hover,
	#nav #solo a:focus,
	#nav #gear a:hover,
	#nav #gear a:focus,
	#nav #sand a:hover,
	#nav #sand a:focus,
	#nav #wearethieves a:hover,
	#nav #wearethieves a:focus,
	#nav #braid a:hover,
	#nav #braid a:focus {
		width:110px;
		height:75px;
		padding:5px 0 0 0;
		border:5px solid #ff00ff;
		background:url(../images/trans.gif);
		color:#f00;
		font:bold 16px verdana, arial, helvetica, sans-serif;
		text-align:center;
		text-decoration:none;
		text-indent:0;}

#nav #aboutme {background:url(../images/link-aboutme.gif) center center;}
#nav #stars {background:url(../images/cover-counts-debut.png) right center;width:122px;}
#nav #solo {background:url(../images/solo.gif) center center;}
#nav #gear {background:url(../images/bg-main3.gif);}
#nav #sand {background:url(../images/sand.gif) center center;}
#nav #wearethieves {background:url(../images/wearethieves.gif);}
#nav #braid {background:url(../images/braid.gif) center center;}

#nav #stars a {width:122px;}
#nav #stars a:hover, #nav #stars a:focus {width:112px;}





























#lightbox {
	position:absolute;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	line-height:0;}

#lightbox a img {
	border:none;}

#outerImageContainer {
	position:relative;
	background-color:#fff;
	width:250px;
	height:250px;
	margin:0 auto;}

#imageContainer {
	padding:10px;}

#loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;}

#hoverNav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;}

#imageContainer>#hoverNav {left:0;}
#hoverNav a {outline:none;}

#prevLink,
#nextLink {
	width:49%;
	height:100%;
	background:transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display:block;}

#prevLink {left:0;float:left;}
#nextLink {right:0;float:right;}
#prevLink:hover,
#prevLink:visited:hover {background:url(../images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover,
#nextLink:visited:hover {background:url(../images/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer {
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#fff;
	margin:0 auto;
	line-height:1.4em;
	overflow:auto;
	width:100%;}

#imageData {padding:0 10px;color:#666;}
#imageData #imageDetails {width:70%;float:left;text-align:left;}	
#imageData #caption {font-weight:bold;}
#imageData #numberDisplay {display:block;clear:left;padding-bottom:1.0em;}			
#imageData #bottomNavClose {width:66px;float:right;padding-bottom:0.7em;}	
		
#overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px;
	background-color:#000;}