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

/* Reset
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:;}
a img{border:none;}

.bgImageNone {background: none;}

/* Utility
-------------------------------------------------------------- */

.block {display: block;}
.spacer1 {width: 100%; height: 108px;}
.spacer2 {width: 100%; height: 40px;}

/* Typography
-------------------------------------------------------------- */

h1 {margin: 0 0 .5em 0; color: #be1212; font-size:1.5em;}
p {margin: 0 0 1.5em 0; padding-right: 10px; line-height: 1.3em;}
p.last {margin-bottom: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
p img {float: left;margin: 0 0 1.333em;padding: 0;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
a {font-size: 1em; color: #b71a1a; text-decoration:none;}
a:hover {text-decoration: underline;}

/* Page
-------------------------------------------------------------- */


body {font-family:Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 500;
font-size: .9em;
color: #414141;
position:relative;
background: #c5c3c4;
}

iframe {height:420px; width: 550px;}
#mainContainer {width: 924px; height: 926px; background:url(/images/mainContainerbgIE.png) no-repeat; margin: 0px auto; }
#header {width: 606px; height: 138px; padding: 20px 0px 0px 14px; position:relative;}
#content {
width: 606px; height: 520px; padding: 0px 0px 0px 14px; position:relative; overflow:hidden;}
#footer {width: 606px; height: 232px; padding: 0px 0px 0px 14px; position:relative;}

/* Header
-------------------------------------------------------------- */

#nav {padding-left: 46px;}
#nav li {display: inline-block; float: left; padding-right: 18px;}
#nav li a {color: #8b8b8b; text-decoration:none;}
#nav li a:hover {color:#FFF; -webkit-transition: color 350ms ease; -moz-transition: color 350ms ease; 
-o-transition: color 350ms ease;
transition: color 350ms ease;}
#socialLinks {
	position: absolute;
	width: 150px;
	height: 30px;
	z-index: 9999;
	top: 65px;
	right: 0px;
	}
#socialLinks li {float: left; display: inline-block; width:29px height: 29px; display: block;}
#socialLinks li a {float: left;  display:inline-block; padding-right: 6px; text-indent: -9999px; width:29px height: 29px; overflow:hidden; display: block;}
.facebook a {background:url(/images/facebookInactive.png) 0 0 no-repeat; width:29px; height: 29px; display: block;}
.twitter a {background:url(/images/twitterInactive.png) 0 0 no-repeat; width:29px; height: 29px; display: block;}
.youtube a {background:url(/images/youtubeInactive.png) 0 0 no-repeat; width:29px; height: 29px; display: block;}
.email a {background: url(/images/emailInactive-09.png) 0 0 no-repeat; width:29px; height: 29px; display: block;}
.facebook a:hover {background:url(/images/facebookActive.png) 0 0 no-repeat; width:29px; height: 29px; display: block;}
.twitter a:hover {background:url(/images/twitterActive.png) 0 0 no-repeat; width:29px; height: 29px; display: block;}
.youtube a:hover {background:url(/images/youtubeActive.png) 0 0 no-repeat; width:29px; height: 29px; display: block;}
.email a:hover {background: url(/images/emailActive-09.png) 0 0 no-repeat; width:29px; height: 29px; display: block;}
#followMe {width: 80px; height: 10px; font-family:Arial, Helvetica, sans-serif; color:#b6b4b5; font-size: .5em; display: block; position: absolute; top: 50px; right: -10px;}


/* Content
-------------------------------------------------------------- */
#contentWrap {width: 550px; height: 420px; padding-left: 32px; 
/*background: #09F; opacity: 0.18;
-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 18);
filter: alpha(opacity = 18);*/
overflow: hidden;
}
.post {margin-top: 5px; margin-left: 5px; display: block; float: left; }
.post.soundCloud {width: 480px; height: 166px; }


/* Downloads
-------------------------------------------------------------- */
#downloads li {float: left; margin-right:10px; display: block; display:inline-block; width: 100px; height:20px;}
#downloads li a { font-size: .5em; display: block; color: #CCC; text-decoration:none; width: 100px; height: 20px; background:#414141; text-align:center; border: solid 1px #666; margin: auto; line-height: 1em; padding-top: 80px; line-height: 1.2em; position: relative;}
#downloads li a:hover {background: #666;-webkit-transition: background-color 300ms ease-in-out;
-moz-transition: background-color 300ms ease-in-out;
transition: background-color 300ms ease-in-out;
border: solid 1px #999;}
.itunes {width: 100px; height: 100px; display: block; position: absolute; top: 0px; left: 0px; background: url(/images/apple.png) 0 0 no-repeat; z-index: 5000;}
.paypal {width: 100px; height: 100px; display: block; position: absolute; top: 0px; left: 0px; background:url(/images/paypal.png) 0 0 no-repeat; z-index: 5000;}
.beatport {width: 100px; height: 100px; display: block; position: absolute; top: 0px; left: 0px; background:url(/images/beatport.png) 0 0 no-repeat; z-index: 5000;}
.podomatic {width: 100px; height: 100px; display: block; position: absolute; top: 0px; left: 0px; background:url(/images/podcasts.png) 0 0 no-repeat; z-index: 5000;}




/* Footer
-------------------------------------------------------------- */
#soundCloudWrap {width: 380px; height: 177px; padding: 25px 0px 0px 23px;}