@charset "utf-8";
@import url("nonIE.css") all;
/* CSS Document 



harmaa			282828
beessi 			b4af87
sininen			35cee0
linkki_lightblå	66FFFF



vaaleen harmaa	d7d7d7
linkki oranssi 	FF6600
oranssi			ff7800
keltanen 		ffc600


	
/*		VÄRIT		*/	
	
	
	/*SININEN	*/

	
/*	
body,.highslide-loading ,a,.highslide-html,a.highslide-credits i,.highslide-wrapper .highslide-header a,.highslide-wrapper .highslide-footer,#contactus_bg	
																		{color:#282828;background-color:#35cee0;}	
																			
a:hover,.semiotsikko a:hover,.contactus a:hover,.highslide-wrapper .highslide-header a:hover 
																		{color:#66FFFF;}	
																		
#logo    																{background-image:url(images/newlogo_282828.png)								;}	
#contactus,#contactus_img,#contactus_img_title							{background-image:url(images/contactus_link_282828.png)							;}
#contactus_img:hover													{background-image:url(images/contactus_link_66FFFF_lightblue.png)				;}
#contactus_bg															{background-image:url(images/contactus_bg_282828.png)	;}
#totop 																	{background-image:url(images/top_35cee0_blue.png)		;}
.highslide-wrapper 	,#totop 											{background-color: #282828;}
*/

	/*oranssi	*/
/*
body																	{background-color:#282828;}
body,.highslide-loading ,a,.highslide-html,a.highslide-credits i,.highslide-wrapper .highslide-header a,.highslide-wrapper .highslide-footer,#contactus_bg	
																		{color:#282828;}	
																			
a:hover,.semiotsikko a:hover,.contactus a:hover,.highslide-wrapper .highslide-header a:hover 
																		{color:#ffc600;}	
																		
#logo    																{background-image:url(images/newlogo_282828.png)								;}	
#contactus,#contactus_img,#contactus_img_title							{background-image:url(images/contactus_link_282828.png)							;}
#contactus_img:hover													{background-image:url(images/contactus_link_282828.png)				;}
#contactus_bg															{background-image:url(images/contactus_bg_282828.png)	;}
#totop 																	{background-image:url(images/top_ff7800_orange.png)		;}
.highslide-wrapper 	,#totop 											{background-color: #282828;}
	
*/
	
	/*harmaat linkit	*/

body																	{}

#contactus_bg,.highslide-html,.highslide-wrapper .highslide-footer
																		{background-color:#35cee0;}

body,.highslide-loading ,a,a.highslide-credits i,.highslide-wrapper .highslide-header a
																		{color:#282828;}	
																			
a:hover,.semiotsikko a:hover,.contactus a:hover,.highslide-wrapper .highslide-header a:hover 
																		{		
																		filter:alpha(opacity=50);
																/*		-moz-opacity:0.5;*/
																		-khtml-opacity: 0.5;
																/*		opacity: 0.5;*/
																		color:#fff;
																		}
																		
a:hover										{		
																		
																		}	
																
#logo    																{background-image:url(images/newlogo_282828.png)								;}	
#contactus,#contactus_img,#contactus_img_title							{background-image:url(images/contactus_link_282828.png)							;}
#contactus_img:hover													{background-image:url(images/contactus_link_282828.png)					;}
#contactus_bg															{background-image:url(images/contactus_bg_282828.png)							;}
#totop 																	{background-image:url(images/top_levee_282828.png);background-position:right	;}
.highslide-wrapper														{background-color: #282828														;}
	
::-moz-selection														{background-color:#282828;color:#d7d7d7										;}
::selection 															{background-color:#282828;color:#d7d7d7										;}


/*		VÄRIT END		*/


/*				IE PNG FIXit					*/


#logo,#contactus,#contactus_img,#contactus_img_title,#contactus_img:hover,#contactus_bg,#totop,#kulmalogo 		{behavior: url(iepngfix.htc);}


#logo,#contactus,#contactus_img,#contactus_img:hover												{cursor:pointer	;}


/*		TAGit	*/




body 
{
		
		background-repeat:repeat;
		margin:0px;
		font-family:"Myriad Pro", verdana, Kartika, Arial;
		font-size:11px;
		line-height:16px;
		text-align:justify;
		
		
}

a
{
		font-weight:normal;				
		text-decoration:underline;
		font-weight:normal;
		
}

a:hover
{			
		text-decoration:none; 

}


ul 
{			
		list-style-position:outside; 
		position:relative;
		left:-25px;
		text-align:left;
		list-style-type:square;
}

/*			DIVit						*/
#bg { width: 100%; height: 100%; z-index: 0; }

* html #bg { /*\*/position: absolute; top: expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); left: expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }

#foo > #bg { position: fixed; top: 0px; left: 0px; } 
/*#bg {
		z-index:0;
		position:fixed;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		
}*/

#kulmalogo {
	left: -40px;
	top: -40px;
	position: absolute;
	width: 110px;
	background-image:url(images/logo_110x105.png);
	height:110px;
	display:block;
}


#logo
{
		position:absolute;
		left:50px;
		top:50px;
		width:320px;
		height:44px;
		display:block;
		z-index:1000;
}
#logo:hover
{		
		filter:alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity: 1;
		opacity: 1;
}

#list_num ul
{
		list-style:decimal;
		position:relative;
		left:-15px;
}

#kaikki 
{
		position:absolute;
		top:120px;
		left:50px;
		z-index:10;
}

#artists	/*ARTISTS LISTA VASEMMALLA*/
{
		position:absolute;
		width:190px;
		left:0px;
		top:0px;
		overflow:hidden;
		
}

#news	/*ENSIMMÄINEN PALSTA */
{
	position:absolute;
	width:250px;
	left:189px;
	top:-1px;
	overflow:hidden;
}

#videos	/*ENSIMMÄINEN PALSTA */
{
	position:absolute;
	width:425px;
	left:190px;
	top:-1px;
	overflow:hidden;		
}


#news2	/*TOINEN PALSTA */
{
		position:absolute;
		width:250px;
		left:460px;
		top:0px;
		overflow:hidden;
		
}

#contactus 
{
		left:458px;
		position:absolute;
		top:-42px;
		width:350px;
		font-size:10px;
		text-decoration:none;
}
#contactus a {text-decoration:none;font-size:10px;}

#contactus_img
{			
			
			background-repeat:no-repeat;
			width:117px;
			height:16px;
			font-family:"Arial Black";
			font-size:16px;
}
#contactus:hover 
{
			filter:alpha(opacity=100);
			-moz-opacity:1;
			-khtml-opacity: 1;
			opacity: 1;
}


#contactus_img_title
{			
			background-repeat:no-repeat;
			width:117px;
			height:16px;
}

#contactus_bg			
{			
			background-repeat:no-repeat;
			width:380px;
}



#intro						/*EKAN SIVUN INTRO boxi*/
{
		position: absolute;
		width:500px;
		left:460px;
		top:0px;
		overflow:hidden;
		
}

#artistDisco					/*artistisivun toinen palsta   =  youtube*/
{
		position: absolute;
		width:425px;
		left:460px;
		top:0px;
		/*overflow:hidden;*/
		
}



#gallery
{
		position: relative;
		left:190px;
		width:425px;
		
		top:0px;
		overflow:hidden;
		border: 0px;
		align: left;
		text-align: left;
}

#gallery table {position:relative;left: -8px;}






/*				CLASSit*/
.otsikko 
{
		font-family:"Arial Black", "Myriad Pro", Arial;
		font-size:28px;
		line-height:22px;
}


.semiotsikko
{
		font-family:"Myriad Pro", Arial;
		font-size:16px;
		line-height:normal;
		font-weight:bold;
}
.semiotsikko a{	font-weight:bold;		text-decoration:none;	}
.semiotsikko a:hover{text-decoration:none; }

.contactus
{
		font-family:"Myriad Pro", Arial;
		font-size:10px;
		line-height:normal;
		font-weight:bold;
		text-decoration:none;
}
.contactus a		{font-weight:bold;text-decoration:none;	}
.contactus a:hover	{text-decoration:none; }

.djlista {font-size:13px;}

/*							HIGHSLIDE	*/




.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    padding-left: 22px;
    background-repeat:repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    
}


/* Styles for the popup */

.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	font-size:10px;
	
	text-decoration: none;
}

.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
	
}
.highslide-wrapper .highslide-footer {
	height: 11px;
	
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}



/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


#mtaTwitter {display:inline; position:relative; top:-25px;}
.when { font-size: 12px; font-weight: bold; }