@font-face {
	font-family: 'PTSansBold';
	src: url('../fonts/PT_Sans_Bold-webfont.eot');
	src: local('☺'), url('../fonts/PT_Sans_Bold-webfont.woff') format('woff'), url('../fonts/PT_Sans_Bold-webfont.ttf') format('truetype'), url('../fonts/PT_Sans_Bold-webfont.svg#webfonttr1X6ZwX') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PTSansRegular';
	src: url('PT_Sans-webfont.eot');
	src: local('☺'), url('../fonts/PT_Sans-webfont.woff') format('woff'), url('../fonts/PT_Sans-webfont.ttf') format('truetype'), url('../fonts/PT_Sans-webfont.svg#webfont6MwxiJev') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {margin: 0;padding: 0;font-family: 'PTSansBold', Helvetica, sans-serif;}
body {background: #000000;color: #ffffff;font-family: 'PTSansBold', Helvetica, sans-serif;font-size: 14px;line-height:14px;overflow:auto;width:100%;height:100%;}
h1, h2, h3 {font-family: 'PTSansBold', Helvetica, sans-serif;}
h1 {font-size: 18px;}
h2 {font-size: 14px;}
h3 {font-size: 12px;}
img {border:none;}

a {text-decoration:underline;color: #3dc8f4;outline-style:none;}
a:hover {text-decoration: none;color: #ffffff;}

form {margin: 0;padding: 0 0 0 0;}
fieldset {border: none;}
ul {list-style-type:none;list-style:none;overflow:hidden;}

.bg {position:fixed;top:0px;left:0px;}
/*body#body-artist {overflow:hidden;}*/
.bg-image {visibility:hidden;}
.bg-over {width:100%;height:100%;background: url('../img/tile.gif') left top repeat;display:inline-block;overflow:visible;position:absolute;left:0px;top:0px;}

#wrapper {
	margin: 0 auto;
	padding: 0;
	overflow:auto;
    height:auto;
	width:100%;
	background: #333333 url('../img/bg.gif');
	position: absolute;
	top:0px;
	left:0px;
}
.container {
	margin: 0 auto;
	padding: 0;
	overflow:hidden;
	height:100%;
	width:960px;
}
#wrapper-artist {
	padding: 0 30px 0 30px;
	overflow:visible;
	height:100%;
	width:300px;
	position: absolute;
	top:0px;
	left:0px;
}
#wrapper-artist .container {
	width:300px;
	overflow:visible;
}
/* HEADER */
#header-container {
	margin: 0 auto;
	padding: 0;
	overflow:hidden;
	width:960px;
}
#header {
	width: 900px;
	margin: 0 auto;
	padding: 30px 0 16px 0;
	overflow:hidden;
	border-bottom: dotted 2px #666666;
}
#header .logo {float:left;padding:0 30px 0 0;}
#header .logo a {border:none;}

#header .texts {float:left;}
#header p {padding:0 0 14px 0;line-height:12px;color:#f5f5f5;font-size:12px;}
#header p a {text-decoration:underline;}
#header p a:hover {text-decoration:none;}
#header .logo-heading {font-size: 30px;line-height:24px;}
.hhh {float:left;}
.sss {float:right;}

/* MIDDLE */
#middle {
	width: 900px;
	margin: 0 auto;
	padding: 30px 0 16px 0;
	overflow:hidden;
}
#middle .top {width: 900px;float:left;dislpay:inline-block;}
#middle .left {width: 450px;float:left;dislpay:inline-block;}
#middle .right {width: 450px;float:left;dislpay:inline-block;}

#middle .aleft {width: 600px;float:left;dislpay:inline-block;}
#middle .aright {width: 300px;float:left;dislpay:inline-block;}

#middle .entry {width: 450px;float:left;dislpay:inline-block;overflow:hidden;padding: 0 0 15px 0;}
#middle .entry .heading {display:inline;}
#middle .entry .heading .word {color:#ffffff;font-size:30px;line-height:24px;background:#17b3e5;padding:5px 5px 1px 5px;display:inline-block;overflow:visible;}
#middle .entry .heading .word span {width:auto;}
#middle .entry .heading .arrow {background: url('../img/arrow-b.gif') 10px top no-repeat;display:block;overflow:visible;width: 21px;height:6px;} 
#middle .entry .content {padding: 24px 0 15px 0;overflow:auto;}


#middle .entry .txt {padding: 0 10px 0 10px;color:#999999;font-size:18px;line-height:18px;text-transform:uppercase;}
/*
#middle .entry .txt a {text-decoration:underline;}
#middle .entry .txt a:hover {color:#ffffff;text-decoration:none;}
*/

#middle #demos .entry .txt a {text-decoration:underline;}
#middle #demos .entry .txt a:hover {color:#ffffff;text-decoration:none;}

#middle #releases {width: 900px;float:left;dislpay:inline-block;overflow:auto;}
#middle #releases .content {overflow:visible;border-bottom: dotted 1px #666666;}
#middle #releases .content .release {width:299px;background:#000000;float:left;display:block;overflow:visible;margin:0 1px 1px 0;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;}
#middle #releases .content .release .intro {padding: 2px 5px 2px 5px;}
#middle #releases .content .release a {color:#ffffff;text-decoration:none;}
#middle #releases .content .release .e2g img {width:299px;height:299px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;}

#middle #releases .content .release .e2g {margin:0;padding:0;position:relative;top:0px;left:0px;}
#middle #releases .content .release .tag {position:absolute;top:0px;padding:4px 7px 2px 5px;margin:50px 0 0 0;}
#middle #releases .content .release .tag img {margin:0;padding:0;}
#middle #releases .content .release .tag.recent {background:#5fa626;border-bottom: solid 1px #375e14;display:inline;}
#middle #releases .content .release .tag.coming {background:#ed1b24;border-bottom: solid 1px #990000;display:inline;}
#middle #releases .content .release .intro {text-transform:uppercase;}
#middle #releases .content .release .intro .by {color: #999999;text-transform:lowercase;}
#middle #releases .content .release .intro .cat-nr {color: #999999;}

/*
#middle #releases .content .release {width:119px;background:#000000;float:left;display:block;overflow:visible;margin:0 1px 1px 0;}
#middle #releases .content .release .intro {padding: 2px 5px 2px 5px;}
#middle #releases .content .release a {color:#ffffff;}
#middle #releases .content .release .e2g img {width:119px;height:119px;}
#middle #releases .content .release .e2g {margin:0px;padding:0px;}
#middle #releases .content .release .intro {}
#middle #releases .content .release .intro .by {color: #999999;}
#middle #releases .content .release .intro .cat-nr {color: #999999;}
#middle #releases .content .recent {width:239px;}
#middle #releases .content .recent .e2g img {width:239px;height:239px;}
*/
#middle #artists {text-transform:uppercase;}
#middle #artists .content .random {background:#000000;text-decoration:none;-moz-border-radius: 3px;border-radius: 3px;width:449px;}
#middle #artists .content .random a {text-decoration:none;}
#middle #artists .content .random .e2g {margin:0;padding:0;-moz-border-radius: 3px;border-radius: 3px;}
#middle #artists .content .random .e2g img {width:449px;height:119px;-moz-border-radius: 3px;border-radius: 3px;}
#middle #artists .content .random .artist-name {font-size:24px;line-height:24px;color: #ffffff;padding: 0 10px 0 10px;margin:0 0 5px 0;text-decoration:none;}
#middle #artists .content .random .artist-name a, #middle #artists .content .random .artist-name a:hover {color: #ffffff;text-decoration:none;}
/*#middle #artists .content .list {padding: 5px 0 0 0;overflow:auto;}*/
#middle #artists .content .artist-link {width:205px;margin: 0 1px 0 0;float:left;display:inline-block;padding: 0 0px 0 10px;line-height:22px;color:#999999;font-size: 18px;}
#middle #artists .content .artist-link a {color:#999999;font-size: 18px;text-decoration:underline;}
#middle #artists .content .artist-link a:hover {color:#ffffff;text-decoration:none;}

#middle #download .content .links {background:none;padding: 0 0 2px 0;overflow:auto;}
#middle #download .content .links a {color:#999999;text-decoration:underline;}
#middle #download .content .links a:hover {color:#ffffff;text-decoration:none;}
#middle #download .content .releases {font-size:18px;line-height:22px;width:205px;float:left;display:inline-block;padding:0 10px 0 10px;}
#middle #download .content .misc {width:205px;line-height:18px;float:left;display:inline-block;padding:0 10px 0 10px;}

#middle #links .content {overflow:hidden;}
#middle #links .content a .icon {width:49px;height:27px;font-size:8px;line-height:9px;background:#ffffff;color:#000000;margin: 0 1px 1px 0;display:inline;float:left;padding: 0 0 0 0;}
#middle #links .content a .icon center {margin-top:9px;}


#middle #links .icons {padding: 0px 0px 0px 10px;}
#middle #links .ficons {width:450px;display:block;float:left;overflow:hidden;}
#middle #links .bicons {width:450px;display:block;float:left;overflow:hidden;}

#middle #release {overflow:visible;}
#middle #release .content {overflow:visible;}
#middle #release .content .info .cover {display:block;overflow:none;height:300px;width:600px;}
#middle #release .content .info .cover .e2g {margin:0px;padding:0px;width:300px;height:300px;float:left;}
#middle #release .content .info .cover .e2g img {width:299px;height:299px;}
#middle #release .content .info .cover .player {margin:0;padding:0;width:299px;height:299px;background:#000000;float:left;display:block;overflow:visible;}
#middle #release .content .info .cover .player ul {margin:0;padding:0;overflow:hidden;}

#middle #release .content .info .cover .player ul li {height:14px;padding: 4px 5px 4px 5px;margin:0;border-bottom: solid 1px #333333;overflow:hidden;clear:both;display:block;}
#middle #release .content .info .cover .player ul li.playing {border-bottom: solid 1px #666666;}
#middle #release .content .info .cover .player ul li a {color:#ffffff;float:left;display:block;overflow:visible;width:289px;margin:0;padding:0;text-decoration:none;}
#middle #release .content .info .cover .player ul li.bar {height:16px;border-bottom:solid 1px #333333;overflow:hidden;background:#666666;margin:0;padding:0 0 0 1px;}
#middle #release .content .info .cover .player ul li.bar a {width:3px;height:18px;color:#666666;margin:0;padding:0;background:none;}
#middle #release .content .info .cover .player ul li.bar a.load {color:#3dc8f4;background:#3dc8f4;}
#middle #release .content .info .cover .player ul li.bar a.play {color:#DEDEDE;background:#DEDEDE;}

#middle #release .content .info .cover .player .nr {font-size: 12px;color:#999999;}
#middle #release .content .info .cover .player .mrk {color:#999999}
#middle #release .content .info .cover .player .fileinfo {float:left;}
#middle #release .content .info .cover .player a .symbol {float:right;display:inline;width:7px;height:9px;background: url('../img/play.gif') no-repeat;margin: 2px 0 0 0;}
#middle #release .content .info .cover .player a.playing .symbol {float:right;display:inline;width:7px;height:9px;background: url('../img/pause.gif') no-repeat;margin: 2px 0 0 0;}
#middle #release .content .info {padding;0px;margin:0px;line-height:14px;font-size:14px;}
#middle #release .content .info .introtext {margin:0; padding: 15px 9px 15px 9px;width:582px;text-transform:uppercase;border-bottom: dotted 1px #666666;}
#middle #release .content .info .improtext {margin:0; padding: 0px 9px 15px 9px;width:582px;border-bottom: dotted 1px #666666;}
#middle #release .content .info .share {margin:0; padding: 15px 9px 0px 9px;width:582px;border-bottom: dotted 1px #666666;height: 30px;}
#middle #release .content .info .share a.addthis_button_compact * {color:#ffffff;}
#middle #release .content .info .con {margin:0; padding: 7px 0 7px 0;width:600px;float:left;display:inline-block;border-bottom: dotted 1px #666666;}
#middle #release .content .info .con .label {color:#999999;width:282px;padding: 0 9px 0 9px;float:left;display:block;}
#middle #release .content .info .con .text {float:left;width:282px;padding: 0 9px 0 9px;color:#ffffff;line-height:14px;font-size:14px;display:block;text-transform:uppercase;}
#middle #release .content .info .copy {margin:15px 0 0 0 ; padding: 0 9px 0 9px;width:582px;float:left;display:inline-block;}
#middle #release .content .info .copy img {margin:0; padding: 15px 0 0 0;height:31px;}
#middle #release .content .info .mrks {margin:15px 0 0 0 ; padding: 0 9px 0 9px;width:582px;float:left;display:inline-block;font-size:10px;line-height:10px;color:#999999;}

#middle #rartists {width:291px;overflow:hidden;padding: 0 0 0 9px;}
#middle #rartists .content {overflow:hidden;}
#middle #rartists .content a {float:left;margin: 0 1px 0 0;padding:0px}
#middle #rartists .content .e2g {margin:0;padding:0;}
#middle #rartists .content .e2g img {width:96px;height:96px;margin:0;padding:0;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;}

#middle #rlinks {width:291px;overflow:hidden;padding: 10px 0 0 9px;}
#middle #rlinks .content {overflow:hidden;}
#middle #rlinks .content a .icon {width:47px;height:27px;font-size:8px;line-height:9px;background:#ffffff;color:#000000;margin: 0 1px 1px 0;display:inline;float:left;padding: 0 0 0 0;}
#middle #rlinks .content a .icon center {margin-top:9px;}

#middle #rlinks .content .txt a {color:#999999;font-size:18px;line-height:20px;text-transform:uppercase;}


#wrapper-artist #middle {width:300px;}

#wrapper-artist #middle .logo {padding: 0 0 15px 0;}
#wrapper-artist #middle .logo img {width:36px;height:36px;}
#middle #artist {width:300px;}

#middle #artist .content .txt {background:#000000;font-size:14px;line-height:14px;color:#ffffff;text-transform:none;}
#middle #artist .content .txt .c-text {padding:5px 0 5px 0;}
#middle #artist .content .txt .c-text.links {line-height:18px;}
#middle #artist .content .txt .c-text.cred {line-height:14px;color:#999999;font-size:12px;}

#middle #ass-releases {width:291px;padding: 10px 0 0 9px;}
#middle #ass-releases .e2g {margin:0px;height:0px;}
#middle #ass-releases .e2g img {-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;}

#middle #ass-releases .content .thumbs {overflow:visible;height:auto;padding:0px;margin:0px;}
#middle #ass-releases .content .release {width:97px;height:97px;overflow:hidden;float:left;display:inline-block;}

#wrapper-artist #ass-releases img {width:47px;height:47px;}
#wrapper-artist #ass-releases .content .release {width:48px;height:48px;}

#middle #demos .heading .word, #middle #download .heading .word, #middle #ass-releases .heading .word, #middle #links .heading .word, #middle #rlinks .heading .word {color:#ffffff;font-size:24px;line-height:18px;background:#666666;padding:5px 5px 1px 5px;display:inline-block;overflow:visible;}
#middle #demos .heading .arrow, #middle #download .heading .arrow, #middle #ass-releases .heading .arrow, #middle #links .heading .arrow, #middle #rlinks .heading .arrow {background: url('../img/arrow-g.gif') 10px top no-repeat; display:block;overflow:visible;width: 21px;height:6px;} 



/* FOoTER */
#footer-wrapper {background:#000000;display:block;width:100%;height:auto;}
#footer-wrapper #footer {
	width: 900px;
	margin: 0 auto;
	padding: 30px 0 40px 0;
	overflow:auto;
	display:block;
	color: #333333;
	font-size:12px;
	line-height:14px;
}
#footer-wrapper #footer {overflow:none;color:#555555;}
#footer-wrapper #footer a {text-decoration:underline;color: #3dc8f4;}
#footer-wrapper #footer a:hover {text-decoration:none;color: #ffffff;}
#footer-wrapper #footer .fsect {width:280px;float:left;display:block;padding:0 9px 0 9px;}
#footer-wrapper #footer .border {border-left: dotted 1px #333333;}
#footer-wrapper #footer .fsect .e2g {float:left;display:block;margin:0 5px 0 0;padding:0;}
#footer-wrapper #footer .fsect .e2g img {margin:0;padding:0;}
#footer-wrapper #footer .fsect .text {float:left;display:block;overflow:visible;width:230px;}
#footer-wrapper #footer h1 {font-size:14px;height:32px;color: #666666;}
#footer-wrapper #footer ul li {float:left;margin: 0 0 5px 0;}
#footer-wrapper #footer ul li a {text-decoration:none;color: #666666;float:left;}
#footer-wrapper #footer ul li a:hover {text-decoration:none;color: #666666;color: #ffffff;}
#footer-wrapper #footer form * {font-family: 'PTSansRegular', Helvetica, sans-serif;font-size:12px;color:#666666;}
#footer-wrapper #footer form .inptext, #footer-wrapper #footer form textarea {border:none;background:#111111;margin:0 0 6px 0;width:228px;height:15px;padding:5px 5px 3px 5px;}
#footer-wrapper #footer form textarea {height: 60px;}
#footer-wrapper #footer form .inpbtn {border:none;background:#666666;margin:0 0 6px 0;padding:5px 10px 5px 10px;color:#ffffff;}

#footer-wrapper #footer .clear {clear:both;}

hr {border:none;border-bottom: dotted 1px #333333;background:none;}