/* #################################################
# Projekt 	: CSS
# Stand     : 29.04.08
# Autor		: Daniel Zander, Source-Media.com
#################################################### */


html, body, div, p, h1, h2, h3, ul, ol, dl, 
span, a, i, table, td, form, img, li, 
input, textarea, select {
	font:10px Verdana;
	line-height:1.3em;
	color:#ddd;
}

html, body {height:100%}
body {
	background:#000;
	overflow-x:hidden;
	*overflow-x:visible;
}
body.cm1 {border:2px dashed #f00; border-bottom:0}
#exit {position:absolute;top:0;left:0;padding:4px;background:#f00;color:#fff;font-weight:bold}

/* -------------------------------------- */

#load {
	position:fixed;
	display:none;
	z-index:999;
	width:66px;
	height:66px;
	top:50%;
	left:302px;
	margin:-33px 0 0 -33px;
	background:url('../i/load.gif') center no-repeat;
}
*html #load {
	width:335px;
	height:340px;
	background-position:right bottom;
}

#site {
	width:1000px;
	height:100%;
}

#lft {
	float:left;
	width:603px;
	*height:100%;
}

#rgt {
	float:left;
	width:397px;
	*overflow:hidden;
}

#cnt {
	padding:46px 17px 40px 20px; /*360px*/
}

#bar {
	position:fixed;
	z-index:0;
	left:0;
	top:0;
	width:100%;
	height:31px;
	background:#333;
}

/* -------------------------------------- */

#nav {
	position:fixed;
	z-index:3;
	left:0;
	top:0;
	padding:4px 10px 6px 12px;
	min-width:130px;
	min-height:21px; /*31*/
	border:0;
	background:#000 url('../i/bg/nav.png');
}
*html #nav { /*IE*/
	width:130px;
	height:21px;
	background:#000 url('');
}

#nav ul {
	margin:30px 0 2px 0;
	*margin-top:35px;
}
#nav li {
	margin:0;
	padding:0;
	list-style:none;
}
#nav a {
	display:block;
	font:bold 23px Arial;
	color:#fff;
	line-height:21px;
	border:0;
}
#nav #xnet {
	position:fixed;
	display:block;
	z-index:4;
	left:12px;
	top:6px;
	width:130px;
	height:29px;
	background:url('../i/xnet.png') no-repeat;
	color:#d00077;
}
*html #nav #xnet { /*IE*/
	background:url('../i/xnet_ie.png') no-repeat;
}
#nav #xnet span {
	visibility:hidden;
}
#nav li a:hover, #nav #xnet:hover {
	color:#aaa;
	background-color:transparent;
}
#nav li a.set {
	color:#08d;
	background:none;
}

#nav2 {
	position:fixed;
	z-index:2;
	left:14px;
	bottom:12px;
}
#nav2 a {
	margin-right:10px;
	color:#999;
	font-size:10px;
	border:0;
}
#nav2 a:hover {
	color:#fff;
}

#nav3 {
	position:fixed;
	z-index:2;
	left:603px;
	bottom:0;
	padding:12px 8px 0 20px;
	width:357px;
	height:28px;
	background:#000;
}
#nav3 a {
	float:right;
	display:block;
	margin-left:12px;
	border:0;
	opacity:0.6;
	filter:alpha(opacity=60);
}
#nav3 a:hover {
	background:none;
	opacity:1;
	filter:alpha(opacity=100);
}

/* -------------------------------------- */

#pict, #pict div {
	height:100%;
	background:transparent url('') 0 0 fixed no-repeat;
}
#pict {
	position:fixed;
	z-index:1;
	top:0;
	left:0;
	width:603px;
}
#pict div {
	width:100%;
}

#logo {
	position:fixed;
	display:block;
	z-index:2;
	left:13px;
	/* top:471px; */
	bottom:37px;
	margin:0;
	padding:0;
	border:0;
	width:543px;
	height:105px;
	background:url('../i/logo-moguai.png') 0 0 no-repeat;
	filter:alpha(opacity=15);
	-moz-opacity:0.15;
	opacity:0.15;
}

#logo:hover {
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

#myspace {
	float:right;
	display:block;
	margin:12px 12px 0 0;
	width:78px;
	height:14px;
	background:url('../i/logo-myspace.png') 0 0 no-repeat;
}

#head {
	position:fixed;
	z-index:2;
	left:603px;
	top:0;
	padding:4px 0 4px 20px;
	width:377px; /*397*/
	height:23px; /*31*/
	background:#333;
	border-bottom:15px solid #000;
}
#head span {
	display:block;
}
#head a, #head span {
	font:16px Verdana;
	text-transform:uppercase;
	line-height:23px;
	color:#999;
	border:0;
	background:transparent;
}

/* -------------------------------------- */

a:active {
	background:#fff;
	color:#000;
	*background:transparent;
	*color:#fff;
}
a:focus {
	outline:0;
}
a, a dfn, div.buy a span {
	*position:relative; /*IE*/
	color:#fff;
	border-bottom:1px dotted #888;
	text-decoration:none;
}
a:hover, a:hover dfn, div.buy a:hover span {
	cursor:pointer;
	color:#fff;
	background-color:#d00077;
	border:0;
	text-decoration:none;
}
b a {font-weight:bold}

label {cursor:pointer}

dfn {background:#ffc; font-style:normal}

.alert {color:#e00}
.succs {color:#090}
a.norm {color:#555}

img, .nobo {border:0}
#cnt a img {display: block}

small, small * {font-size:9px; line-height:normal}

i {font-style:italic}
.c   {clear:both; display:inline}
.hide, #site .hide {display:none}
.auto, #site .auto, #TB_window .auto {width:auto; display:inline}

hr   {height:1px; background:#eee; color:#eee; border:0 #eee}

form, button {display:inline}
input, textarea, select {margin:auto; padding:auto; line-height:normal; color:#000;
	*position:relative; /*IE6*/
}
input:focus, textarea:focus, select:focus {background-color:#ffc}
input:hover, textarea:hover, select:hover {*background-color:#ffc} /*IE7*/

/* -------------------------------------- */

.buy {
	margin-top:16px;
}

div.buy a {
	padding:2px 0 2px 24px;
	background:url('../i/buy.png') 0 0 no-repeat;
	line-height:24px;
	border:0;
}
div.buy a span {
	*position:static; /*IE*/
}
div.buy .musicload {background-position:-8px -8px}
div.buy .itunes {background-position:-8px -40px}
div.buy .amazon {background-position:-8px -72px}
div.buy .beatport {background-position:-8px -104px}

/* -------------------------------------- */

a.btn, a.btn span {
	background:transparent url('../i/btn.png') no-repeat 100% 0;
}
a.btn {
	display:block;
	float:left;
	margin-right:6px;
	padding-right:18px;
	height:24px;
	background-position:100% 0;
	text-decoration:none;
	border:0;
}
a.btn:hover {
	border:0;
	background-color:none;
}
a.btn:active {
	background-position: bottom right;
}
a.btn span {
	display:block;
	padding:5px 0 5px 18px;
	line-height:14px;
	background-position:0 0;
	color:#fff;
}
a.btn:active span {
	padding:6px 0 4px 18px; /* push text down 1px */
	background-position: bottom left;
	color:#aaa;
}
a.btn:hover span {color:#d00077}

/* -------------------------------------- */

a.thickbox p {
	position:absolute;
	margin:-12px 0 0 4px;
	/* bottom:8px; right:8px; */
	width:10px;
	height:10px;
	background:url('../i/zoom.gif') no-repeat;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
a.thickbox:hover p {
	filter:alpha(opacity=99);
	-moz-opacity: 1;
	opacity: 1;
}

/* -------------------------------------- */

a.snd { /*a.tracks*/
	background:url('../i/snd_off.gif') right 50% no-repeat;
	padding-right:18px;
}
a.snd.set {
	color:#0bf;
 	background-image:url('../i/snd_on.gif');
 	border-bottom:transparent;
}
a.snd.set.load {
 	background-image:url('../i/load_m.gif');
}
a.snd:hover, a.snd.set:hover {
	color:#fff;
	background-color:#d00077;
}

/* -------------------------------------- */

#cnt li {list-style-type:circle; margin:0 0 6px 29px}
#cnt ol li {list-style-type:decimal; margin-bottom:12px}

#cnt dt {float:left; margin:0; padding:0 0 30px 0; width:55%}
#cnt dd {float:left; margin:0; padding:5px 0 0 16px; width:40%}

#links dt {min-height:50px}

#cnt .Item li {margin-bottom:6px}

/* -------------------------------------- */

h2, h2 a {
	margin-bottom:0.8em;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	line-height:normal;
	text-decoration:none;
	border:0;
	background:none;
}
h2.sub {
	margin-top:15px;
	padding-top:15px;
	color:#bbb;
	border-top:1px dotted #555;
}
h1 {
	margin-bottom:0.7em;
	color:#bbb;
	font-weight:bold;
	line-height:normal;
	text-decoration:none;
}
h3 {
	margin-bottom:0.8em;
	font-size:10px;
	color:#555;
}

/* -------------------------------------- */

#Archiv {margin:0 0 10px 0}
#Archiv dt {float:left; margin:0; padding:0; width:18%; min-height:0; font-weight:bold}
#Archiv dd {float:left; margin:0; padding:0 0 8px 0; width:77%}

.navPage, .navPage a, #back, #back a {
	font-size:10px;
	color:#555;
}
.navPage a, .navPage a:hover.set {
	margin:0 2px 0 2px;
}
.navPage a:hover, #back a:hover {
	color:#fff;
}
.navPage a:hover {
	margin:0;
	padding:0 2px 0 2px;
}
.navPage a.set {
	padding:0 2px 0 2px;
	font-weight:bold;
	color:#fff;
	background:#08d;
	text-decoration:none;
	border:0;
}
.navPage .navForm {
	display:none;
	position:absolute;
	margin:4px 0 0 1px;
	*margin:18px 0 0 -15px;
}

/* -------------------------------------- */

#Form {
	display:block;
	padding:10px 0 14px 0;
}
#Form .row:first-child {padding-top: 0}
*html #Form {padding-top: 0} /*IE*/

#Form .row {
	clear: both;
	width: 100%;
	padding-top: 16px;
}
#Form .row span.l {
	float: left;
	width: 33%;
	text-align: right;
}
#Form .row span.r {
	float: right;
	width: 60%;
	text-align: left;
}

#Form input, #Form select {width:100%}
#Form textarea {width:100%; height:99px}
*html #Form input, *html #Form select, *html #Form textarea {width:98.5%} /*IE6*/

#recaptcha_image, #recaptcha_image img,
#recaptcha_image embed, #recaptcha_image object {
	margin:0; padding:0; border:0; background:none;
	width:100%;
	height:55px;
}
#recaptcha_image embed, #recaptcha_image object {height:40px}

/* -------------------------------------- */

#rubric2, #rubric2 * {
	color:#555;
}

/* -------------------------------------- */

#cnt img, #cnt embed, #cnt object {max-width:360px}

.Multi, #Single, #Archiv, #back, .navPage {margin-bottom:30px}

.Multi, #Single {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #555;
}

.Multi p.left, #Single p.left {float:left; width:220px; margin:0 10px 0 0;}

/* -------------------------------------- */

#Single .pic a,  .Multi .pic a,
#Single .pic2 a, .Multi .pic2 a {border:0; text-decoration:none}

#Single .pic img {width:168px} /*big*/
#Single .pic.vert img  {width:126px}

#Single .pic2 img,
.Multi  .pic img,
.Multi  .pic2 img {width:128px} /*small*/

#Single .pic2.vert img,
.Multi  .pic.vert img,
.Multi  .pic2.vert img {width:96px}

#Single .pic,
#Single .pic2,
.Multi  .pic,
.Multi  .pic2 {
	float:left; 
	margin:0px 14px 10px 0;
	padding:4px;
	border:1px solid #555;
	text-decoration:none;
}

#Single .pic:hover,
#Single .pic2:hover,
.Multi  .pic:hover,
.Multi  .pic2:hover,
#gal a:hover {border:1px solid #fff; background:none}

#Single .pic2.right, .Multi .pic2.right {
	float:right;
	margin:5px 3px 5px 14px;
}
#Single .pic2.nobo, .Multi .pic2.nobo {border:0; padding:3px 0 0 0}

.more {
	display:block;
	margin-top:0.8em;
}
.more a {
	font-size:10px;
	color:#555;
}
.more a:hover {color:#fff}

/* -------------------------------------- */

.Items {
	padding-bottom:0;
}
.Items p {
	line-height:1.8em;
}
.Items img {
	float:left;
	margin:0 20px 20px 0;
	padding:4px;
	width:80px;
	border:1px solid #555;
}
.Items a:hover img {
	border-color:#fff;
}
/* -------------------------------------- */

#gal {margin:15px 0 -15px 0}

#gal a {
	float:left; 
	margin:9px 9px 0 0; 
	padding:4px; 
	border:1px solid #555;
	text-decoration:none;
}
#gal .r {margin-right:0}

#gal a img {
	width:103px; 
	height:77px;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#fff;
}

/* -------------------------------------- */

#Discuss {
	margin:0 0 20px 0;
}

.navEntry {margin:10px 0 0 0}
.navEntry .l {float:left}
.navEntry .r {float:right}

.entry h1 {
	padding-left:22px;
	background:url('../i/comment.png') left 50% no-repeat;
}
.entry h1 .nr {
	border-right:1px solid #555;
	margin-right:0.5em;
	padding-right:0.66em;
	font-weight:bold;
}
.entry h1 b {
	color:#fff;
}
.entry .avatar {
	float:right; 
	margin:0 0 6px 12px; 
	padding:2px; 
	border:1px solid #555; 
	background:#000;
}
.entry .reply {
	margin:6px 0 0 44px; 
	padding:0 0 0 10px; 
	border-left:1px solid #555;
	color:#777;
	font-style:italic;
}

.entry p {display:inline}
.entry strong {font-weight:bold}
.entry em {font-style:italic}

.entry .name {margin-top:10px}
.entry .name, .entry .name a {font-size:10px; color:#555}

/* -------------------------------------- */

#Shop .head td {
	padding-top:15px;
	border-top:1px dotted #555;
}
#Shop .cart td {
	padding:8px 6px 8px 0;
	border-top:1px dotted #555;
}
#Shop .cart th {
	padding:0 10px 6px 0;
	font-weight:bold;
	border:0;
}
#Shop #form input, #Shop #form select, #Shop #form textarea {
	width:100%;
}
#Shop .pic {
	float:left;
	margin:0 10px 10px 0;
}
#Shop .pic img {
	width:96px;
}