@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

body {	margin-top:0;
	background:#F8F3D9;
	height:auto; /* tässä kumottiin muun sivuston täyteen korkeuteen venytys */ 
	}

.tavara {background-color:#FFFDE7;
	background-color: hsl(49,100%,98%);
}

.tavara {
 margin-top:10px;     /* Lodju irti yläreunasta + yläreunaviiva 3.9.2013 */
 text-align: left;}

.tavara, footer {
	max-width:792px;
	margin-left: auto;
	margin-right: auto;
	border:hsl(23, 40%, 10%) 4px solid;
	box-shadow: 0 0 200px hsla(34, 60%, 27%, 0.3),
        	    0 0 10px hsla(34, 60%, 27%, 0.25);}

div.sivu,h1 {text-align:center;}

div.paaotsikkorajat {
	background:#251811;
	}

.tausta {
        text-align:center;
        color: #fff;
        background: #362317;}

.tausta a:link, .tausta a:visited, .tausta a:active, .tausta a:hover, 
   .tausta h1 {color: #fff;}
.tausta h3,
   .tausta h3 a:link, .tausta h3 a:visited, .tausta h3 a:active, .tausta h3 a:hover,
   .tausta .muutsivut a:link, .tausta .muutsivut a:visited, .tausta .muutsivut a:active, 
   .tausta .muutsivut a:hover {color: #fff;}

p {margin-bottom:0; margin-top:0;} 

.aikataulukko-etusivu {
	margin: 0;
	text-align:left;}
/* Kun päivitysilmoituksia on monta päivittäin: */
/*.aikataulukko-etusivu tr {font-size:90%;}*/
/*.aikataulukko-etusivu tr:first-child {font-size:100%;}*/
/*.aikataulukko-etusivu tr td.pvm {
	font-size:12pt;
	vertical-align:middle;
	}*/
td 	{
	border-bottom:#362318 2px solid;
	padding:0.2em;}
tr:nth-child(3) td {border-bottom:2px solid #333;}

table {margin-bottom:0;
	width:100%;}

form {padding:4px 0 4px 0;
     border-top:2px solid #333;}
input[type|=text] {width:15em;
	background-color:hsl(48,30%,90%);}
input[type|=text]:focus {background-color:#fff;}

.uutiset {
	border-bottom:2px solid #362317; /* onko muka tarpeen? */
	background:#2F2013;
	text-align: center;	
}

div.uutiset p {
   margin-top:2px;
   padding:0.3em 0.2em 0.3em 0.5em; 
   padding:0.6em 0.2em 0.6em 0.5em; 
}

.uutiset p.laskuri {
   margin-top:2px;
   padding:0.3em 0.2em 0.3em 0.5em; 
}

p.huomio {
  background:#fff;border:solid 1px #ccc;
  padding-left:0.2em;
}

p.lisaa {margin:0.3em 0;
	text-align:center;}

h1 {	margin:0;}

h3 {	font-weight:normal; 
	word-spacing:1.4em;
  	margin-top:2px;margin-bottom:0;
	}

/* Alleviivaukset toisaalta tärkeimmissä linkeissä (h3 & div) ja toisaalta uutistekstissä */
.tausta a:link, .tausta a:visited, .tausta a:hover, .tausta a:active {
	text-decoration:none;}
.uutiset a:link, .uutiset a:visited  {
	text-decoration:underline;}
.uutiset a:hover, .uutiset a:active  {
	text-decoration:none;}
/*.uutiset {font-size:90%;} */

.tausta .muutsivut a:hover, .tausta .muutsivut a:active, .tausta a:hover, .tausta a:active  {
	color:#000; background:#fff;}

.muutsivut .kuvake a:hover, .muutsivut .kuvake a:active {
	background:transparent;}

.lenkura {
	vertical-align: -4px;
	padding-left: 4px;
	padding-right: 4px;}

.lisaa .pallo {padding:0 0.5em;}


#headline {
	padding:0 7px 0 4px;
	color:#fff;
	text-shadow:
	-1px -1px 0 #000,  
	 1px -1px 0 #000,
 	-1px  1px 0 #000,
  	 1px  1px 0 #000;
	background:#000 url(/kuvat/etusivu/lampaat_800x340.jpg) no-repeat center;
	height:330px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:300;
	position:relative;}

h1	{	padding:10px 0;}
h4	{	margin:0;
		font-size:150%;
		font-weight:bold;}

#headline a {	color:#e33;}
.levynnimi, .lausunto span {color:#e33;}
.lausunto q {	display:block}
.lausunto img {	padding:0 1px;}
.lausunto span {
	padding:0 4px;
	font-size:90%;}
.lausunto span.num {
	font-weight:bold;
	font-size:100%;}
.lausunto {	margin:0.7em 0;}
.julkaistu {
	margin:-0.4em 0 1em 0;
	font-size:90%;}

#vasemmalla {	padding-left:4px;
		float:left;
		text-align:left;
		width:45%;}
#oikealla {	float:right;
		text-align:right;
		width:30%;}



@media (max-width:900px) {
	h1 img {max-width:100%;height:auto;}
	p.lisaa {text-align:left;
		margin-left:0.3em;}
	.lisaa .pallo {padding:0;}
	.uutiset {text-align:left;}
	.kuvake + .erotin {display:none;}
	#some, #haku {white-space:nowrap;}
	input[type|=text] {width:15em;}
}

@media (max-width:750px) {
	#vasemmalla, #oikealla {width:49%;}
	.lausunto {margin:0.4em 0;}
}

@media (max-width:600px) {
	h3 	{	word-spacing:0;}
	.julkaistu {	margin-bottom:0.3em;}
	.lausunto {	margin:0;}
}

@media (max-width:500px) {
	h1 {		margin-bottom:-0.2em;}
	h3 {		word-spacing:0;
			font-size:110%;}
	.muutsivut {	font-size:90%;}
	input[type|=text] {width:5em;}
	#oikealla, #vasemmalla {float:none;
			text-align:left;
			width:100%;}
	#headline h4, .julkaistu, .lausunto, .lausunto p, .lausunto q {
			display:inline;}
	#headline h4 {	font-size:130%;
			font-weight:normal;}
	#headline h4:after {content:","}
	.julkaistu:after   {content:". ";}
	.lausunto p:after  {content:". ";}
	.lausunto q::after(2)  {content:", ";}
	.lausunto span {white-space:nowrap;}
	#headline {	background:hsl(27, 29%, 8%);
			height:auto;
			padding-bottom:0.5em;}
	#anim-lampaat {display:none;}
}

@media (min-width:900px) {
	div.uutiset p {
		padding-left:1em;
		padding-right:1em;}
}

@media (min-width:1000px) {

	div.tavara {margin-top:50px}
        html body {
		background-image:url(/img/tausta/hiso_2014_1_etusivu.jpg); 
                background-repeat:no-repeat;
                background-position:50% top;
                background-color: #f2ead4;
		background-size:cover;  
		}
}