@charset "UTF-8";

* {
	outline:none;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000 url(img/bg-galactic.jpg) center top no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #fff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
}

a {
	color:#800;
}

p {
	margin:1em 0;
	padding:0;
	font-size:13px;
	line-height:20px;
}

h1 { font-size:26px; }

h2 { font-size:22px; }

h3 { font-size:20px; }

h4 {
	font-size:18px;
	
	line-height:20px;
	margin:5px 0px 20px 0px;
}

h5 {
	font-size:15px;
}

h6 {
	font-size: 12px;
}

pre {
	letter-spacing:.05em;
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:20px;
}

#container {
	width:1024px;
	margin:auto;
}

.flamma
{
	background-image:url(img/bg-flamma.jpg);
}


.background
{
	background-image:url(img/bg-taustaa.jpg);
}

.shows
{
	background-image:url(img/bg-esitykset.jpg);
}

.contact
{
	background-image:url(img/bg-yhteys.jpg);
}

.gallery
{
	background-image:url(img/bg-tekijat.jpg);
}

.extras
{
	background-image:url(img/bg-extrat.jpg);
}

#lang {
	padding:4px;
	font-size:11px;
}

#navi {
	position:relative;
	width:763px;
	margin:auto;
	height:36px;
}

	#navi ul {
		position:absolute;
		top:0px;
		left:0px;
		display:block;
		list-style-type:none;
		margin:0px;
		padding:0px 0px 0px 240px;
		background:transparent url(img/bg-bar.png) center center no-repeat;
		height:43px;
		width:520px;
		
	 	_background-image:url(img/bg-bar.jpg);
	}
	
	#navi li {
		display:inline-block;
		float:left;
		margin:10px 10px;
	}
	
	#navi li a {
		text-decoration:none;
		color:#fff;
		font-size:13px;
		font-family:arial;
		font-variant:small-caps;
		letter-spacing:0.1em;
	}
	
	#navi li a.selected {
		color:#f00;
	}
	
	#navi li a:hover {
		text-decoration:underline;
		color:#f00;
	}


	#navi #logo {
		position:absolute;
		display:block;
		top:-85px;
		left:70px;
		background:transparent url(img/logo-flamma.png) center center no-repeat;
		width:175px;
		height:167px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo-flamma.png', sizingMethod='crop');
	 	_background-image:none;
	 }

	body.flamma #navi #logo {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo-flamma.png', sizingMethod='crop');
	}

		#logo span {
			display:none;
		}
		
	.page {
		margin:auto;
		width:700px;
		text-align:left;
		overflow:hidden;
	}
	
	.top {
		height:380px;
		position:relative;
	}
	
	.bottom {
		border:solid 1px #000;
		color:#000;
		background:transparent url(img/bg-page.png) repeat-y top right;
		
		/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-page.png', sizingMethod='scale');*/
	 	_background-image:none;
		_background-color:#fff;
	}
	
	body.flamma .bottom {
		/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg-page.png', sizingMethod='scale');*/
	}
	
	.content {
		padding:60px 80px 100px 15px;
	}
	
	.content .side {
		float:left;
		width:225px;
		margin-right:20px;
	}
	
	.content .side ul {
		list-style-type:none;
		margin:0;
		padding:0;
	}
		
		.content .side ul li {
			display:block;
		}
		
		.content .side ul a {
			color:#fff;
			background:#000 url(img/bg-sidenavi.jpg) top right no-repeat;
			font-size:13px;
			font-family:arial;
			font-variant:small-caps;
			text-decoration:none;
			display:block;
			padding:10px 10px;
			margin-bottom:2px;
			_width:220px;
		}
		
		.content .side ul a.selected {
			color:#f00;
		}
		
		.content .side ul ul a {
			color:#fff;
			background-color:transparent;
			background-image:none;
			font-size:12px;
			font-family:arial;
			font-variant:normal;
			text-decoration:none;
			display:block;
			padding:10px 20px;
			_color:#800;

		}
		
		.content .side ul a:hover {
			text-decoration:underline;
		}
	
	.content .text
	{
		width:360px;
		float:left;
	}
	
	
	.panel {
		background:transparent url(img/bg-panel.png) no-repeat;
		color:#fff;
		margin-bottom:10px;
		width:220px;
		height:350px;
		padding:15px 10px;
		
		_background:#000;
		_border:solid 1px #222;
		_padding:0px;
	}
	
		.panel h3 {
			margin:0px;
			padding:4px 10px;
			font-size:15px;
			color:#fff;
			font-variant:small-caps;
			position:relative;
		}
		
		.panel h3 a {
			display:block;
			position:absolute;
			right:6px;
			top:8px;
			height:18px;
			font-size:11px;
			color:#000;
			text-decoration:none;
			background:transparent url(img/rss-icon.png) no-repeat top right;
			padding-top:2px;
			padding-right:20px;
		}
		
		.panel ul {
			border-top:solid 1px #111;
		}
		
		.panel ul li {
			margin:0px;
			padding:5px 10px;
			border-bottom:dotted 1px #333;
			font-size:11px;
		}
		
		.panel small {
			color:#000;
			font-size:9px;
			font-weight:bold;
		}
	
		.panel p {
			padding:5px;
			font-size:11px;
		}
	
		.panel h5 {
			font-size:14px;
			font-weight:bold;
			margin:0px;
			padding:5px 10px;
			color:#000;
			border-bottom:dotted 1px #888;
		}
		
		#news,
		#gigs {
			overflow:auto;
			height:300px;
		}
		
			#news a,
			#gigs a {
				background-image:none;
				display:inline;
				margin:0;
				padding:0;
			}
	
	#footer {
		background:transparent url(img/bg-bar.png) top center no-repeat;
		height:36px;
		width:760px;
		margin:auto;
	 	_background-image:url(img/bg-bar.jpg);
		text-align:right;
	}
	
		#footer span {
			display:block;
			line-height:18px;
			font-size:10px;
			padding:10px 40px;
			
		}
		
a.videothumb {
	text-decoration:none;
	display:inline-block;
	text-align:center;
	font-size:11px;
	border:solid 1px #888;
	padding:2px;
	background-color:#000;
	border-color:#aaa #444 #444 #aaa;
	background-color:#000;
	color:#aaa;
	margin:10px;
}


.top a.videothumb {
	float:right;
}


a.lightbox {
	text-decoration:none;
	display:inline-block;
	text-align:center;
	font-size:11px;
	border:solid 1px #888;
	padding:2px;
	background-color:#000;
	border-color:#aaa #444 #444 #aaa;
	background-color:#000;
	color:#aaa;
	margin:10px;
}
		
#videoplayer {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	text-align:center;
}

	#videoplayer .content{
		width:1000px;
	}
	
	a.videolink { cursor:pointer }
	
	
	#guestlist {
		margin-bottom:20px;
	}
		#guestlist div {
			margin-bottom:4px;
			border-bottom:solid 1px #444;
		}
	
	
		#guestlist small {
			font-size:9px;
		}
		
	
	#addbook {
		border:solid 1px #000;
		border-color:#aaa #444 #444 #aaa;
		padding:10px;
	}
		#addbook label {
			display:block;
			padding:2px;
			margin:0px;
		}
	
	
		#addbook input,
		#addbook textarea
		{
			margin:0px 0px 10px 0px;
			padding:2px;
			display:block;
			width:95%;			
		}
		
	#tarjouspyynto {
		border:none;
	}
		
	#tarjouspyynto fieldset {
		border:none;
	}
	
	#tarjouspyynto input,
	#tarjouspyynto textarea
	{
		margin:0px 0px 10px 0px;
		padding:2px;
		display:block;
		width:95%
	}
	
	#tarjouspyynto input.radio {
		width:auto;
		display:inline-block;
		margin:0px 10px 0px 10px;
	}
	
	#tarjouspyynto label {
		font-weight:bold;
	}
	
	#tarjouspyynto small {
		font-size:11px;
	}