@charset "utf-8";

/* Rockweb_Black stylet 7.7.2007 */
/* muakattu viimeks 8.7.2010 */

/*******************************************************************************
*  v4.css : 2004-08-11 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  The purpose of this stylesheet is to provide enough CSS to get
*  version 4 browsers (IE4 and NN4) to render in a 3 column layout.
*
*  Because _all_ css-capable browsers will see this stylesheet, any
*  selectors that exist within this stylesheet need to be overridden in 
*  one of the other stylesheets that normal browsers will pick up. 
*  Otherwise the good browsers may get screwed up by the NN4/IE4 stuff.
*******************************************************************************/


/*-*-*- base_pixels.css -*-*-*/

body {
	/*/*//*/ width: 130%;			/* nn4 fix */	
} 
.hide {
	display: none;
}
.clear, #nsFooterClear {
	clear: both;
}
.inside {
	padding: 0.5em;
}
#oldBrowserNotice {
	text-align: center;
	display: block;		/* overriding the display:none on this block
				   so that version 4 browsers still see the
				   old browser notice */
}
#contentColumn {
	/*/*/ margin: 0 12em;			/* ie4 fix */
}
#leftColumn {
	float: left;
	width: 12em;
	/*/*/ margin-right: -12em;		/* ie4 fix */
}
#rightColumn {
	float: right;
	width: 12em;
	/*/*/ text-align: left;			/* ie4 fix */
	/*/*/ margin-left: -12em;		/* ie4 fix */
}
#masthead, .hnav, #contentColumn, #contentColumn .inside, #footer {
	/*/*//*/ border: none;			/* nn4 fix */
	/*/*//*/ margin: 0;			/* nn4 fix */
}
#nsFooterClear {
	/*/*//*/ display: block;		/* nn4 fix */
}
#footer {
	text-align: center;
}


/*-*-*- hnav.css -*-*-*/

/*/*//*/
	.hnav 	{
		text-align: center;
		padding: none;
	}
	.hnav ul, .hnav ul li 	{
		list-style-type: none;
		display: inline;
	}
/*--> IE4 does not do inline lists, so this CSS is shown only to NN4. <--*/


/*-*-*- borders.css -*-*-*/

#masthead, #footer, .hnav, #contentColumn { 
	border: solid 1px #000;
}
#pageWrapper {
	/*/*//*/ border: solid 1px #000;	/* hide from ie4 */
}
#masthead {
	/*/*//*/ border-width: 0 0 1px 0;	/* hide from ie4 */
}
#footer {
	/*/*//*/ border-width: 1px 0 0 0;	/* hide from ie4 */
}
.hnav {
	/*/*/ border-top-width: 0;		/* hide from nn4 */
	/*/*//*/ border-width: 1px 0;		/* hide from ie4 */
}
#contentColumn {
	margin-top: -1px;
}

/*-*-*- colors.css -*-*-*/

body {
	background-color: #fff;
	/*/*//*/ background-color: #ccc;	/* nn4 coloring */
	color: #000;
}
#pageWrapper {
	background-color: #fff;
	color: #000;
}
#contentcolumn	/* selector case hack */ {
	color: #000;
	background-color: #eee;
}


/*-*-*- gutters.css (or what's left) -*-*-*/

#pageWrapper {
	margin: 0 1em;
}
#masthead {
	/*/*//*/ padding-bottom: 0;		/* nn4 fix */
}
#masthead h1 {
	/*/*/ margin: 0;			/* ie4 fix */
}
.hnav ul {
	/*/*/ margin-top: 0;			/* ie4 fix */
	/*/*//*/ padding: 0.1em 0 0.4em ;	/* nn4 fix */
}

/******************************************************************************/

/* Omat */
.img-txt {
	font: 700 .7em/1.1em Tahoma, sans-serif;
}
h4 {
	border-bottom: .12em dotted #999;
	padding-bottom: .1em;
}
.pvm { /* kunkin content-boxin alla */
	font-size: .8em;
  text-align: left;
  margin: .5em 1em;
}
.nelio9 { /* silppujen lopussa = oikean harmaapaleelin paalla */
	height: 9px;
	width: 10px;
	background: none #999;
	color: #999;
	margin: 1em 0;
}
.nelioC { /* juttujen lopussa = sisaltoboksi */
	height: .8em;
	width: .9em;
	background: none #ccc;
	color: #ccc;
	margin: 1em 0;
}
.nelio6 { /* juttujen lopussa = sisaltoboksi */
	height: 9px;
	width: 10px;
	background: none #666;
	color: #666;
	margin: 1em 0;
}
.tips { /* Search-boksin linkki > selite */
	font-size: .8em;
	margin: .4em 1em;
}
#current { /* 'Olet jo tassa' -versio, 3 erilaista, koska vain ID toimii */
	background: none #000;
	color: #c30;
	text-transform: uppercase;
}
#current2 {
	background: none #000;
	color: #f99;
	text-transform: uppercase;
}
#current3 {
	background: none #999;
	color: #000;
	padding: 0em .3em;
}

/* Firefox-Google -mainos */
.fox {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
}
.under { /* 'Notes'-otsikon alaviiva */
	border-top: 2px dotted #999;
}
.star { font-weight: bold; text-align: center; } /* Kolme staraa kpl-valeissa */
.viihde { /* harmaa boksi */
  font-size: 86%;
  color: #000;
  background: #ececec none;
  padding: .8em;
  margin-top: 2em;
  border: solid .1em #ccc;
}
.ing { /* Ingressi */
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: .96em;
  font-weight: bold;
}
.alpha { /* Digestin navigaatio */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.68em;
	font-weight: bolder;
	background: none #cc9;
	border: 2px dotted #999; /* #665 */
	padding: .2em .5em;
	text-align: left;
	margin-top: .5em;
}
.alpha a:hover { background: none #c96; color: #000; }

/* sinkkulistojen navi */
.alphaS {
	/* background: url(../graf/blogi/grey_tausta.jpg) #ccc; */
	background: url(../graf/blogi/eeblue52.gif) #ccc;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.36em;
	font-weight: bolder;
	border: 2px dotted #999; /* #665 */
	padding: .2em .5em;
	text-align: left;
	margin-top: .5em;
	text-align: center;
}
.alphaS a:hover { background: none #cc9; color: #c30; }
#aakkosS { margin-top: 2em; } /* sinkku > alanavi > valistys */

#old { /* Digest-sivujen kirtsu */
	font-family: 'Lucida Handwriting', 'Comic Sans MS', Jester, "Brushstroke Plain", RoughBrush, "Old English", "Freehand521 BT", "Staccato555 BT", Times;
	font-size: 2em;
  font-weight: bolder;
	color: #999;
	margin-bottom: .5em;
	margin-top: .8em;
}
.musa { /* Charts-sivujen #TOP -otsikko */
  background: none #e1e1e1;
  padding: .3em;
  margin: 1em 0 1em 0;
	border: none;
}
.chart-ing { /* Charts-sivujen ingressi */
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
dt { color: #000; margin-top: .3em; font-weight: bold; }
.stars { /* albumien tahdet*/
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: .8em;
	color: #c03;
	padding: 0 .3em 0 0em;
	margin-left: 1em;
}
.sm {  /* albumien numerot */
	font-size: .8em;
	background: none #ececec;
	color: #666;
	padding: 0 .5em 0 .1em;
	margin-left: 1em;
	border: dotted 1px #ccc;
}
.internat {
 /*	font-family: 'Lucida Handwriting', 'Freehand521 BT', cursive; */
 	margin: 1em 0 0 0;
 	padding: .6em;
  	border: dotted 2px #999;
	background: url(../graf/blogi/grey_tausta.jpg) #ccc;
	color: #000;
 /*	font-weight: normal; */
}
.move { /* tama korvaa LP-listojen graafset >> nuolet css-versiolla */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-weight: bold;
	background: #ccc;
	color: #c00;
	border: 2px dotted #999;
	padding: 0 .7em 0 .7em;
}

/* poistetaan rojut levylistan nuoliboksista */
a:link:visited .move { text-decoration: none; }
a:link .move { text-decoration: none; }

.new  { /* "Uusi!" */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-weight: bold;
	background: #cc9;
	color: #c00;
	border: 2px dotted #999;
}
.old-lyric { /* Lyriikka-sivujen kirtsu */
	font-family: courier, 'courier new', monospace;
	font-size: 2.6em;
	font-weight: bold;
  text-transform: uppercase;
	color: #999;
	margin-bottom: .5em;
	margin-top: .6em;
}
#vihko { /* lyriikkaosion keskipalsta */
  border-left: solid .2em #69c;
}
#etiketti { /* lyriikkaosion vihkon 'etiketti' */
  width: 15em;
  background: none #fff;
  border: solid .2em #69c;
  margin-top: -.4em;
/*  padding: .3em; */
  margin-bottom: 2em;
}
.etikettiriv { /* etiketin rivit */
  border-bottom: solid .1em #69c;
  padding-left: 1em;
  padding-bottom: .2em;
  font-family: 'courier new', courier, monospace;
  font-size: .9em;
  background: none #fff;
  color: #666;
}
.biisinimet {  /* Sanoitukset -osion biisinimet */
  font-size: 1.2em;
  font-family: 'Courier new', Courier, monotype;
  letter-spacing: 0em;
  word-spacing: 0em;
}
#seur {
	float: right;
	margin: 1em 0;
}
.sanastar { font-weight: bolder; color: #c30; } /* stara > RTF-versio */

/* Statistiikka-taulukko/vinyyit */
#layout {
	width: 100%;
	background: none #ccc;
	color: #000;
	font-size: .9em;
	font-weight: bold;
	border: 2px solid #999;
	margin-bottom: 2em;
}
#head { /* taulukon header > "statistics" */
	background: none #000;
	color: #c30;
	padding: .3em .6em;
	font-family: 'andale mono', courier, 'courier new', monospace;
	font-size: 1.5em;
	font-weight: bolder;
	text-align: center;
	text-transform: uppercase;
}
.head2 { /* taulukon header II > "LP" */
	background: none #666;
	color: #cc9;
	font-size: 1.1em;
	margin: .2em 0;
}
.head3 { /* taulukon header III > "FIN" */
	background: none #666;
	color: #9cc;
	font-size: 1.1em;
	margin: .2em 0;
}
.total { /* alarivi */
	background: none #ccc;
	color: #000;
	border-top: 1px dashed #000;
	text-transform: uppercase;
}
.total-FI { /* alarivi suameks */
	background: none #ccc;
	color: #000;
	border-top: 1px dashed #000;
	text-transform: uppercase;
}
.total-ALL { /* alarivi kaikki albumit */
	background: none #999;
	color: #000;
	font-family: 'andale mono', courier, 'courier new', monospace;
	font-size: 1.2em;
	text-transform: uppercase;
}
.more { /* alarivi lisaa viikottain */
	font-size: .9em;
	background: none #000;
	color: #cc9;
	text-align: center;
	text-transform: uppercase;
}

/* Albums-sivut */
#albumname { margin-bottom: 2em; }
.biisilista { font-size: .9em; margin-bottom: 4em; }
.additional { font-size: .9em; }
#artist-name {
	font-family: 'Andale Mono', 'Courier New', Courier, monospace;
	font-size: 1em;
	font-weight: bold;
	background-color: #ccc;
	color: #000;
	padding-left: .7em;
}
.lp-info {
	font-family: 'Andale Mono', 'Courier New', Courier, monospace;
	font-size: .9em;
	font-weight: bold;
	background-color: #ececec;
	color: #000;
	padding-left: .7em;
}
.lp-foto {
	/* float: right; */
	font-size: .7em;
	font-weight: bold;
}
.takas {
	margin-bottom: 1em;
	margin-top: 2em;
}
.side { margin-top: 0; }
.oikea { /* Laitonta-sivun TS-artikkeli */
	border: #cc9 solid .17em;
	background: #e6e6b8 none;
	margin-left: .3em;
	margin-bottom: .5em;
	margin-top: 0em;
}

/* Sinkku-listaukset */
.sinkut { /* DIV jonka sisalla 1 taulukko + txtit */
	/* background: url(../graf/blogi/grey_tausta.jpg) #ececec; */
	background: url(../graf/pehmoliitu.jpg) #ececec;
	padding: 14px;
	margin-top: .2em;
	/* font-size: .9em; */
}
.fi-ots { /* nimipalkki */
	background: url(graf/light_blue.jpg) #cff;
	color: #ececec;
	padding: .3em .2em .3em .6em;
	margin: 0 0 1.5em 0;
	border-bottom: 1px solid #000;
}
.img-sinkku { /* kehys fotolle */
	padding: .2em;
	border: 1px solid #999;
}
.fotogbgk { /* sinkkufoton taustat */
	background: url(../graf/rock.gif) #999;
	color: #ccc;
	font-size: .6em;
	font-weight: bold;
	padding: .8em .8em 0 .8em;
	width: 70px;
	height: 60px;
	text-align: center;
}
.fotogbgk2 { /* sinkkufoton taustat */
	background: url(../graf/rock.gif) #999;
	color: #ccc;
	font-size: .6em;
	font-weight: bold;
	padding: .5em 0 .8em 0;
}

.arvio {
	font-size: .8em;
	font-weight: bolder;
	margin-top: .6em;
}
.biisit {
	padding-left: 1em;
	font-size: .8em;
}
.starbut { /* sinkkubiisien punastarat */
	background-color: transparent;
	color: #c03;
	font-size: .8em;
}
/* .hukkaviiva {
	border-bottom: 2px dotted #999;
	padding-bottom: .8em;
} */

/* JukeBlogi > alkaen 7.7.2010 */
.plari_leipis {
	font-family: Georgia, serif;
}
.foto-oik {
	float: right;
	margin: 0 0 1em 2em;
	text-align: center;
	font-size: .7em;
	font-weight: 700;
}
.foto-vas {
	float: left;
	margin: 1em 2em 1em 0;
	text-align: center;
	font-size: .7em;
	font-weight: 700;
}
.ilmo-table_vasen { /* Nettiplarissa, beige ilmo/mainos */
	float: left;
	margin: 0 1.5em 1em 0;
	font-family: sans-serif;
	font-size: .76em;
	font-weight: 600;
	border: #cc9 solid .17em;
	background: #e6e6b8 none;
}
.ilmo-table_oikea { /* Nettiplarissa, beige ilmo/mainos */
	float: right;
	margin: 0 0em 1em 1em;
	font-family: sans-serif;
	font-size: .76em;
	font-weight: 600;
	border: #cc9 solid .17em;
	background: #e6e6b8 none;
	text-align: center;
}
blockquote {
	font-family: courier, "courier new", monospace;
	margin: 1.2em 1em 1.3em 4em;
}
.kapit {
	font-variant: small-caps;
	font-family: Georgia, serif;
	font-weight: 700;
	font-size: 1.1em;
}
#plari_vuosinavi ul {/* vuosilukulinkit pvkirja-sivulla*/
	float: left;
	width: 100%;
	padding: .4em 0; /* keskitys, putsaa vierukset */
}
#plari_vuosinavi ul li {
	display: inline;
	list-style: none;
	font-size: 1.3em;
}
.jb-logo {
	background: transparent;
	color: #666;
	margin-bottom: 3em;
}
.jb-ing {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	background: transparent;
	color: #333;
}
.jb { /* blogijutut > leipis */
	font-family: Georgia, serif;
	font-size: 115%;
}
h3.blog { /* blogijuttujen otsikko */
	font-family: Georgia, serif;
	font-variant: small-caps;
}
.anfab { /* blogijuttujen anfangi */
	float: left;
	font-family: Georgia, serif;
	font-weight: bold;
	font-size: 160%;
	padding: 0 .3em 0 .3em;
	margin: .2em .4em 0 0;
	background: #ccc;
	color: #666;
}
.pvm2 { /* pvm otsikkojen koontisivuilla */
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: .8em;
	color: #666;
}
.pvm3 { /* pvm blogijutuissa */
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: .8em;
	color: #666;
	text-decoration: underline;
	margin: 1.7em 0 1.7em 0;
}
h3.kk { /* kuukausien nimet */
	font-family: 'Apple Chancery', Zapfino, 'Lucida Handwriting', DiMurphic, cursive;
	color: #666;
	border-bottom: .1em solid #999;
}
.strike {
	text-decoration: line-through;
	font-weight: normal;
}
#plari-footer {
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
	text-align: center;
	margin: 1.5em 0 2.4em 0;
}

/* Books-osio */
.tb { /* enkku- yms TITTELIrivi */
	/* font-size: .96em; */
	font-style: italic;
	background: transparent;
	color: #000;
	margin: .2em 0 .2em 0;
	/* font-variant: small-caps; */
}