@charset "utf-8";

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/*
	naks.css
	created on 26.2.2008
	by AL
*/

html {
	text-align: center;
	background: url(../img/bg.png) #000 repeat;
}

body {
	position: relative;
	width: 890px;
	margin: 0 auto;

	background: #0f0f0f;
	color: #fff;

	font-family: verdana, sans-serif;
	text-align: left;
}

/* top logo and menu background */
#branding {
	position: relative;
	height: 216px;
	width: 100%;
	background: url(../img/naks_title_gfx.jpg) no-repeat;
}
/* hide header */
#branding h2 {
	text-indent: -9999px;
}

/* top navigation */
#navi {
	position: relative;
	width: 494px;
	height: 28px;
	
	background: url(../img/menu_bar.gif) no-repeat;
}
/* top navigator links */
#navi a {
	display: block;
	padding: 7px 16px 0;
	height: 28px;

	color: #fff;

	font-weight: bold;
	font-size: 0.7em;
}
#navi li {
	display: inline;
	float: left;
	height: 28px;
}
#navi li:hover {
	cursor: pointer;
}
a {
	text-decoration: none;
	color: #33747d;
}
a:hover {
	text-decoration: underline;
	cursor: hand;
	cursor: pointer;
}

/* content area */
#content {
	position: relative;
	clear: both;
	width: 700px;
	margin: 20px 0 0 150px;
	padding: 0 10px 24px 0;
	
	font-size: 0.8em; 
}
#content.hidden {
	display: none;
}
#content p {
	margin: 10px 0 18px;
}
#content strong {
	font-weight: bold;
}
#content p.latest-chart,
#content p.latest-mix {
	display: none;
}
#content em {
	font-style: italic;
}
#content h1 {
	margin: 0 0 20px -70px;
	padding: 22px 0 10px;

	background: url(../img/h3.gif) no-repeat bottom left;
	color: #33747d;

	font-size: 1.4em;
	font-weight: bold;
}
#content h2 {
	margin: 0 0 10px;
	
	color: #33747d;

	font-size: 1em;
	font-weight: bold;
}
#content h4 {
	margin: 15px 0;
	font-weight: bold;
}
#mixes #content h4 {
	color: #33747d;
	font-weight: bold;
}
#upcoming #content h4 {
	color: #33747d;
	font-weight: bold;
}
#upcoming #content a.dl {
	margin-bottom: 15px;
}
#content a.external {
	display: block;
}
#content a.dl,
#mixes #content a {
	display: block;
	margin-bottom: 15px;
}
#content a.more {
	margin: 0 0 0 250px;
	font-size: 0.9em;
}
#content ol {
	margin: 0 0 20px;
}
#upcoming #content ol {
	margin: 0;
}
#content ul.links li {
	display: inline;
	padding-right: 10px;
}
#content div.block {
	float: left;
	width: 385px;
}
#content ul.upcoming,
#content p#contact-info {
	width: 350px;
}
#content p.external {
	margin: 6px 10px 10px 0;
	width: 205px;
	float: right;
}

div#player, div#release {
	float: left;
}
div#player {
	margin-bottom: 15px;
}
div#clear-float {
	clear: both;
}

#footer {
	margin: 30px 0 0;
	width: 100%;
	height: 32px;
	background: url(../img/footer.jpg) no-repeat;
}