@charset "utf-8";
/* 
 _______ _______ __ _______ __ _______ 
|    |  |       |  |     __|  |   _   |
|       |   -   |  |__     |  |       |
|__|____|_______|__|_______|__|___|___|
					        STYLESHEET                     
*/
html {
	overflow-y:scroll;
}

body {
	font-family:Helvetica,  Arial,  sans-serif;
	font-size:12px;
	line-height:150%;
	color:#000;
	background-color:#000;
	margin:0;
	padding:0;
}

a { color:#333 }
a:hover { color:#00a9d6 }

#right-column {
	float:right;
	width:159px;
	padding:0;
	margin-top:8px;
	overflow:hidden;
}

#search {
	height:47px;
	margin-bottom:8px;
	background-color:#d3d3d3;
}

#login {
	margin-bottom:8px;
	padding:5px;
	background-color:#babebf;
	color:#000;
	height:147px;
	position:relative;
}

#login form {
	overflow:hidden;
	position:relative;
	margin:3px 0;
}

#login .loginfield {
	font-size:10px;
	width:104px;
	border:1px solid #fff;
	height:14px;
	overflow:hidden;
	margin:0 5px 5px 0;
	float:left;
}

#login .loginfieldFocus {
	font-size:10px;
	width:104px;
	border:1px solid #00a9d6;
	height:14px;
	overflow:hidden;
	margin:0 5px 5px 0;
	float:left;
}

#login .loginsubmit {
	font-size:10px;
	position:absolute;
	top:0;
	background-image:url(http://images.noisia.nl/website/login_btn.png);
	background-position:0 0;
	background-color:#babebf;
	padding-bottom:8px;
	border:0;
	width:36px;
	height:41px;
	margin:0;
	float:right;
}

#login .loginsubmit:hover {
	background-position:-36px 0;
}

.loginlinks {
	position:absolute;
	bottom:5px;
	left:5px;
	right:5px;
}

#banner {
	background-color:#a9aaae;
	height:157px;
	margin-top:8px;
}

#left-column {
	float:left;
	width:629px;
}

.accordion_toggle {
	display:block;
	width:609px;
	padding:2px 10px;
	background-position:left;
	background-repeat:no-repeat;
	height:43px;
	font-weight:normal;
	text-decoration:none;
	outline:none;
	font-size:30px;
	color:#000;
	cursor:pointer;
	margin:8px 0 0;
}

.accordion_toggle:hover {
	background-color:#00A9D6;
}

.accordion_content {
	color:#000;
	overflow:hidden;
	width:629px;
}

.accordion_content h2 {
	margin:15px 0 5px 10px;
	color:#00a9d6;
}

.bio p {
	line-height:150%;
	padding:0 10px 8px;
}

.top {
	background-color:#e6e6e6;
	width:796px;
	margin-top:8px;
	height:27px;
}

.top a img.site {
	padding-right:13px;
}

.top a img.store {
	padding-left:36px;
}


.news {	background-color:#d7d8dc; }
.bio { background-color:#c7c8cc; }
.dis { background-color:#b7b8bc; }
.shows { background-color:#a7a8ac; }
.media { background-color:#97989c; }
.game { background-color:#87888c; }
.downloads { background-color:#77787c; }
.press { background-color:#67686c; }
.widget { background-color:#57585c; }
.smilieface { background-color:#47484c; }

a.news { background-image:url(../images/menu/news.png); }
a.bio { background-image:url(../images/menu/biography.png); }
a.dis { background-image:url(../images/menu/discography.png); }
a.shows { background-image:url(../images/menu/shows.png); }
a.media { background-image:url(../images/menu/media.png); }
a.game { background-image:url(../images/menu/videogame.png); }
a.downloads { background-image:url(../images/menu/downloads.png); }
a.press { background-image:url(../images/menu/press.png); }
a.widget { background-image:url(../images/menu/widget.png); }
a.smilieface { background-image:url(../images/menu/smilieface.png); }

/* NEWS */
div.newshome,div.newslist { display:block; overflow: hidden; position:relative; padding:8px 8px 14px 166px; min-height:144px; border-top:1px solid #999; }
div.newslist { padding:8px 8px 24px 91px !important; min-height:59px !important; }
div.newshome:first-child, div.newslist:first-child { border:0; }
div.newshome:hover, div.newslist:hover { background-color:#00A9D6; cursor:pointer; }
div.newshome .newsimage { left:8px; top:8px; width:150px; height:150px; position:absolute; }
div.newslist .newsimage { left:8px; top:8px; width:75px; height:75px; position:absolute; }
div.newshome em,div.newslist em { position:absolute; bottom:5px; right:5px; font-size:10px; color:#333; font-style:normal }

#widgetcontainer { 
	width:590px;
	overflow:hidden;
}

#widgetcontainer object {
	float:left;
	margin:8px;
}

#widgetcontainer form {
	float:left;
	margin:8px 8px 8px 0;
	width:266px;
}

#widgetcontainer textarea {
	background-color:#77787c;
	color:#FFF;
	border:1px solid #000;
	font-size:10px;
}





#dis img  {
	float:left;
	 margin:0 0 5px 5px;
}


.press img  {
	float:left;
	 margin:0 0 5px 5px;
}


.accordion_toggle span {
	visibility:hidden;
}

#events ul, #events li {
	margin:0 0 4px;
	padding:0;
	list-style-type:none;
}

img {
	border:0;
}

#container {
	margin:8px auto 0;
	width:796px;
}

#page-footer {
	margin-top:8px;
	color:#404042;
}

#page-footer a {
	color:#404042;
}

#footer-links {
	margin-top:18px;
	text-align:left;
}

#footer-links img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;
	margin-left:50px;
}

#footer-links a:first-child img {
	margin:0;
}

span.welcome {
	font-size:16px;
	margin-bottom:3px;
	font-weight:bold;
	text-transform:uppercase;
}

.text_bttn {
	font-size:12px;
	display:block;
	background-color:#414141;
	padding:1px 0;
	text-indent:3px;
	width:100%;
	color:#FFF !important;
	margin-top:5px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
}

.text_bttn_small {
	font-size:11px;
	display:block;
	background-color:#414141;
	padding:0;
	width:100%;
	color:#FFF !important;
	margin-top:5px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}

#events h2 {
	text-transform:uppercase;
	font-size:14px;
	margin:3px 0;
	color:#000;
}

#video-thumbs a {
	position:relative;
	display:block;
	width:118px;
	height:62px;
	float:left;
	margin:0 8px 8px 0;
	background-color:#000;
	color:#FFF;
	padding:5px;
	text-align:left;
	text-decoration:none;
}

#video-thumbs a img {
	position:absolute;
	top:0;
	left:0;
}

#video-thumbs a:hover img {
	display:none;
}

#picture-thumbs a {
	position:relative;
	display:block;
	width:72px;
	height:72px;
	float:left;
	margin:0 8px 8px 0;
	background-color:#fff;
}

div.press img:hover, #picture-thumbs a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
}

#infection {
	position:relative;
	width:629px;
	height:466px;
	background-image:url(http://images.noisia.nl/website/game_bg.jpg);
}

#infection .noisiagame {
	position:absolute;
	top:196px;
	left:0;
	height:68px;
	width:629px;
	overflow:hidden;
	background-image:url(http://images.noisia.nl/website/game_play.jpg);
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
}

#infection .flavourlink {
	position:absolute;
	bottom:0;
	left:0;
	height:77px;
	width:150px;
	overflow:hidden;
	background-image:url(http://images.noisia.nl/website/game_flavour.gif);
	background-position:0 0;
}

#infection .flavourlink:hover {
	background-position:0 -77px;
}

div#page-navigation {
	width:462px;
	position:relative;
	text-align:center;
	padding:0 84px;
	margin-top:5px;
	height:21px;
}

div#page-navigation .pages a {
	color:#000;
	text-decoration:none;
	padding:2px 11px;
}

div#page-navigation .pages a:hover {
	background-color:#222;
	color:#fff;
	padding:2px 11px;
}

div#page-navigation .active {
	padding:2px 8px;
	font-weight:bold;
	color:#333;
}

div#page-navigation a.prev {
	display:block;
	background-image:url(http://images.noisia.nl/store/buttons.png);
	background-position:-183px -79px;
	width:78px;
	height:21px;
	position:absolute;
	left:0;
	top:0;
	text-indent:-1000px;
}

div#page-navigation a.prev:hover {
	background-position:-155px -121px;
}

div#page-navigation a.next {
	display:block;
	background-image:url(http://images.noisia.nl/store/buttons.png);
	background-position:0 -121px;
	width:78px;
	height:21px;
	position:absolute;
	right:0;
	top:0;
	text-indent:-1000px;
}

div#page-navigation a.next:hover {
	background-position:-78px -121px;
}

div#page-navigation a.older {
	display:block;
	 background-image:url(http://images.noisia.nl/website/oldernewer.png);
	 background-position:0 0;
	width:81px;
	height:21px;
	position:absolute;
	left:0;
	top:0;
	text-indent:-1000px;
}

div#page-navigation a.older:hover {
	background-position:0 -21px;
}

div#page-navigation a.newer {
	display:block;
	background-image:url(http://images.noisia.nl/website/oldernewer.png);
	background-position:-80px 0;
	width:84px;
	height:21px;
	position:absolute;
	right:0;
	top:0;
	text-indent:-1000px;
}

div#page-navigation a.newer:hover {
	background-position:-80px -21px;
}

#social {
	overflow:hidden;
	 height:157px;
}

#social a {
	display:block;
	width:47px;
	height:47px;
	background-image:url(http://images.noisia.nl/website/socialmedia.gif);
	float:left;
	margin:0 9px 8px 0;
}
#social a.facebook { background-position:0 0; }
#social a.facebook:hover { background-position:0 -141px; }
#social a.twitter {	background-position:-47px 0; }
#social a.twitter:hover { background-position:-47px -141px; }
#social a.myspace { background-position:-94px 0; }
#social a.myspace:hover { background-position:-94px -141px; }
#social a.youtube { background-position:0 -47px; }
#social a.youtube:hover { background-position:0 -188px; }
#social a.soundcloud { background-position:-47px -47px; }
#social a.soundcloud:hover { background-position:-47px -188px; }
#social a.bebo { background-position:-94px -47px; }
#social a.bebo:hover { background-position:-94px -188px; }
#social a.lastfm { background-position:0 -94px; }
#social a.lastfm:hover { background-position:0 -235px; }
#social a.flickr { background-position:-47px -94px; }
#social a.flickr:hover { background-position:-47px -235px; }
#social a.hyves { background-position:-94px -94px; }
#social a.hyves:hover {	background-position:-94px -235px; }
#social a.nomargin {margin:0 0 8px !important; }

.news img {
	margin-bottom:8px;
	max-width:613px;
}

.downloads p {
	margin:0 8px 8px;
}


/* sitemap */
#sitemap #left {
	width:378px;
	background-color:#D2D3D5;
	margin-right:8px;
	float:left;
	padding:8px;
}

#sitemap #right {
	width:378px;
	background-color:#333;
	float:left;
	padding:8px;
	color:#fff;
}

#sitemap #right a {	color:#CCC; }


#sitemap h1 a {
	text-decoration:none;
}

.top a img:hover, .top a img.active, .text_bttn:hover, a.text_bttn_small:hover {
	background-color:#00a9d6;
}

#page-footer a:hover {
	color:#FFF;
}

#footer-links img:hover, #infection .noisiagame:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}



.news_toggle {
	color:#09F;
	display:block;
	padding:7px;
	overflow:hidden;
	text-decoration:none !important;
	font-size:18px;
	border-top:1px solid #000;
}


.news_toggle span {
	color:#000000;
	font-size:12px;
	visibility:visible !important;
}


.news_content {
	overflow:hidden;
	padding:7px;
}



.news h2 a  {
	 text-decoration:none !important;
	 ;
}


#newscontent {
	padding:0;
	 margin:8px;
	 background-color:#fff;
	 overflow:hidden;
}


#newscontent h1 {
	margin:0 0 10px 0 !important;
	color:#000;
}


#newscontent h2 {
	margin:12px 0 6px 0 !important;
	color:#000;
}


#newscontent h3 {
	margin:12px 0 6px 0 !important;
	color:#000;
}


#newscontent p  {
	overflow:hidden !important;
	 margin:0 0 10px 0;
}


#newscontent a  {
	color:#000;
	 text-decoration:underline;
}



.downloads ul {
	margin:0;
	float: left;
	 padding-left:5px;
	 list-style-type:none;
}


.downloads li {
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
}


.wallpaper  {
	 margin-right: 8px;
	font-size:10px;
	 float:left;
	width:125px;
}