/* Tyylit */
body {
	font-family: calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	background:url(../img/bg.gif) top center;
}

p{
	margin:10px 0;
}

a, a:link, a:visited, a:active{
	font-family: calibri, arial;
	color: #f00acd;
	text-decoration: none;
}

/* Tällä pakotetaan editorin sisällön linkit oikean näköisiksi
   Eli yleensä sama tyyli kuin tuossa yllä a-elementille, mutta jokaisen perään !important */
.mceContentBody a,.mceContentBody a:link, .mceContentBody a:visited{
	font-family: calibri, arial !important;
	color: #f00acd !important;
	text-decoration: none !important;
}
.mceContentBody{
	background:transparent !important;
}



a.news, a.news:link, a.news:visited {
	color:#0c6c94;
	text-decoration: none;
}

td {
	font-family: calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;

}
.login {
	font-family: calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;

}

input, select, textarea {
	font-family: calibri, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.text{
	width:100%;
}

h1 {
	font-size: 16px;
	color: #3c3c3b;
	text-transform:uppercase;
	background-color:#efefef;
	padding:10px 0;
}

.shop_huom{
	font-size: 11px;
	color: #000;
	font-weight:normal;
	
	padding:15px;
	clear:both;
	
	}
.shop_huom_border{
	border: 4px solid #f00acd;
	background-color:#c3c3c3;
	margin:0 0 10px 0;}


.pinkkireuna{
	font-family:din, arial;
	font-size: 13px;
	color: #fff;
	font-weight:normal;
	text-transform:uppercase;
	background-color:#f00acd;
	padding:15px;
	clear:both;
	margin:0 0 10px 0;
	display:inline-block;
	}
a.valkoinen_title{
	font-family:din, arial;
	color: #ffffff; font-size:18px; text-transform:uppercase;
	}
h4.otsikko_white2{
	font-family:din, arial;
	color: #ffffff; font-size:18px; text-transform:uppercase;
	padding:0;
	margin:0;
	font-weight:normal;
	}


h3.otsikko{
	font-size: 13px;
	color: #fff;
	font-weight:normal;
	text-transform:uppercase;
	background-color:#efefef;
	padding:12px 0;
	font-family:din, arial;
	
}

.flir-image{
	margin:0;
	padding:0;
	
	}

h2.otsikko{
	font-size: 13px;
	color: #fff;
	font-weight:normal;
	text-transform:uppercase;
	background-color:#efefef;
	padding:12px 0;
	margin:0;
	
}

h3.cats{
	font-size: 13px;
	color: #fff;
	font-weight:normal;
	text-transform:uppercase;
	background-color:#f00ace;
	padding:12px;
	margin:0;
	font-family:din, arial;
	
}

div.cats{
	font-size: 13px;
	color: #fff;
	font-weight:normal;
	text-transform:uppercase;
	background-color:#f00ace;
	padding:12px;
	margin:0;
	font-family:din, arial;
	display:inline-block;
	
}

h3.cats_title{
	font-size: 13px;
	color: #fff;
	font-weight:normal;
	text-transform:uppercase;
	padding:12px 12px 12px 0;
	margin:0;
	font-family:din, arial;
	
}


h3.whitetitle{
	font-size:18px;
	color:#fff;
	font-weight:normal;
	line-height:16px;
	padding:0 60px 0 20px;
	
	}

h4.otsikko_white{
	font-size: 13px;
	color: #fff;
	font-weight:normal;
	text-transform:uppercase;
	background-color:#fff;
	padding:12px 0;
	font-family:din, arial;
}

.pinkki, #oikea_palsta b, #oikea_palsta strong{
	font-size: 13px;
	color: #fff;
	font-weight:normal;
	text-transform:uppercase;
	background-color:#f00acd;
	padding:12px;
	clear:both;
	margin:10px 0;
	
	
	
	
}

a.sort, a.sort:link, a.sort:active, a.sort:visited, a.sort:hover{
	
	background:#fff url(../img/sort_arr.gif) no-repeat right 3px;
	padding-right:14px;}


a.isolinkki, a.isolinkki:link, a.isolinkki:active, a.isolinkki:visited, a.isolinkki:hover{
	color:#2a2a2a;
	font-size:12px;
	text-transform:uppercase;
	font-family:din, arial;}
	
a.buttonlink, a.buttonlink:link, a.buttonlink:active, a.buttonlink:visited, a.buttonlink:hover{
	color:#2a2a2a;
	font-size:12px;
	text-transform:uppercase;
	font-family:din, arial;
	
	padding:6px 14px 6px 6px;
	background:#efefef url(../img/arr_right.gif) no-repeat right 9px;
	border-right:6px solid #efefef;}
	
a.buttonlink2, a.buttonlink2:link, a.buttonlink2:active, a.buttonlink2:visited, a.buttonlink2:hover{
	color:#2a2a2a;
	font-size:10px;
	text-transform:uppercase;
	font-family:arial;
	padding:4px;
	background-color:#efefef;
	border:1px solid #d7d7d7;}
a.buttonlink3, a.buttonlink3:link, a.buttonlink3:active, a.buttonlink3:visited, a.buttonlink3:hover{
	font-size:9px;
	display:block;
	text-transform:uppercase;
	font-family:arial;
	padding:4px;
	background-color:#efefef;
	border:1px solid #d7d7d7;}
	
a.buttonlink_back, a.buttonlink_back:link, a.buttonlink_back:active, a.buttonlink_back:visited, a.buttonlink_back:hover{
	color:#2a2a2a;
	font-size:12px;
	text-transform:uppercase;
	font-family:din, arial;
	padding:6px 6px 6px 22px;
	background:#efefef url(../img/arr_left.gif) no-repeat 6px 9px;}

.e_uutisnosto{
	background-color:#dadada;
	height:300px;
}

.uutishr{
	height:1px;
	width:290px;
	margin:14px 0;
	background:url(../img/grs.gif) repeat-x top center;}

h4.uutistitle{
	color:#2a2a2a;
	font-size:14px;
	text-transform:uppercase;
	display:block;
	font-family:dinbold, arial;
	margin:8px 0 4px 0;
	padding:0;}
	
h5.uutistitle2{
	color:#2a2a2a;
	font-size:12px;
	text-transform:uppercase;
	display:block;
	font-family:dinbold, arial;
	margin:0;
	padding:0;}
	
.flir-image{
	padding:0;
	margin:0;
	behavior: url(js/fix/iepngfix.htc);
	}

.etusivun_palkki{
	width:290px;}
.vvvali{
	width:20px;
	background:url(../img/content_gr.gif) repeat-y top center;}

ul.keikat, ul.artistit{
	list-style:none;
	margin:0;
	padding:0;}
ul.keikat li{
	padding:8px 30px 8px 10px;
	background-color:#f4f4f4;
	border-top:1px solid #d8d8d8;
	font-size:11px;
	}
ul.artistit li{
	padding:8px 30px 8px 10px;
	
	border-top:1px solid #d8d8d8;
	font-size:11px;
	}


#oikea_palsta h4{
	color:#2a2a2a;
	padding:0;
	margin:0 0 3px 0;
	font-family:din, arial;
	text-transform:uppercase;}
.mailing_list{

	padding:20px 10px;
	background-color:#efefef;
	display:block;
	clear:both;
	margin:3px 0;}

.else table{
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	}
.else td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:14px 0;
	}


#oikea_palsta p{
	padding:0;
	margin:0;}

span.tumma{
	background-color:#3c3c3b;
	padding:12px;
	font-family:din, arial;
	}
span.tumma2{
	background-color:#3c3c3b;
	padding:12px;
	font-family:din, arial;
	
	}

span.alacats{
	background-color:#efefef;
	padding:0px;
	}


h2 {
	font-size: 14px;
	color: #000000;
}

h3 {
	font-size: 12px;
	color: #000000;
}

h4 {
	color: #458AD7;
}

h5 {
	color: #458AD7;
}

h6 {
	color: #458AD7;
}

h3.huomtitle{
	font-family:dinbold, arial;
	font-size: 12px;
	color: #fff;
	margin:0 0 4px 0;
	font-weight:normal;
	text-transform:uppercase;
	}

h3.huom{
	font-family:dinbold, arial;
	font-size: 16px;
	color: #000;
	margin:0 0 14px 0;
	font-weight:normal;
	text-transform:uppercase;
	}

.error_message{
	color:#ab0000;
	margin:10px 0 20px 0;
}
.success_message{
	color:#368b1c;
	margin:10px 0 20px 0;
}


/*RAKENNE*/

#kp{
	background:url(../img/kallot.gif) no-repeat center 30px;
	width:100%;
	height:100%;}
.sataw{
	width:100%;
	background:transparent;}
.satah{
	height:100%;}

.tummennus{
	background:url(../img/bg_sh.png) repeat-x top center;
	behavior: url(js/fix/iepngfix.htc);

	width:100%;
	height:100%;}

#container{
	background-color: #fff;
	width:968px;
	margin:20px 0 10px 0;
	}
	
.reuna{
	width:32px;
	height:700px;}

#content{
	width:904px;}
#header{
	background:url(../img/header_bg.gif) no-repeat center 1px;
	width:100%;
	height:210px;}
.kolmek{
	height:30px;}
.kolmek2{
	height:16px;}

.login-info{
}
.login-info a:link, .login-info a:active, .login-info a:visited{
	color:#3c3c3c;
}

.alavali{
	background:transparent url(../img/footer_gr.gif) repeat-x center 30px;
	width:100%;
	height:55px;}
#footer{
	
	width:100%;
	height:110px;}
.footer_vali{
	width:60px;
	background:url(../img/footer_gr2.gif) repeat-y center top;
	}
.ekataso{
	background-color:#969695;
	padding:4px 8px 2px 8px;
	color:#fff;
	font-size:14px;
	clear:both;
	text-transform:uppercase;

	}
.tokataso{
	padding:4px;
	font-family:din, arial;
	color:#fff;
	font-size:10px;
	text-transform:uppercase;
	float:left;
	letter-spacing:-0.5pt;
	margin-bottom:10px;
	}
.tokatasoaktiivinen{
	background-color:#fff;
	padding:4px;
	color:#fff;
	font-size:10px;
	text-transform:uppercase;
	float:left;
	letter-spacing:-0.5pt;
	margin-bottom:10px;}

h4.footer, .footer h4 {
	font-size: 13px;
	color: #2a2a2a;
	text-transform:uppercase;
	margin:0 0 6px 0;
	padding:0;
	letter-spacing:-0.5pt;
	font-family:dinbold, arial;
}

.alapalsta_linkit a, .alapalsta_linkit a:link, .alapalsta_linkit a:active, .alapalsta_linkit a:visited, .alapalsta_linkit a:hover {
	color:#636363;}

.footer a.news, .footer a.news:link, .footer a.news:visited {
	color:#636363;
	text-decoration: none;
	font-size:11px;
}

.footer td{
	font-size:11px;}
.footer p{
	margin:0;
	padding:0;}

#vasen_palsta{
	width:600px;}

.palsta_vali{
	width:14px;}

#oikea_palsta{
	width:290px;}
	
	
.keikka_otsikko{
	border-right:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	text-transform:uppercase;
	font-weight:bold;}
.keikka_otsikko_vika{
	border-bottom:1px solid #d7d7d7;
	text-transform:uppercase;
	font-weight:bold;}
.keikka_rivi{
	border-right:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
}
.keikka_rivi_vika{
	border-bottom:1px solid #d7d7d7;
	}
.keikka_rivi_extra{
	border-bottom:1px solid #d7d7d7;
	background-color:#f4f4f4;}
.pvm{font-weight:bold;
width:70px;
}

/* Dropdownmenu */
.menuarea{
	position:absolute;
	display:none;
	width:180px;
	border:1px solid #c3c3c3;
	background-color:white;
	padding-bottom:5px;
}

#menutable .menutop_a{
	color:#6D3A78;
	padding:0 4px;
}
#menutable .menutop{
	color:#3c3c3c;
	padding:0 4px;
}

#menutable .menusub_a{
	color:#6D3A78;
	padding:0 4px;
	font-weight:bold;
	display:block;
}
#menutable .menusub{
	color:#3c3c3c;
	padding:0 4px;
	display:block;
}

#kuva a{
	color: #000000;
}

#kuva b{
	color: #000000;
	font-family: Trebuchet Ms, arial;
}

a.otsikkolinkki{
	font-size: 13px;
	color: #fff;
	font-weight:normal;
	text-transform:uppercase;
	padding:12px 0;
	font-family:din, arial;
}

div.links{
padding-top: 10px;
}

.links ul{
	list-style:none;
	margin:0;
	padding:0;
}


.links ul li

{

	padding-top: 5px;
	
	padding-right: 20px;
	
	padding-bottom: 5px;
	
	padding-left: 20px;


	background-image: url(../img/nuoli_harmaa.gif);
	
	background-repeat: no-repeat;
	
	background-attachment: scroll;
	
	background-position: 5px 9px;

}

#find_a_band {
	z-index: 1003;
	position: absolute;
	float: left;
	width: 310px;
	overflow-y: auto;
	height: 350px;
	background: #474747;
	margin-top: -15px;
	padding: 10px;
	filter:alpha(opacity=90); 
 	  -moz-opacity: 0.9; 
  	 opacity: 0.9; 
}

#find_a_band a {

	display: block;
	
	color: #ffffff;
	
}


#find_a_band hr{
	
	border: 0;
	
	border-bottom: 1px solid #ffffff;
			
}
#find-a-band-close{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}



#album_thumb{
	
	margin: 5px;
	
}

#album_thumb a{
	color: #000000;
}

#album_thumb b{
	color: #000000;
	font-family: Trebuchet Ms, arial;
	text-transform: uppercase;
}