body {
	background-color:#fff;
	font-size:100%;
}

img {
	border:0;
}

#container {
	width:630px;
	margin:0 auto;
	height:100%;
}

#logo {
	float:left;
	width:150px;
	height:244px;
}

#picture {
	margin-left:8px;
	float:left;
	width:471px;
	height:244px;
}

/* ------------------------------------------ [ NAVIGATION ] ----------------------------- */

#menu {
	margin-top:10px;
	float:left;
	width:630px;
	height:25px;
}

.fill {
	width:24px;
	background-color:#000000;
	height:25px;
}

ul#nav{
	float:left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	top: 0;
	left: 0;
	width: 630px;
	height: 25px;
}

ul#nav li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}

ul#nav li a {
	margin-left:13px;
	border: 0;
	display: block;
	height: 25px;
}

li#nav_news a, li#nav_news a:link, li#nav_news a:visited {
	background-image:url(images/news_a.gif);
	width: 57px;
}
li#nav_news a:hover, li#nav_news_active a {
	background-image:url(images/news_b.gif);
	width: 57px;
}

li#nav_bands a, li#nav_bands a:link, li#nav_bands a:visited {
	background-image:url(images/bands_a.gif);
	width: 63px;
}
li#nav_bands a:hover, li#nav_bands_active a {
	background-image:url(images/bands_b.gif);
	width: 63px;
}

li#nav_releases a, li#nav_releases a:link, li#nav_releases a:visited {
	background-image:url(images/releases_a.gif);
	width: 97px;
}
li#nav_releases a:hover, li#nav_releases_active a {
	background-image:url(images/releases_b.gif);
	width: 97px;
}

li#nav_store a, li#nav_store a:link, li#nav_store a:visited {
	background-image:url(images/store_a.gif);
	width: 59px;
}
li#nav_store a:hover, li#nav_store_active a {
	background-image:url(images/store_b.gif);
	width: 59px;
}

li#nav_media a, li#nav_media a:link, li#nav_media a:visited {
	background-image:url(images/media_a.gif);
	width: 63px;
}
li#nav_media a:hover, li#nav_media_active a {
	background-image:url(images/media_b.gif);
	width: 63px;
}

li#nav_board a, li#nav_board a:link, li#nav_board a:visited {
	background-image:url(images/board_a.gif);
	width: 61px;
}
li#nav_board a:hover, li#nav_board_active a {
	background-image:url(images/board_b.gif);
	width: 61px;
}

li#nav_links a, li#nav_links a:link, li#nav_links a:visited {
	background-image:url(images/links_a.gif);
	width: 57px;
}
li#nav_links a:hover, li#nav_links_active a {
	background-image:url(images/links_b.gif);
	width: 57px;
}

li#nav_info a, li#nav_info a:link, li#nav_info a:visited {
	background-image:url(images/info_a.gif);
	width: 44px;
}
li#nav_info a:hover, li#nav_info_active a {
	background-image:url(images/info_b.gif);
	width: 44px;
}

/* ------------------------------------------ [ /NAVIGATION ] ----------------------------- */

#content {
	margin-top:10px;
	padding:0px;
	float:left;
	width:600px;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	text-align:justify;
}

#content a {
	color:#1895d7;
	text-decoration:underline;
}

#content a:hover {
	color:#1895d7;
	text-decoration:none;
}

/* ------------------------------------------ [ FRONT PAGE ] ------------------------------ */

#front_news {
	margin-top:-10px;
	width:455px;
	float:left;
}

#front_distro {
	display:block;
	margin-left:35px;
	width:110px;
	float:left;
	color:#1895d7;
}

.blogimg {
	width:125px;
}

.blog_item {
	width:125px;
	margin:10px;
	float:left;
}

.blog_description {
	width:115px;
	text-align:justify;
}

.blogtitle {
	width:115px;
	background-color:#1795d6;
	color:#fff;
	padding:5px;
	margin:0;
}

.blogposted {
	font-size:0.8em;
	text-transform:uppercase;
	background-color:#1795d6;
	color:#fff;
	padding:5px;
}

p.blogposted a {
	color:#fff !important;
}

.blogarchive {
	position:relative;
	clear:both;
	text-transform:uppercase;
	padding:7px;
	padding-top:0;
}


/* ------------------------------------------ [ /FRONT PAGE ] ----------------------------- */



/* ------------------------------------------ [ BANDS ] ----------------------------------- */

.bandoverview {
	display:block;
	width:455px;
	float:left;
}

.bandoverview a img {
	height: 135px;
	width: 219px;
	border: #fff solid 2px;
}

.band_ov a {
	display:block;
	width:219px;
	height:140px;
	float:left;
	margin-right:8px;
	margin-top:4px;
}

.bandoverview a:hover { white-space: normal; }

.bandoverview a span{
	display:none;
}

.bandoverview a:hover span{
	position:relative;
    display:block;
    margin-top:-25px;
	width:213px;
	background-color:#fff;
	color:#000;
	padding:5px;
	text-transform:uppercase;
	font-size:0.8em;
	z-index:1;
}

.bandpic {
	border: #fff solid 2px;
	width:450px;
}

.bandname {
	display:block;
	width:445px;
	background-color:#1895d7;
	color:#fff;
	padding:5px;
	text-transform:uppercase;
}

/* ------------------------------------------ [ /BANDS ] --------------------------------- */



/* ---------------------------------------- [ RELEASE ] ---------------------------------- */

.release_ov {
	display:block;
	width:445px;
	background-color:#ccd6dc;
	padding:5px;
	overflow:auto;
	margin-top:10px;
}

.release_img {
display:block;
width:100px;
float:left;
}

.release_desc {
display:block;
width:330px;
margin-right:5px;
float:right;
margin-top:-5px;
}

.release_ov ul {
	clear:both;
	margin:0;
	padding:0;
	list-style:none;
}

.release_ov li {
	float:left;
	margin:5px;
}

/* ---------------------------------------- [ /RELEASE ] --------------------------------- */



/* ----------------------------------------- [ DISTRO ] ---------------------------------- */

#distrolist {
	display:block;
	width:110px;
	float:right;
}

#content .distroitem {
 	background-color:#1895d7;
 	color:#fff;
 	padding:5px;
 	width:90px;
}

#content .distroitem a {
	text-decoration:none;
	font-size:0.7em;
	color:#fff;
}

#content .distroitem a:hover {
	text-decoration:underline;
}

/* ----------------------------------------- [ /DISTRO ] --------------------------------- */

#footer {
float:left;
width:630px;
display:block;
margin-top:10px;
margin-bottom:10px;
}

#hypekid a {
width:32px;
height:32px;
background-image:url(images/hypekid.gif);
display:block;
margin-left:auto;
margin-right:auto;
float:left;
}

#myspace a {
width:32px;
height:32px;
background-image:url(images/myspace.gif);
display:block;
margin-left:10px;
margin-right:auto;
float:left;
}

#facebook a {
width:32px;
height:32px;
background-image:url(images/facebook.gif);
display:block;
margin-left:5px;
margin-right:auto;
float:left;
}

#facetheshow a {
width:35px;
height:32px;
background-image:url(images/facetheshow.gif);
display:block;
margin-left:10px;
margin-right:auto;
float:left;
}

/* ----------------------- [ ERROR / SUCCESS ] ------------------- */

.error {
	margin-top:10px;
	background-color:#990000;
	color:#fff;
	padding:20px;
}

.success {
	margin-top:10px;
	background-color:#00c300;
	color:#fff;
	padding:20px;
}