/* EMOGLOBE SKIN */

* {margin:0;padding:0;list-style:none}
body {
	margin: 0;
	border:0; padding:0;
	background:#000;
	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 { 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: 50px auto;min-height:370px;height:auto !important;height:370px;}
#cover {float:left;margin-right:15px}

#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:90px; 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 { background: transparent url(../images/logo.png) no-repeat center scroll;text-indent:-5000px;  height:400px; width:auto}
#logo { background: transparent url(../images/logosmall.png) no-repeat center scroll; height:50px; text-align:center  }
#logo a { cursor:pointer; display:block; font-size:0.1em; height:100px; text-align:center;
          overflow:hidden; text-indent:-5000px;  }

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

.payoff {font-size: 95%; font-family:Arial, sans-serif; text-align:center; margin: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 --------------- */

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

#player h2 { color:#545044; padding-bottom:10px; margin:0 0 10px 180px; 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 5px center; padding-right:15px; color:#e0d6b6 }
.dbj_off     { background: transparent url(../images/off.png) no-repeat scroll  0 center;padding-right:10px }
button.dbj_sound      { background-color: transparent ; border:0; color:#545044; padding: 3px 3px; display:block;margin-left:165px; font-size:110%; letter-spacing:-.3px  }
button.dbj_sound:hover { color:#E0D6B6;pointer:cursor }

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

/* ------------ NEW MENU --------------- */

ul#nav {width:745px;margin:auto;padding-left:10px;}
ul#nav li {float:left;width:95px;margin:0;padding:0 4px;text-align:center;}
ul#nav li a {display:block;padding:2px 3px;height:14px;color:#FFF;text-decoration:none;text-indent:-5000px;}
ul#nav li a {background:url(../images/menu.png) repeat 0 0;}
ul#nav li a:hover {background-position:0 -88px;}