/* +++++++++++++++++ mainly positionning +++++++++++++++++  */
body {
	background-image:url(../img/Bodya.jpg);
	background-position:bottom center;
	background-repeat:repeat-Y;
	background-attachment:fixed;
	background-color:#1f380e;
	color:#000000;
	margin:0;
}

form {
	margin:0;
}

input, select {
	font-size:0.8em
}

table td {
	vertical-align:top;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* +++++++++++++++++ column layout +++++++++++++++++  */
table#IDJ-container {
	width:1000px;
	margin:auto auto;
	margin-top:0px;
	border:none;
}
table#titel {
	margin:15px auto;
	margin-top:0px;
	margin-bottom:0px;
	background-image:url(../img/top12.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:210px;
	border:0px solid #FFF;
	border-style:none;
}

td#goodies{
	padding-right:1.5em;
}
td#goodies a {
	font-weight:bold;	
	font-size:1em;
	color:#222;
	text-decoration:none;
}
td#col2 {
	background-color:#FFFFFF;
	align:center;
	padding:0 20px;
	width:100%
}

td#rmx {
	background-color:transperent;
	align:center;
	padding:0 20px;
	width:100%
}

td#artists {
	background-color:#FFFFFF;
	align:left;
	padding:0 15px;
	width:100%
}

/* +++++++++++++++++++++ data tables +++++++++++++++++++++  */
/* ++++++++++++++++++++ layout:menu +++++++++++++++++  */
table.menu {
	margin-top:-0.2em;
	margin-left:0em;
	padding-left:0em;
	background-color:#04c71b;	
	color:#337711;
}

table.menu td {
	padding:0em 0em 0em 0em;
	font-size:0.85em;
	font-weight:bolder;
	text-align:right;
}

table.menu a{
	color:#000;
	font-weight:bolder;	
	text-decoration:none;
	font-size:1.5em;
}
table.menu a:hover{
	color:#080;
	text-decoration:none;
	font-weight:bolder;	
	font-size:1.5em;
}
.menua {
	text-decoration:none;
}
.menua:hover {
	background-color:#BEB;
	color:#383;
	text-decoration:none;
}
.menub {
	background-color:#EEE;
	color:#383;
	text-decoration:none;
}
table.menu p {
	text-align:right;
}

/* +++++++++++++++++ layout:put the gradient in the upper left corner +++++++++++++++++  */
table.top{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	height:100%;
}
table.top tr  {
	background-position:bottom;
	background-repeat:repeat-x;
	background-image:url(../img/gradient2.jpg);
}
td#finish {
	height:448PX;
	background-position:bottom;
	background-repeat:repeat-x;
	background-image:url(../img/gradient2rev.jpg);
	background-repeat:repeat-x;
}
td#remainder {
	height:100%;
	background-image:url(../img/gradient2filler.jpg);
	background-repeat:repeat;
}

/* +++++++++++++++++ layout:position of photo's here +++++++++++++++++  */

img{
	margin-bottom:0.2em;
}
img.imgleft{
	float:left;
	margin-right:0.75em;
	margin-top:0.2em;
}
img.imgright{
	float:right;
	margin-left:0.75em;
	margin-top:0.2em;
}
img.imgcenter{
	align:center;
}

img.highlight{
	z-index:1002; 
}


/* +++++++++++++++++ typography rules here +++++++++++++++++  */
ul li {
	font-size:0.85em;
	list-style-image:url(../img/bullet.gif)
}
a {
	color:#280;
	text-decoration:underline;
}
#col2 a:visited {
	text-decoration:underline;
	color:#686;
}
a:hover {
	color:#848;
	text-decoration:underline;
}
a img {
	border:none;
}
p{
	font-size:0.9em;
	color:#444;
	margin-right:1em;
}
P.subtitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	margin-top:0em;
	margin-left:0em;
	margin-bottom:0em;
	color:#00C77F;
	background-color:#006205;
}
h1 {
	font-size:1.2em;
	margin-left:0em;
	margin-bottom:3px;
	color:#B39313;
}
h2 {
	font-size:1.0em;
	font-weight:bold;
	margin-top:0.5em;
	color:#906300;
}
p{
	text-align:left;
	margin-left:0.1em;
	text-align:justify;
}
block{
	font-size:0.75em;
	margin-top:0em;
	margin-left:0em;
	padding:0.1em;
	text-align:justify;
}

/* +++++++++++++++++ recordTable +++++++++++++++++  */

.record {
	border-style:none;
	padding-left:5em;
}
.record td{
	border-style:solid;
	width:250px;
	height:250px;
	background-image:url(../img/RecordTop.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#007300;
}
.rectxt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:0.8em;
	height:40px;
	text-align:center;
	font-size:0.6em;
	font-weight:bold;
	color:#FFF;
}
.record img{
	border-style:solid;
	border-color:#FFF;
	border-width:thin;
	margin-top:0.7em;
	margin-left:2.8em;
}

td.hot{
	border-style:solid;
	width:250px;
	height:250px;
	background-image:url(../img/HotRecordTop.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#dc8600;
}

/* +++++++++++++++++ shopTable +++++++++++++++++  */

.shop td{
	border-style:none;
	width:160px;
	height:160px;
}
.shop img{
	border-style:none;
	border-width:0;
	margin-top:0.5em;
	margin-left:1.4em;
}
.player{
	margin-top:-0.5em;
	padding-left:3.5em;
	vertical-align:bottom;
}
.player img{
	vertical-align:bottom;
	border-style:none;
	border-width:0;
	margin-left:1em;
	margin-bottom:5px;
}
a.soundcloud-dropbox:hover {
	color:#1896D1; 
	background-color:transparent; 
	background-position:-200px 0;
}
*html a.soundcloud-dropbox {
	background-image:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(http://a1.soundcloud.com/images/dropbox_square_white.png?1f58ec)', sizingMethod='crop');
}


/* +++++++++++++++++ mixes +++++++++++++++++  */
#mixes div {
	background-color:#DDD;
	border-style:solid;
	border-color:#999;
	border-width:thin;
}
#mixes p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#560;
}
#mixes strong {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#480;
}
#mixes img {
	vertical-align:bottom;
	padding-right:5px;
}


/* +++++++++++++++++ remix +++++++++++++++++  */
#remix div {
	text-align:justify;
}

#remix H1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.7em;
	color:#030;
}
#remix p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#030;
}
#remix i {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#6430;
}
#remix strong {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	color:#030;
}
#remix ol {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	color:#030;
}


/* +++++++++++++++++ GoodiesTable +++++++++++++++++  */
.goodie table{
	border-style:solid;
	border-color:#030;
	border-width:thin;
}
.goodie td{
	border-style:solid;
	width:250px;
	height:250px;
	background-image:url(../img/GoodieTop.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#782534;
}
.goodietxt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:0.8em;
	height:40px;
	text-align:center;
	font-size:0.6em;
	font-weight:bold;
	color:#FFF;
}
.goodie img{
	border:0px solid #FFF;	
	margin-top:0.7em;
	margin-left:2.8em;
}


/* +++++++++++++ Hoovering on frontpage ++++++++++++++  */
.nomouse
{
width:100px;
height:100px;
border:1px solid #FFF;
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
}

.mouse
{
width:150px;
height:150px;
position:relative;
top:-25px;
border:4px solid #AFA;
/* for IE */
filter:alpha(opacity=100);
/* CSS3 standard */
opacity:1;
}


/* +++++++++++++ Jquery Menu ++++++++++++++  */

div#menujs {
	margin:-40px 0px 0px -120px;
	text-align:center;
}

div#menujs ul#menujs {
    margin:1px 0px;
    list-style:none;
    display:inline-block;
}
    
div#menujs ul#menujs li {
    padding:0px;
    float:left;
    position:relative;
    margin-left:0px;
    margin-right:0px;
    width:80px;
    height:40px;
}

div#menujs ul#menujs li a {
    position:absolute;
}

div#menujs ul#menujs li img {
    position:absolute;
    width:80px;
    top:0px;
    left:0px;
    padding:0px;
    margin:0 0 0 0;
    border:none;
    overflow:hidden;
}


/* +++++++++++++ Amazon Scroller ++++++++++++++  */
.amazon_scroller{
    padding:0px;
    margin:0px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    -khtml-border-radius:10px;
}

.amazon_scroller .amazon_scroller_nav{
    position:absolute;
}

.amazon_scroller .amazon_scroller_nav li{
    cursor:pointer;
    position:absolute;
}

.amazon_scroller .amazon_scroller_mask{
    position:absolute;
    margin-left:30px;
    margin-right:30px;
    overflow:hidden;
}

.amazon_scroller ul{
    padding:0px;
    margin:0px;
    float:left;
}

.amazon_scroller ul li{
    padding:0px;
    margin:0px;
    margin-left:5px;
    margin-right:5px;
    list-style:none;
    float:left;
    text-align:center;
    display:inline;
}

.amazon_scroller ul li a{
    text-decoration:none;
}

.amazon_scroller ul li a:hover{
    text-decoration:underline;
}

.amazon_scroller ul li a img{
    border:none;
}

.amazon_scroller P {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top:0em;
	margin-left:0em;
	margin-bottom:0em;
	color:#333;
}

#ftHolder { width:500px; float:left; text-align:center; height:332px; padding-top:90px; }
#ft { border:5px solid #BAD340; -moz-border-radius:5px; }
#example { float:left; }
.ft-title { padding:10px 10px; width:480px; text-align:left; }

.ft-prev, .ft-next { background-color:#000; padding:0 10px; }

.ft-button-ft-active { color:black; }