* {margin:0;padding:0;}
body {font-family:Arial, Helvetica, sans-serif;font-size:65.5%;font-size:10pt;color:#2f2d2a;background:url('images/bgsub.png') no-repeat top center #000;}
a , img {border:none;}	  
	a:hover {text-decoration:none;}
	a:active {outline:none;}
em {font-style:normal;}
p {line-height:14pt;}

.indexBg {background:url('images/bg.png') no-repeat top center #000;text-align:center;}
.subBg {background:url('images/bgsub.png') no-repeat top center #000;text-align:center;}

.container {width:960px;margin:auto;text-align:left;padding:40px 0 60px 0;}

.header {background:url('images/header.png');width:960px;height:172px;display:block;margin-bottom:35px;}
.leftColumn {width:610px;float:left;}
.rightColumn {float:right;padding-right:10px;position:relative;}

.recentPosts {margin-bottom:15px;position:relative;}
	.recentPosts a {float:left;width:220px;height:180px;overflow:hidden;margin-left:3px;position:relative;text-decoration:none;}
		.recentPosts a img {height:180px;}
		.recentPosts a span {display:block;background:url('images/opacity.png');padding:8px 5px;font-size:7pt;color:#878584;position:absolute;bottom:0;
								width:210px;overflow:hidden;}
		.recentPosts a em {text-transform:uppercase;display:block;color:#fff;position:relative;margin-bottom:-2px;}
	.recentPosts .first {margin:0;width:290px;height:230px;}
		.recentPosts .first img {height:230px;}
		.recentPosts .first span {font-size:8pt;padding:10px 15px;width:260px;background:url('images/opacityfirst.png') right center no-repeat;}
			.recentPosts .first span:hover {background:url('images/opacityfirsthover.png') right center no-repeat;}
			.recentPosts .first .spanHover {background:url('images/opacityfirsthover.png') right center no-repeat;}
			.recentPosts .first .spanNormal {background:url('images/opacityfirst.png') right center no-repeat;}
		.recentPosts .first em {font-weight:bold;font-size:11pt;margin-bottom:-4px;}
.featuredButton {background:url('images/featuredbutton.png');position:absolute;width:66px;height:69px;bottom:0;right:0;margin-right:-25px;
				   margin-bottom:40px;z-index:99;}

.post {position:relative;}
	.post h2 , .post h3 {z-index:10;background-color:#000;position:absolute;top:0;}
	.post h2 {margin-top:10px;color:#fff;text-transform:uppercase;letter-spacing:-2px;font-size:18pt;min-width:515px;padding:5px 5px 0 5px;}
	.post h3 {margin-top:40px;font-weight:normal;font-size:9pt;padding:0 0 5px 0;color:#827f7e;padding:0 5px 10px 5px;min-width:230px;}
		.post h3 a {color:#fff;}
	.post .thumb {top:0;z-index:9;position:relative;height:350px;width:610px;}
		.post .thumb img {width:610px;}
	/* margin shorthand won't work w/ neg. margins */
	.post .date {float:left;z-index:99;background-color:#000;letter-spacing:-2px;font-size:17pt;padding:25px 5px 5px 5px;margin-left:-10px;font-weight:bold;
				   color:#fff;margin-right:15px;margin-top:-45px;position:relative;}
	.post .copy {background:url('images/copy.gif');padding:20px 20px 40px 20px;position:relative;margin-top:7px;text-align:left !important;}
		.post .copy a {color:#2f2d2a;}
.noBottom {margin:0;}
		
.commentLink {padding-bottom:15px;margin-bottom:20px;background-color:#050505;}		
	.commentLink a {color:#827f7e;text-decoration:none;text-transform:lowercase;float:right;letter-spacing:-1px;margin-right:15px;}
		.commentLink a:hover {color:#fff;}
	.commentLink .fancyBorder {background:url('images/fancyborder.gif') repeat-x top left;height:1px;margin:1px 0 13px 0;}	
		
.postNav {}
	.postNav a {float:left;color:#9f9c9a;text-decoration:none;margin-left:10px;}
		.postNav a:hover {color:#fff;}
		.postNav span a {color:#fff;}
			.postNav span a:hover {color:#8a836b;}
		
.page {position:relative;background-color:#050505;padding:0 20px 40px 20px;color:#b3b0ae;min-height:470px;}
	.page h1 {font-size:29pt;color:#fbf2e9;text-transform:uppercase;letter-spacing:-4px;position:relative;top:-8px;margin-bottom:5px;}
		.page h1 span {position:absolute;width:100%;height:100%;z-index:99;background:url('images/headeropacity.png') repeat-y left top;left:0;top:0;}
	.page strong {color:#ede6dc;}
	.page p {padding:10px;font-size:11pt;}
	.page a {color:#8a836b;}
		.page a:hover {}
	.page em {font-style:italic;font-weight:bold;}
	.page .aqua {color:#4ec7bc;}

.comments {position:relative;z-index:30;margin-top:5px;}
	.comments h4 {margin:30px 0 25px 0;font-size:30pt;color:#fff;text-transform:uppercase;letter-spacing:-4px;position:relative;line-height:26pt;}
		.comments h4 span {position:absolute;width:100%;height:100%;z-index:99;background:url('images/headeropacity.png') repeat-y left top;left:0;top:0;}
	.comments textarea {margin:10px 0 0 75px;padding:10px;border:1px solid #fff;background-color:#e8e0d3;width:420px;display:block;}	
	.comments input[type="submit"] {border:none;background-color:#000;font-weight:bold;text-transform:uppercase;font-size:10pt;cursor:pointer;
									  letter-spacing:-1px;margin:10px 0 0 460px;display:block;color:#373434;font-size:12pt;}
	.comments label {float:left;margin:12px 15px 0 0;color:#fff;text-transform:uppercase;font-weight:bold;width:60px;font-size:14pt;letter-spacing:-1px;
					   text-align:right;}
	.comments input[type="text"] {float:left;width:300px;margin:5px 10px 5px 0;padding:10px;border:1px solid #fff;background-color:#e8e0d3;}
		.comments textarea:focus , .comments input[type="text"]:focus {background-color:#fff;}
	.comments .fakeBorder {height:1px;position:relative;z-index:101;margin-top:-1px;background-color:#050505;}	

.singleComment {padding:15px 10px 0 10px;background-color:#050505;}
	.singleComment img {float:left;margin-left:5px;}
	.singleComment .item {float:right;width:500px;padding-right:5px;}
	.singleComment h5 {color:#fff;font-size:10pt;font-weight:normal;margin-bottom:3px;}
		.singleComment h5 a {color:#48979d;font-weight:bold;text-decoration:none;}
	.singleComment .commentDate {color:#fff;font-weight:normal;}	
	.singleComment p {color:#b3b0ae;margin-top:10px;}
	.singleComment .fancyBorder {clear:both;height:1px;background:url('images/fancyborder.gif') repeat-x bottom left;padding-top:30px;}

.shareLinks {background-color:#050505;padding:5px 15px 0 15px;position:absolute;right:0;z-index:20;overflow:hidden;height:22px;bottom:0;}
	.shareLinks a {float:left;width:48px;height:48px;margin-right:10px;position:relative;}
		.shareLinks a span {position:absolute;display:block;height:48px;width:48px;top:0;left:0;}
	.shareLinks em {display:block;text-transform:uppercase;font-weight:bold;color:#fff;margin-bottom:5px;letter-spacing:-1px;font-size:11pt;}	
	.shareLinks .digg {background:url('images/share_digg.png');}
		.shareLinks .digg span {background:url('images/share_digghover.png');}
	.shareLinks .twitter {background:url('images/share_twitter.png');}
		.shareLinks .twitter span {background:url('images/share_twitterhover.png');}
	.shareLinks .stumbleUpon {background:url('images/share_stumbleupon.png');}
		.shareLinks .stumbleUpon span {background:url('images/share_stumbleuponhover.png');}
	.shareLinks .delicious {background:url('images/share_delicious.png');}
		.shareLinks .delicious span {background:url('images/share_delicioushover.png');}
	.shareLinks .reddit {background:url('images/share_reddit.png');}
		.shareLinks .reddit span {background:url('images/share_reddithover.png');}
	.shareLinks .mixx {background:url('images/share_mixx.png');margin:0;}
		.shareLinks .mixx span {background:url('images/share_mixxhover.png');}

.pageFooter {padding:15px 12px 5px 12px;background-color:#050505;margin-top:5px;}
	.pageFooter span {float:left;color:#837c6f;margin-right:30px;text-transform:uppercase;font-weight:bold;letter-spacing:-2px;font-size:15pt;
						line-height:15pt;}
	.pageFooter a {color:#2c2925;float:left;text-decoration:none;text-transform:lowercase;margin-right:8px;line-height:15pt;font-size:9pt;}
		.pageFooter a:hover {color:#837c6f;}
.pageFooter .brownBean {float:right;margin:0;background:url('images/brownbean.gif') top left;width:21px;height:29px;position:relative;}
	.pageFooter .brownBean em {background:url('images/brownbean.gif') bottom left;display:block;width:21px;height:29px;position:absolute;top:0;left:0;}

.subPageNav {margin-top:-38px;margin-bottom:20px;}
	.subPageNav a {float:left;background-color:#000;padding:17px 13px;text-transform:uppercase;color:#fff;font-size:7pt;text-decoration:none;margin-right:2px;
					 font-weight:bold;}
		.subPageNav a:hover {color:#dbc8ad;}
	.subPageNav .last {margin:0;}

.weeklyButton {background:url('images/weeklysbutton.png');position:absolute;width:69px;height:68px;
				 z-index:99;margin-left:-17px;margin-top:-7px;}	
				 
.weekly {display:block;background-color:#585756;margin-bottom:10px;width:325px;height:158px;position:relative;text-decoration:none;}
	.weekly span {cursor:pointer;display:block;position:absolute;}
	.weekly em {display:block;width:325px;height:158px;z-index:30;position:absolute;top:0;left:0;z-index:30;}
	.weekly .wImg {cursor:pointer;width:319px;height:152px;position:absolute;top:3px;left:3px;z-index:40;}
	.weekly .lineOne , .weekly .lineTwo {text-transform:uppercase;font-weight:bold;font-size:13pt;letter-spacing:-1px;
											    background-color:#000;color:#fff;line-height:12pt;z-index:60;}
											    
	.listening em {background:url('images/listeningborder.png') repeat-x top left;}
	.crates em {background:url('images/cratesborder.png') repeat-x top left;}
	.filth em {background:url('images/filthborder.png') repeat-x top left;}
	
	.listening .wImg {background:url('images/listening.png');}
	.crates .wImg {background:url('images/crates.png');}
	.filth .wImg {background:url('images/filth.png');}
	
	.listening .lineOne , .listening .lineTwo , .filth .lineOne , .filth .lineTwo {text-align:right;right:0;}
	.listening .lineOne , .filth .lineOne {bottom:40px;padding:5px 10px 5px 20px;}
	.listening .lineTwo , .filth .lineTwo {bottom:26px;padding:0 10px 5px 15px;}
	.crates .lineOne {bottom:75px;padding:5px 20px 5px 5px;}
	.crates .lineTwo {bottom:61px;padding:0 15px 5px 5px;}

.advertisement {width:300px;background-color:#333;padding:3px;height:250px;overflow:hidden;margin:20px 0 0 8px;}
	.advertisement a {display:block;margin-bottom:6px;}

.socialButton {background:url('images/socialbutton.png');width:186px;height:125px;z-index:99;position:relative;margin-left:100px;}
.social {width:322px;height:148px;background-color:#bab7b5;display:block;margin-bottom:10px;position:relative;text-decoration:none;position:relative;}
	.social span , .social em {display:block;cursor:pointer;position:absolute;}
	.social em {display:block;top:0;left:0;z-index:50;width:322px;height:148px;}
	.social .sImg {top:3px;left:3px;width:316px;height:142px;z-index:80;}
	.social .line {text-transform:lowercase;font-size:17pt;letter-spacing:-1px;background-color:#000;font-weight:bold;
				  color:#fff;line-height:16pt;right:0;bottom:5px;padding:0 10px;z-index:99;}
.facebook {margin-top:-35px;}				  
	.facebook .sImg {background:url('images/facebook.png');}
	.twitter .sImg {background:url('images/twitter.png');}
	.facebook em {background:url('images/cratesborder.png') repeat-x top left;}
	.twitter em {background:url('images/filthborder.png') repeat-x top left;}

.linkBox {float:right;width:126px;margin-top:50px;}
	.linkBox h2 {width:103px;height:48px;margin-bottom:15px;}
	.linkBox li {list-style-type:none;text-align:right;display:block;padding:10px 30px 0 0;}
	.linkBox a {color:#b5b2b0;text-decoration:none;}
		.linkBox a:hover {color:#8a836b;}
.categories {padding-right:50px;}
	.categories h2 {background:url('images/categories.png') top left no-repeat;}
.blogRoll {}
	.blogRoll h2 {background:url('images/blogroll.png') top left no-repeat;}

