/* eka yleiset.. */
body { 
/* background: #333333 url('kuvat/bg.png') repeat-x scroll top left; */
  background: #CCCCCC url(kuvat/bg4.png) repeat-x scroll left top;
  font-size:90%;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  margin: 8px 0 60px 16px;
}

a:visited { color: #696969; }
a:hover { color: #7B68EE; }
a:active { color: #000000; }

img { border-width: 0; }

h1 {
	font-size: 1.4em;
	padding: 4px;
	margin-bottom: 5px;
	margin-left: 350px;
	background-color: #eeeeee;
	border-bottom: 2px solid #cccccc;
	border-left: 15px solid #cccccc;
	border-top: 2px solid #cccccc;
	color: #555555;
	text-transform: uppercase;
	-moz-border-radius: 15px 0 0 15px;
}

h2 { font-size:1.3em; margin:10px 5px; }
h3 { font-size:1.2em; margin:9px 5px; }
h4 { font-size:1.1em; margin:8px 5px; }
h5 { font-size:1em; margin:7px 5px; }
h6 { font-size:0.9em; margin:6px 5px; }
p { font-size:1em; margin: 5px 5px 10px 7px; }
#kontent td { font-size:0.8em; vertical-align: top; }
#kontent li { font-size:0.8em; }
#kontent ul {
  list-style-type: circle;
  padding: 0 0 0 20px;
  margin: 0;
}

h3 a, h3 a:visited { color: #303030; }
h3 a:hover { color: #7B68EE; }

.boldis { font-weight: bold; }
.clear { clear: both; }
.white { color: #ffffff; }
.small { font-size: small; }
.keski { text-align: center; }
.justiinsa { text-align: justify; }

.paluu {
  font-weight: bold;
  margin: 0 10px;
}

/* Layout */
#kokojuttu {
	border-width: 1px;
	border-style: solid;
	border-color: #222222;
	-moz-border-radius: 0 0 5px 5px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
/*
	border-color: #000000 #444444;
*/
}
#ylapalkki {
	height: 190px;
	background-position: 0 -20px;
	background-repeat: no-repeat;
}
#vasen {
	position: relative;
	float: left;
	clear: both;
	padding: 10px 0 10px 0;
	border-top: 10px solid white;
}
#kontent {
	float:right;
	position:relative;
	background-color:#ffffff;
	margin:0;
	padding:10px 0 50px 0;
}
#alapalkki {
  height: 0;
  overflow: hidden;
}
#fuuter {
  text-align: center;
  margin: 0px auto 0px auto;
  background: #000000 url('kuvat/liuku_bk-gr.jpg') repeat-x scroll left 40%;
  color: #ffffff;
  border-style: solid;
  border-color: #444444;
  border-width:0px 5px 2px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
}
#fuuter p {
	padding:2px;
	margin:0px;
	font-size: 0.6em;
	line-height: 2em;
}
/* navigaatio */
.valikko_ala {
   	background: #000000 url('kuvat/liuku_bk-gr.jpg') repeat-x scroll top left;
	padding: 0;
}

.valikko_yla {
   	background: #000000 url('kuvat/liuku_gr-bk.jpg') repeat-x scroll bottom left;
	padding: 0;
}
ul.nav {
	height: 23px;
	padding: 0 0 0 10px;
	margin: 0;
	border-color: #000000 #444444;
	border-style: solid;
	border-width: 0 4px;
	list-style-type: none;
	line-height: 17px;
}
ul.nav li {
	display: block; 
	float: left;
	position: relative;
	margin: 0 3px 0 0;
}
ul.nav li.separated {
  margin-left: 5px;
}
ul.nav li.active {
}
ul.nav a {
	text-decoration: none;
	color: #ffffff;
	background-color: transparent;
	padding: 2px 4px 4px 4px;
	display: block;
}
ul.nav a:hover {
	background-color: #303030;
	color: #ffffff;
}
ul.nav a:visited {
	color: #ffffff;
}
ul.nav li ul {
	display: none;
	position: absolute; 
	left: -1px;
	top: 23px;
	z-index: 9999; 
	background-color: #444444;
	padding: 0;
	margin: 0;
	width: 100px;
	border-style: solid;
	border-color: #888888;
	border-width: 0 1px 2px 1px;
}
.valikko_ala ul.nav li ul {
  top: auto;
  bottom: 23px;
  border-width: 2px 1px 0 1px;
}

ul.nav li:hover ul { display: block; }
ul.nav li ul li {	display: block; }
ul.nav li:hover a { background-color: #444444; }
ul.nav li.active a,
ul.nav li.active a:visited {
	color: #000000;
	background-color: #ffffff;
	padding-top: 3px;
	margin-top: -1px;
}
ul.nav li ul a {
	padding: 3px 0;
	display: block;
	width: 100px;
	text-indent: 5px;
}
ul.nav li.active ul a {
	border-width:0px;
	background-color:#444444;
}
ul.nav li.active:hover a {
	background-color:#ffffff;
}
ul.nav li ul a:hover,
ul.nav li:hover a:hover,
ul.nav li.active:hover ul a:hover {
	background:#303030 url(kuvat/liuku_navihover.gif) repeat-x;
	color:#ffffff;
}
ul.nav li.active:hover a:hover {
	background:#ffffff none;
	color:#000000;
}
/* Muut */
ol#murut {
	list-style-type: none;
	margin: 0 0 0 8px;
	padding: 0;
	font-size: 12px;
}
.erotin {
	border-width: 1px 0 1px 1px;
	border-style: ridge;
	border-color: #666666;
	clear: both;
	height: 5px;
	overflow: hidden;
	margin: 15px 0 15px 10px;
	padding: 0;
}

#validnapit {
}

#validnapit img {
	border-width: 0;
	margin: 0 0 1px 10px;
}
#vasen h4 {
	font-size: 14px;
	font-weight: normal;
	margin: 0 5px 3px 5px;
}
#vasen p {
	padding-right: 0px;
	font-size: 12px;
	margin: 0 5px 5px 5px;
}
#vasen p.small { font-size: 9px; }
#vasen p.hover { color:#888888; }
#vasen p.hover:hover { color:#000000; }
#vasen h4.nowplaying {
	font-size: 12px;
	margin: 0 5px 0 0;
	padding: 2px 0 2px 2px;
	border-left: 2px solid #444444;
}
#vasen p.nowplaying {
	font-size: 12px;
	margin-left: 0;
	border-left: 2px solid #444444;
	padding: 2px 0 2px 2px;
}
#vasen .pngliuku {
	background: transparent url(kuvat/liuku.png) no-repeat;
	height: 2px;
	overflow: hidden;
	margin: 10px 0;
}

#ylakulma {
	position:absolute;
	top:0px;
	right:0px;
}
#alakulma {
	position:absolute;
	margin: 0 0 0 -9px;
}
#keski {
	background-color: #dddddd;
}

.sivukuva {
	float: right;
	margin-right: 5px;
	margin-bottom: 10px;
	width: 200px;
	text-align: right;

}
.sivukuva p {
	font-size: 0.8em;
	color: #555555;
	margin: 2px 0 0 10px;
}
.sivukuva img,
.vasenkuva img {
	border: 1px solid #000000;	
}
.noborder img {
	border-width: 0;
}
.vasenkuva {
	float: left;
	margin: 0 10px 5px 5px;
}
.oikeakuva {
	float:right;
	margin-right:0px;
	text-align:right;
	border-style:solid;
	border-color:black;
	border-width: 1px 0 1px 1px;
}
.oikeakuva img {
  vertical-align: middle;
}

p.pvm { margin-bottom: 2px; font-weight: bold; }
p.uutinen { padding-left: 10px; margin-top: 2px;}

dl.uutiset { margin: 10px; }
dl.uutiset dt {
  font-weight: bold;
  margin: 0;
  padding: 2px 0 2px 0;
}
dl.uutiset dd {
  padding: 0 10px 2px 10px;
  margin: 0;
}

div.hoverlista_container { position:relative; }
div#hoverlista_placeholder, #kontent div.hoverlista ul {
	position:absolute; 
	top:0px;
	height:auto;
	left:130px;
	width:390px;
	background-color:#ffffff; 
	border:1px solid black; 
	padding: 10px;
	margin: 0px;
	display:none;
	list-style-type: none;
}

#kontent div.hoverlista:hover ul { display:block; }

div#hoverlista_placeholder { padding: 0; border-bottom-width:0;}
div.hoverlista h4 {
	padding:5px;
	border:1px solid #dddddd;
	border-left-width: 10px;
	margin:3px 400px 3px 10px;
	font-size:0.9em;
}
div.hoverlista:hover h4 { border-color:#aaaaaa; }
div#piirros_container { position:relative; height:384px; text-align:center; margin:10px; }
div#piirros_container ul { 
	margin:0; 
	padding:0; 
	position:absolute; 
	top:0px; 
	left:0px;
	z-index:5;
}
div#piirros_container li {
	display: inline;
	font-size: 1em;
	padding: 0px 5px 1px 5px;
	border: 1px solid black;
	border-bottom-width: 0;
	margin-right: 0px;
	background-color: #eeeeee;
	cursor: vertical-text;
}
div#piirros_container li:hover { 
	border-bottom-width:0;
	padding-top: 2px;
	padding-bottom:2px;
	background-color:#ffffff;
}
div#piirros_container li span { font-size:0.8em; }
div#piirros_container li .piirros,
div#piirros_container #placeholder { 
	width:512px;
	height:384px;
	border:1px solid black; 
	position:absolute; 
	top:16px; 
	left:0px;
	background:#ffffff;
}

div#piirros_container li .piirros { display:none; z-index:-1; }
div#piirros_container li:hover .piirros { display:block; }

#rumput {
	text-align: center;
	border: 1px solid #555555;
	padding: 20px 0;
	margin: 0 5px 20px 5px;
	min-height: 384px;
}
img.rumpshow { cursor: pointer; }
img.rumphide { display: none; }
.rumpuvalinta { text-align: center; }
.rumpuvalinta a {
	color: #555555;
	background: #eeeeee;
	border-width: 1px 5px;
	border-style: solid;
	border-color: #cccccc;
	padding: 2px 4px;
	text-decoration:none;
}
.rumpuvalinta a:hover {
	border-color: #555555;
	color: #000000;
	padding: 4px;
}
.verstas_item {
	clear: both;
	margin: 0 5px 5px 0;
}
.verstas_item img {
	float: left;
	margin: 0 5px 5px 5px;
}

table.faktat {
	margin: 0 0 10px 15px;
}
table.faktat td {
	padding: 1px 5px 2px 1px;
}

#kontent ul.linklist {
	position: relative;
	list-style-type: none;
	margin: 5px 5px 10px 10px;
	padding: 0;
}
#kontent ul.linklist li {
	list-style-type: none;
	font-size: 1em;
}
.linklist a span { 
	display: none;
	position: absolute;
	top: 0px;
	left: 150px;
	background: white;
	border: 1px solid #cccccc;
	border-left-width: 10px;
	padding: 5px;
	width: 350px;
	height: 80px;
	color: #000000;
	text-decoration: none;
}
.linklist a:hover span { display: block; }
.linkkisivu p {
	position: relative;
  margin-left: 10px;
}
.linkkisivu h3 {
	margin: 0 5px;
}

/*
#fav_bandit h4,
#fav_levyt h4,
#fav_muusikot h4 {
  cursor: pointer;
  padding: 0 0 0 15px;
  background-image: url(kuvat/nuoli3_alas.png);
  background-repeat: no-repeat;
  background-position: 0 5px;
}
#fav_bandit h4:hover,
#fav_levyt h4:hover,
#fav_muusikot h4:hover {
  text-decoration: underline;
}
#fav_bandit p,
#fav_levyt p,
#fav_muusikot p {
	display: none;
}
#fav_bandit.aktive h4,
#fav_levyt.aktive h4,
#fav_muusikot.aktive h4 {
  background-image: url(kuvat/nuoli3_ylos.png);
}
#fav_bandit.aktive p,
#fav_levyt.aktive p,
#fav_muusikot.aktive p {
	display: block;
}
*/

#favs {
  position: relative;
  padding: 24px 15px 0 15px;
}
#kontent #favtabs {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
}
#favtabs li {
  display: block;
  float: left;
  margin: 0 2px 0 0;
}
#favtabs a {
  display: block;
  padding: 5px 4px 4px 3px;
  line-height: 14px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #444444;
  color: #eeeeee;
  text-decoration: none;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  background: #000000 url(kuvat/liuku_gr-bk.gif) repeat-x scroll left bottom;
}
#nav_fav_reset a,
#nav_fav_sotke a {
  border-color: #222366;
  background: #6b7dd6 url(kuvat/liuku_blu.gif) repeat-x scroll left bottom;
}
#nav_fav_reset a:hover,
#nav_fav_sotke a:hover,
#favtabs li a:hover {
  background-position: left top;
}
#favtabs li.active a,
#favtabs li a:active {
  background: #ffffff none;
  color: #444444;
  padding-bottom: 5px;
}
#kontent #favlist {
  list-style-type: none;
  margin: 0 0 10px 0;
  padding: 5px;
  border: 1px solid #444444;
  height: 250px;
  overflow: auto;
  background: #ffffff url(kuvat/boxfade1.gif) repeat-x scroll 0 bottom;
}
#favtabs li span {
  padding-left: 9px;
  background: transparent url(kuvat/rightarr333.gif) no-repeat scroll -1px 4px;
}
#favlist li {
  display: block;
  background: transparent url(kuvat/rightarr333.gif) no-repeat scroll 2px 4px;
  padding: 0 0 0 15px;
}
#favlist li.fav_bands,
#favtabs #nav_fav_bands.active span { background-image: url(kuvat/rightarr033.gif); }
#favlist li.fav_albums,
#favtabs #nav_fav_albums.active span { background-image: url(kuvat/rightarr009.gif); }
#favlist li.fav_musicians,
#favtabs #nav_fav_musicians.active span { background-image: url(kuvat/rightarr099.gif); }
#favlist li.fav_movies,
#favtabs #nav_fav_movies.active span { background-image: url(kuvat/rightarr900.gif); }
#favlist li.fav_games,
#favtabs #nav_fav_games.active span { background-image: url(kuvat/rightarrc00.gif); }
#favlist li.fav_drinks,
#favtabs #nav_fav_drinks.active span { background-image: url(kuvat/rightarrfff.gif); }