body {
	background-color: #000000;
}
body,td,th {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 14px;
}
a, a:link, a:hover {
	color: #333333;
	text-decoration:none;
}
h1 {
	padding: 0;
	margin: 0;
}
span{
	color:#CE0000;
}
/*************
	frame	
*************/
#frame {
	position:absolute; 
	width:720px; 
	height:405px; 
	left:50%; 
	top:50%;
	margin:-228px -360px;
	border:1px solid white;
	background-color: white;
	background-repeat:no-repeat; 
}

/*******************
	fundo do frame	
********************/
.home {
	background-image: url(img/dj.djio_home.jpg);
}
.gigs {
	background-image: url(img/dj.djio_gigs.jpg);
}
.sets {
	background-image: url(img/dj.djio_sets.jpg);
}
.links {
	background-image: url(img/dj.djio_links.jpg);
}
.email {
	background-image: url(img/dj.djio_email.jpg);
}
.release {
	background-image: url(img/dj.djio_release.jpg);
}
.playlist {
	background-color: #000000;
	background-image: url(img/dj.djio_playlist.jpg);
}
/* dimmed */
.home.dimmed {
	background-image: url(img/dj.djio_home-dimmed.jpg);
}
.gigs.dimmed {
	background-image: url(img/dj.djio_gigs-dimmed.jpg);
}
.sets.dimmed {
	background-image: url(img/dj.djio_sets-dimmed.jpg);
}
.links.dimmed {
	background-image: url(img/dj.djio_links-dimmed.jpg);
}
.email.dimmed {
	background-image: url(img/dj.djio_email-dimmed.jpg);
}
.release.dimmed {
	background-image: url(img/dj.djio_release-dimmed.jpg);
}
.playlist.dimmed {
	background-color:#333333;
	background-image: url(img/dj.djio_playlist-dimmed.jpg);
}

/*	excecao	*/
.sets, .sets_dimmed {
	background-color:#333333;
}


/***************	
	lang
****************/
div#lang {
	width:20px; 
	height:43px; 
	margin-left:-22px;
	margin-top:13px; 
	background-color: white;
}
div#lang a {
	display:block;
	height:20px;
	width:20px;
	border-bottom:2px solid black;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}
#lang_pt {
	color:#003399;
	background: url(img/lang_pt.gif) no-repeat;
}
#lang_en {
	color:#009933;
	background: url(img/lang_en.gif) no-repeat;
}
#lang_es {
	color:#009933;
	background: url(img/lang_es.gif) no-repeat;
}

/***************	
	credits
****************/
div#icon {
	width:24px; 
	height:24px; 
	margin-left:721px;
	margin-top:313px; 
	background-color: white;
	background-image: url('img/djio_label_24x.gif');
	background-repeat: no-repeat;
}

/*	esconde o texto dentro do link	*/
div#icon span/*, div#lang span*/ {
	color:#333333;
	display:none;
}

/***************	
	conteúdo
****************/
div#conteudo {
	position:absolute;
	overflow:auto;
	left:50%;
	top:50%;
}
/* home */
.home #conteudo {
	width:250px;
	height:355px;
	margin:-178px 85px;
}
.home p {
	font-size:16px;
	font-weight:bold;
}
.home p a {
	font-size:18px;
	line-height:110%;
}
.home ul {
	margin:10px 0 0 0;
	padding:0;
}
.home ul li {
	margin-left:18px;
	list-style:none;
	font-size:24px;
	line-height:160%;
}
/* release */
.release #conteudo {
	width:450px;
	height:330px;
	margin:-175px -110px;
}
/* playlist */
.playlist #conteudo {
	width:500px;
	height:350px;
	margin:-150px -340px;
	color: white;
}
.playlist #conteudo a {
	color: grey;
}
.playlist #conteudo span {
	font-weight:bold;
}
.playlist ol li {
	line-height: 160%;
}

/* gigs */
.gigs #conteudo {
	width:350px;
	height:370px;
	margin:-185px -340px;
	padding-right:5px
}
.gigs table {
	width: 100%;
	background-color:#CCCCCC;
}
.gigs table tr td {
	background-color:#FFFFFF;
	font-size:10px;
}
/* links */
.links #conteudo {
	width:460px;
	height:370px;
	margin:-185px -340px;
}
/* sets */
.sets #conteudo {
	width:200px;
	height:300px;
	margin:-132px -345px;
}
#sets ul {
	padding-left:13px;
	margin-left:7px;
}
#sets ul li {
	list-style:disc;
	margin-bottom:5px;
}
/* email */
.email #conteudo {
	width:300px;
	height:370px;
	margin:-185px -340px;
}

/*************
	textos	
**************/
#frame p {
	/* padding-bottom: 0.2em;*/
}
/* dimmed */
#frame.dimmed {
	color:#FFFFFF;
}
/* links */
#links a {
	padding-right: 20px;
	background: right url(img/link_new_window.gif) no-repeat;
}

/*************
	tabelas
**************/
.thHead { 
	border-bottom:1px dashed #666; 
}

/*************
	imagem
**************/
.img_icon {
	border:0;
	vertical-align:middle;	
}

/*************
	Extra Box
**************/
#extra_box {
	position:absolute; 
	z-index: 10;
	height: 390px;
	width: 500px;
	left:50%; 
	top:50%;
	margin: -230px -250px;
	border: 1px solid grey;
	background-color: white;
	padding: 10px;
}