/* @override http://192.168.2.132:8888/files/lsdc/lsdc.css */

/* ------------------------------------------------------------
	LSD+C Mini 09
	by Luke Stevens - 2009
	lukestevensdesign.com
------------------------------------------------------------ */

/* ------------------------------------------------------------
	General
------------------------------------------------------------ */

* {margin:0;padding:0;}

a {}
a:hover {}
a:focus, a:active {outline-style:none;}

a img {border:none;}

.to-left {float:left;}
.to-right {float:right;}

.clear {clear:both;}

/*p.i.e clearfix*/
.clearfix:after {content: ".";clear: both;height: 0;visibility: hidden;display: block;}
.clearfix {display: inline-block; /* Fixes IE/Mac */}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ------------------------------------------------------------
	Basic layout
------------------------------------------------------------ */

body {font-size:12px;min-width:984px;background: #000 url(images/uber-bgnd.jpg) no-repeat;min-height:1100px;}

#wrapper {margin:45px 40px;}

	#social {float:left;width:60px;padding-top:25px;}
	
		a#twitter, a#lastfm, a#delicious {display:block;float:left;width:59px;height:59px;margin-right:20px;opacity:0.7;/*filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";*/margin-bottom:10px;}
		a#twitter {background: url(images/social-icon-twitter-big.png) no-repeat;}
		a#lastfm {background: url(images/social-icon-lastfm-big.png) no-repeat;}
		a#delicious {background: url(images/social-icon-delicious-big.png) no-repeat;}
		
		#social a:hover {opacity:1.0;}
	
	
	#info {float:left;margin:0 20px;background: url(images/info-block.png) no-repeat;width:302px;height:463px;position:relative;}
	#info h1, #info p {text-indent:-9999px;}
	
		a#email {width:289px;height:260px;display:block;
	margin:-25px auto;}

		a#webdirections {text-indent:-9999em;width:289px;display:block;height:70px;position:absolute;bottom:0;left:0;margin:0 0 45px 5px;}


	#listening {float:left;margin-top:25px;padding-right:0px;background: url(images/currently-listening.png) right top no-repeat;width:330px;}

	#listening .col {width:100px;float:left;margin-left:5px;}
	#listening .first-col {margin-left:0px;}
		#listening img {float:left;display:block;margin-bottom:10px;width:90px;opacity:0.7;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";filter:alpha(opacity=70);
		border: 4px solid #363d34;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
		#listening a:hover img {opacity:1.0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";filter:alpha(opacity=100);}

		#listening .first-col img {opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";filter:alpha(opacity=80);}
		#listening .col-6 img {opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";filter:alpha(opacity=50);}