﻿@charset "utf-8";
/* CSS Document */
p
	{
		font-size: 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}

.n
	{
		font-size: 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #2d2d39;		
	}

.h{
	color:#e5e5e7;
}

.c,.h1c
{text-align:center;}

.strike{text-decoration:line-through;}

h1,.h1,.h1c
{
	color:#2d2d39;
		font-size: 12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
}

.h1,.h1c {font-weight:bold}

h2,.h2
{
	color:#2d2d39;
		font-size: 11px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
}

.grey
	{
		font-size: 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #666666;		
	}
	
.12	{
	font-size:12px;
}

.text
	{
		font-size: 12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #2d2d39;
		font-weight:normal;
	}
	
#player
{
width: 180px;
height: 78px;
margin-left:311px;
margin-top:-571px;
z-index:8;
}	

#content
{
width: 415px;
height: 370px;
margin-left:35px;
margin-top:31px;
z-index:3;
}	
	
body
	{
			background-color:#2d2d39;
	}

#logo
{
width: 510px;
height: 559px;
background-image:url(img/site.png);
}

#meny
	{
width: 287px;
height: 15px;
margin-top:-13px;
margin-left:11px;
/*background-image:url(img/meny.png);*/
}	
	


.inside
	{
/*	position:absolute;
	top: 50%;
	left: 50%;
	width:510px;
	height:599px;
	margin-top: -300px;
	margin-left: -250px;*/
		margin: 50px auto;
		text-align: left;
		width:510px;
		height: 559px;*/
		z-index:2;
/*		background-image:url(img/background.png);*/
	}


.center
	{
	z-index:1;
	margin-top:-20px;
	margin-left:100px;
	}

a
{						color:#2d2d39;
						font-size: 11px;
						font-family:Verdana, Arial, Helvetica, sans-serif;						
						font-weight:bold;
						outline:none;}
	
.small{
						font-size: 10px;
}

a:hover
{
						color:#5d5d69;
						font-weight:bold;
						text-decoration:none;
}

a:visited
{
						color:#8899AA;
						font-weight:bold;
}

.hideblock
{
	visibility:hidden;
}

.showblock
{
	visibility:visible;
}

.hide
{
						opacity:.0; 
						filter: alpha(opacity=0); 
						-moz-opacity:0.00;
}

.show
{
						opacity:1; 
						filter: alpha(opacity=100); 
						-moz-opacity:1;	
}

#news					{display: block;
						width: 75px;
						height: 56px;
						background-image:url(img/news2.png);
						}	
						
#music					{display: block;
						margin-top:-56px;
						margin-left:75px;
						width: 87px;
						height: 56px;
						background-image:url(img/music2.png);
						}
							
#video					{display: block;
						margin-top:-56px;
						margin-left:162px;
						width: 87px;
						height: 56px;
						background-image:url(img/video2.png);
						}											

#about					{display: block;
						margin-top:-56px;
						margin-left:251px;
						width: 87px;
						height: 56px;
						background-image:url(img/about2.png);
						}			
						
#blog					{display: block;
						margin-top:-65px;
						margin-left:333px;
						width: 78px;
						height: 56px;
						background-image:url(img/blog.png);
						z-index:5;						
						}								
						
#guestbook				{display: block;
						margin-top:-56px;
						margin-left:379px;
						width: 106px;
						height: 65px;
						background-image:url(img/guestbook.png);
						z-index:4;
						}		
						
#square				{display: block;
						margin-top:-56px;
						margin-left:412px;
						width: 74px;
						height: 65px;
						background-image:url(img/hoversquare.png);
						z-index:6;
						}		


<!-- objekt på music-sidan -->
#musiclist
{
}
#mera_warez, #gatesofdreamhack, #stillalive, #CTRLZ, #child, #follow, #e4, #vingar, #storstark, #dhw09, #hest, #sparael
{
						display: block;
						margin-top:-319px;
						margin-left:210px;
						width: 193px;
						height: 319px;
						background-image:url(img/musicblock3.png);
						z-index:4;
}

#mera_warez
{
						margin-top:-270px;
}

#gatesofdreamhack, #stillalive, #CTRLZ, #child, #follow, #e4, #vingar, #storstark, #dhw09, #hest, #sparael
{
						_margin-top:-399px;
}

.play
{						display: block;
						margin-top:1px;
						margin-left:10px;
						width: 48px;
						height: 17px;
						background-image:url(img/play.png);
						opacity:.80; 
						filter: alpha(opacity=80); 
						-moz-opacity:.80;	
						}		

.download
{						display: block;
						margin-top:5px;
						margin-left:10px;						
						width: 128px;
						height: 18px;
						background-image:url(img/download.png);
						opacity:.80; 
						filter: alpha(opacity=80); 
						-moz-opacity:.80;						
						}
						
a.play:hover, a.download:hover
{
						opacity:1; 
						filter: alpha(opacity=100); 
						-moz-opacity:1;	
}		

.trans
{						opacity:.80; 
						filter: alpha(opacity=80); 
						-moz-opacity:.80;		
}

.textcontainer
{
	width:170px;
	height:300px;	
	margin-left:10px;
	margin-top:-5px;	
	color:#2d2d39;	
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}

#merawarez, #gates, #ctrl-z, #achild, #tomte, #portal, #summon
{
width: 510px;
height:103px;
background-image:url(img/bottom.png);
margin: auto;
margin-top:-103px;
vertical-align:bottom;
}

#merawarez
{margin-top:-83px;}

.movietext
{
	width:400px;
	height:80px;	
	margin-left:57px;
/*	margin-top:15px;*/
	color:#2d2d39;	
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}
.movielinks
{
	width:400px;
	height:80px;	
/*	margin-left:57px;*/
	margin-top:-15px;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}