/* EMOGLOBE SKIN */

body {
	margin: 0;
	border:0; padding:0;
	background: transparent url(../images/pttrn_emo.jpg) repeat top left;
	font-family:Helvetica, Arial sans-serif; color: #545044;
	line-height:120%; text-align:center; font-size:12px; letter-spacing:2px;
	text-align:center
}

img, div, p { border:0; margin:0; padding:0;}

form { line-height:350%; margin-top:10px;}

/* --------------- LAYOUT -----------------*/

a:focus { outline: none; }

img, div, img a { behavior: url(iepngfix.htc) }

#tabs { margin:0 auto; border:0; width:800px; padding-top:40px }

.menulinks { float:left; margin: 0 37px 0 1px ; position:relative;}
.menulinks a:hover {  }

.start { margin-left:0px; margin-right:32px;}
.close { margin-right:0px;}
.clear { clear:both; }

#wrapper { margin:30px auto 0; width:800px; min-height:550px; overflow:hidden; border:0;}
#container { margin: 20px auto;  position:relative; top:20px; overflow:hidden}

#left { float:left; width:320px; margin-left:79px; text-align:left; border-right:1px solid #545540; margin-top:25px }
#right { float:left; width:310px;  margin-left:70px; text-align:left; margin-top:25px}


input { background-color: #12110E; border:1px solid; border-color:#23211C; color:#545044; padding:3px; font-size:100% }
input:focus { background-color: #23211C}
input:hover { background-color: #23211C; color:#f90}



/* ------------ LOGO ---------------*/

#logointro  { height:500px; }

#logo a { background: transparent url(../images/logosmall.png) no-repeat center center  scroll; cursor:pointer; display:block; font-size:0.1em; height:100px;
          overflow:hidden; text-indent:-5000px;  }

/* ---------- TYPO ------------*/

.payoff {font-size: 95%; font-family:Arial, sans-serif; text-align:center; padding:20px 0; }

h2 { margin:0; border:0; color:#545044; padding-bottom:5px; font-size:200%; letter-spacing:-0.1px; line-height:110%; font-weight:500;}
h3 { margin:0; border:0; color:#545044; padding-bottom:5px; font-size:140%; letter-spacing:-0.1px; line-height:110%; font-weight:500;}

.spacer { padding-top:15px;}
.loud { font-size:250%; padding-top:50px; }

/* ---------- LINKS --------------- */

a { text-decoration: none; color: #545044;}
a:hover { text-decoration:none; color:#E0D6B6;}


/* ------------ COUNTER --------------- */

#counter { display:none; padding-top:25px;}


/* ------------ PLAYER --------------- */

#cover { margin:0 20px 0 0; float:left; }
#tracks { float:left; }

#player {width:350px; margin:0 auto; text-align:left;} 

#player h2 { color:#545044; padding:10px 0; font-size:230%;  letter-spacing:-0.1px; line-height:110%; font-weight:500; border-bottom:1px dotted #545044;}

.dbj_on      { background: transparent url(../images/on.png) no-repeat scroll  center; padding-right:15px; }
.dbj_off     { background: transparent url(../images/off.png) no-repeat scroll  center;padding-right:10px }
button       { background-color: transparent ; border:0; color:#545044; padding: 5px 0;  font-size:110%; letter-spacing:-.3px; text-align:left  }
button:hover { color:#E0D6B6; }

.dbj_sound   { /* Use this to tag the elements to be used by dbj-dbj_sound plugin. An empty class*/}