@import "base_site.css";

html, body { height: 100%; }

body {
	font-family: Helvetica;
	font-size: 9pt;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #ffffff;
}

#top .languages {
	position: absolute;
	background: black;
	right: 9px;
	z-index: 100;
}

p {
	margin: 0;
	padding: 0;
	padding-bottom: 1.5em;
}


a {
	color: #ff0012;
}

a:hover {
	color: #fda83b;
}

table th {
	text-align: left;
}


#bg {
	position: relative;
	min-height: 100%;
	_height: 100%;
	width: 811px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	background-image: url('../images/webdesign/center.png');
}

#top {
	background-image: url('../images/webdesign/top.png');
	width: 811px;
	height: 214px;
}

#top a {
	display: block;
	width: 100%;
	height: 100%; 
}

#top a span {
	display: none;
}
#top .languages a {
	color: white;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
}

#bottom {
	position: absolute;
	height: 20px;
	bottom: 0px;
	right: 42px;
	color: white;
	text-align: right;
	margin: 0;
	padding: 1.5em;
}

#bottom a {
	color: #ffffff;
}

#menu {
	background: top url('../images/webdesign/menu.png') no-repeat;
	width: 811px;
	height: 36px;
}

#menu .padder {
	padding: 0;
	margin: 0;
}

#content {
	padding-left: 35px;
	padding-right: 35 px;
	padding-top: 20px;
	padding-bottom: 4em;
	margin-right: 20px;
}

#menu {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

#menu .padder {
	position: absolute;
	top: 0px;
	width: 811px;
	margin: 0;
	padding: 0;
}

#menu ul {
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
}

#menu li {
	padding: 0;
	margin: 0;
}

#menu span.add1 {
	position: absolute;
	display: block;
	width: 100px;
	height: 30px;
	right: 420px;
	background:  url('../images/webdesign/clear.png');
}

/* #menu span.add1:hover {
	background: url('../images/webdesign/laulut_hover.png') right no-repeat;
} */

#menu span.add2 {
	position: absolute;
	display: block;
	width: 100px;
	height: 30px;
	left: 411px;
}

/* #menu span.add2:hover {
	background: url('../images/webdesign/tarinat_hover.png') left no-repeat;
} */

#menu a:hover {
	color: #f29400;
}

#menu a.selected {
	color: #f29400;
}

#menu span.has_no_page {
	display: none;
}

/* Start of english navigations */

li#navigation-eng {
	padding: 0;
	margin: 0;
	left: 0;
	top: -40px;
	height: 25px;
	width: 100%;
}

#menu #navigation-eng ul {
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 10px;
}

#menu #navigation-eng ul li ul li a {
	color: red;
}

#navigation-eng-a {
	display: block;
	position: absolute;
	color: white;
	background-color: black;
	text-decoration: none;
	z-index: 100;
	padding: 5px 10px 5px 10px;
	top: -175px;
	right: 9px;
}

#navigation-eng-discography-a,
#navigation-eng-gigs-a,
#navigation-eng-shop-a,
#navigation-eng-choir-a,
#navigation-eng-pics-a,
#navigation-eng-extras-a
{
	z-index: 100;
	height: 16px;
	top: 6px;
	display: block;
	position: absolute;
	background: url('../images/webdesign/clear.png');
	background-color: black;
}


#navigation-eng-discography-a {	width: 68px;	left: 39.5px; }
//#navigation-eng-discography-a:hover, #navigation-julkaisut-a.selected {	background: url('../images/webdesign/julkaisut_hover2.png')}
#navigation-eng-gigs-a {	width: 53px;	left: 119.5px; }
//#navigation-eng-gigs-a:hover, #navigation-keikat-a.selected {	background: url('../images/webdesign/keikat_hover2.png')}
#navigation-eng-shop-a {		width: 47px;	left: 180px; }
//#navigation-eng-shop-a:hover, #navigation-shop-a.selected {	background: url('../images/webdesign/shop_hover2.png')}
#navigation-eng-choir-a {	width: 46px;	right: 204.5px; }
//#navigation-eng-choir-a:hover, #navigation-kuoro-a.selected {	background: url('../images/webdesign/kuoro_hover2.png')}
#navigation-eng-pics-a {	width: 104px;	right: 93.5px; }
//#navigation-eng-pics-a:hover, #navigation-kuvat-a.selected {	background: url('../images/webdesign/kuvat_hover2.png')}
#navigation-eng-extras-a {	width: 50px;	right: 25px; }
//#navigation-eng-extras-a:hover, #navigation-extrat-a.selected {	background: url('../images/webdesign/extrat_hover2.png')}

/* End of english navigations */


#navigation--a {
	display: block;
	position: absolute;
	top: -250px;
	width: 100%;
	height: 250px;
}

#navigation--a span {
	display: none;
}

#navigation-julkaisut-a,
#navigation-keikat-a,
#navigation-shop-a,
#navigation-kuoro-a,
#navigation-kuvat-a,
#navigation-extrat-a
{
	height: 16px;
	top: 10px;
	display: block;
	position: absolute;
	background: url('../images/webdesign/clear.png');
}

#navigation-julkaisut-a span,
#navigation-keikat-a span,
#navigation-shop-a span,
#navigation-kuoro-a span,
#navigation-kuvat-a span,
#navigation-extrat-a span {
	display: none;
}

#navigation-julkaisut-a {	width: 68px;	left: 39.5px; }
#navigation-julkaisut-a:hover, #navigation-julkaisut-a.selected {	background: url('../images/webdesign/julkaisut_hover2.png')}
#navigation-keikat-a {	width: 53px;	left: 119.5px; }
#navigation-keikat-a:hover, #navigation-keikat-a.selected {	background: url('../images/webdesign/keikat_hover2.png')}
#navigation-shop-a {		width: 47px;	left: 180px; }
#navigation-shop-a:hover, #navigation-shop-a.selected {	background: url('../images/webdesign/shop_hover2.png')}
#navigation-kuoro-a {	width: 46px;	right: 204.5px; }
#navigation-kuoro-a:hover, #navigation-kuoro-a.selected {	background: url('../images/webdesign/kuoro_hover2.png')}
#navigation-kuvat-a {	width: 104px;	right: 93.5px; }
#navigation-kuvat-a:hover, #navigation-kuvat-a.selected {	background: url('../images/webdesign/kuvat_hover2.png')}
#navigation-extrat-a {	width: 50px;	right: 25px; }
#navigation-extrat-a:hover, #navigation-extrat-a.selected {	background: url('../images/webdesign/extrat_hover.png')}

#menu ul li ul {
	position: absolute;
	left: 30px;
	top: 43px;
}

#menu ul li ul li {
	display: block;
	float: left;
	padding-left: 10px;
}

#menu ul li ul li a {
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: black;
	text-decoration: none;
}

#menu ul li ul li ul * {
	color: black;
}

#menu ul li ul li ul {
	top: 30px;
	left: 0px;
}

#submenu {
	/*
	position: absolute;
	top: 250px; */
	display: block;
	width: 100%;
	height: 30px;
	background: url('../images/webdesign/submenu.png') no-repeat;
}

/*
#content .news-item {
	position: relative;
}

#content .news-item h3 {
	display: block;
	float: left;
	line-height: 25px;
	padding-top: 10px;
	padding-bottom: 15px;
}

#content .news-item p.meta {
	display: block;
	float: left;
	clear: none;
	position: absolute;
	left: 25px;
	top: 50px;
}

#content .news-item p {
	clear: left;
}
*/
/*
.news-item p {
	padding-left: 25px;
}*/

hr {
	border: 1px solid transparent;
	border-bottom: 1px solid black;
}

.album_list .album {
	width: 60em;
	margin: auto;
}


.album_list .album ol.songs,
.album_list .album ul.songs {
	width: 30%;
}

.album_list .album dl.info {
	width: 28%;
}

.album_list .album .bottom {
	padding-bottom: 2em;
	clear: both;
}

.album_list .album img {
	width: 192px;
	display: block;
	float: left;
	padding-right: 4em;
}

.album_list .album ol.songs,
.album_list .album ul.songs {
	display: block;
	float: left;
	padding: 0 0 0 3em;
	margin: 0;
}

.album_list .album ol.songs li,
.album_list .album ul.songs li {
	padding: 0 3em 0 0;
}

.album_list .album dl.info {
	display: block;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.album_list .album dl.info dt,
.album_list .album dl.info dd {
	padding: 0;
	margin: 0;
}

.album_list .album dl.info dt {
	font-weight: bold;
}

.album_list .album dl.info dd {
	padding: 0.25em 0 1em 0;
}

.album_list .album div.info {
	float: left;
	width: 60%;
}

#content table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

#content table th, #content table td {
	margin: 0;
	padding: 0.25em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 0.5em;
}

h2 small.meta, h3 small.meta, h4 small.meta, h5 small.meta {
	font-size: 7pt;
	letter-spacing: 0.01em;
	font-family: Arial;
}

table.article_info {
	display: none;
}

tr.categories {
	display: none;
}