@charset "utf-8";
/* CSS Document */
/* MetaMorph.be design and scripting all rights reserved. CSS3.0 validated */
/*-----------------------------------------------------*/

/* Core */
html, body, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
}

body{
	font: 62.5%/1.2 Verdana, Geneva, sans-serif;
	background-color: #000;
	text-align:left;
	min-width:800px;
	color:#999;
}

a {
	color: #FFF;
	text-decoration:none;
	font-weight:bold;
}

a :hover {
	text-decoration:underline;
}

#site {
	width:100%;
	text-align:center;
	min-width:800px;
	background-color:#000;
	position:relative;
}
/*-----------------------------------------------------*/

/* Header */
#header {
	width:615px;
	height:268px;
	margin:0 auto 0 auto;
}

#nav {
	position:relative;
	background:url(../template/nav.jpg) repeat-x;
	height:25px;
	margin:1em 0 20px 0;
	vertical-align:bottom;
}

#content {
	min-width:800px;
	position:relative;
	height:280px;
}

#footer {
	min-width:800px;
	width:100%;
	clear:both;
	background:url(../template/foot.jpg) repeat-x;
	height:25px;
}
/*-----------------------------------------------------*/

/* Content */
.main {
	width: 400px;
	position:absolute;
	left:25px;
	text-align:left;
}

.dj {
	width:150px;
	position:absolute;
	left:450px;
	text-align:left;
}

.next {
	width:175px;
	position:absolute;
	right:10px;
	text-align:left;
}
/*-----------------------------------------------------*/

/* Items */
.item {
}
.item-date {
	margin:1em 0 0 0;
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
	color: #FC3;
}
.item-title {
	font-weight:bold;
	margin:1em 0 0 0;
	text-transform:uppercase;
	color: #FFF;
}
.item-content {
	margin:1em 0 0 0;
	color: #CCC;
}
.item-sig {
	margin:1em 0 0 0;
	color:#999;
}
h3 {
	font-size:1.6em;
	color: #F0F;
}
/*-----------------------------------------------------*/

/* Nav */
#nav {

}
#nav a:hover {
	color: #F0F;
}

#nav-wrapper{
	width:100%;
	position:absolute;
	bottom:5px;
}

#nav-wrapper .item {
	float:left;
	height:15px;
	padding:0 1em 0 1em;
	text-transform:uppercase;
	border-right:solid 1px #333;
}

#nav2 {
	clear:both;
	position:relative;
	height:25px;
	vertical-align:bottom;
	background:#999 url(../template/nav2.jpg) repeat-x;
}
#nav2 a:hover {
	color:#FFF;
}

#nav2-wrapper{
	width:100%;
	position:absolute;
	bottom:5px;
}

#nav2-wrapper .item {
	float:right;
	height:15px;
	padding:0 1em 0 1em;
	text-transform:uppercase;
	border-left:solid 1px #333;
}

#site-bg {
	position:absolute;
	bottom:25px;
	right:0px;
}