/* Petri Ikonen  - Kuopassa.com - Filmgoer.fi */

@import url("testitypo1.css");
@import url("extrat.css");

/* Yleiset */


* {
	margin: 0;
	padding: 0;
	text-align: left;
	}
body {
	font: 0.8em Helvetica, Arial, sans-serif;
	color: #222;
	background-color: #E5E5E5;
	background-position: right top;
	background-attachment: fixed; 
	background-repeat: repeat-x;
	background-image: url();
	text-align: center;
	}

a {
	text-decoration: none;
	color: black;
	}
	
	
a:hover {
	text-decoration: none;
	color: #d30000;
	}
	
/* Sos.med. hover*/	
	
.borderit img {border: 2px solid transparent;
}

.borderit:hover img{
border: 2px solid red;
}

.borderit:hover{
color: red;
}

/* UUSI RAKENNE */

/* Ensimmainen taso */


.otsi {
	position: relative; 
	height: 20px; 
	width:915px;
	}

.otsi h2 {
	 font: bold 14px Helvetica, sans-serif; 
	 color: red;
	 padding: 10px 210px 0px 0px;
	 margin: 10px 0px 20px 10px;
	 border-bottom: 1px solid #CDCDCD;
	}
	
.otsi h3 {
	padding-top: 5px;
	color: red;
	}
	
h3#pinta {
        position:absolute;
        left:340px; top: 0px;
        padding:0 0 1px 0;
	font: bold 0.9em Helvetica, sans-serif; 
	color: #d30000;
	letter-spacing:0;
	 }
	 
	
#slider {
	position: relative; 
	width: 1050px; height: 433px;
}

#uuttaotsi {
	position: absolute; top: 0px; right: 310px; 
	font: bold 14px Helvetica, sans-serif; 
	color: red;
	letter-spacing:0px;
}
	
/* Toinen taso eli sosmed, luetut ja Ensi-illat */
	
.isotlevythead	{
	position:relative; 
	width: 720px;
	margin-left: 0px;
	}
	
.isotlevythead .names {
	margin-left:10px;
	}
	
h2#ensiotsi {
	position: absolute;
	left: 0px;
	top: -16px;
	font: bold 0.9em Helvetica, sans-serif; 
	letter-spacing:0;
}

h2#ensiotsi a {
	color: #d30000;
}

h2#ensiotsi a:hover {
	color: #330000;
}
	
.isotlevythead h2 {
	font: bold 1.1em Helvetica, sans-serif;
	padding:0;
	}
	
.isotlevythead a:hover h2 {
	color: red;
	}


.seuraa{
	position: relative;
	width:338px;
	display:block;
	overflow:hidden;
	background-color:#FFFFFF;
	border-bottom: 3px solid #DEDEDE;
	padding-left:2px;
	margin-bottom:20px;
}

.seuraa p {
	font: 1.0em Helvetica, Arial, sans-serif;
	padding:20px 25px 10px 25px;
	text-align:left;
	line-height:150%;
}

.seuraa p a {
	font: bold 1.0em Helvetica, Arial, sans-serif;
	color: #d30000;
}

.seuraa p a:hover {
	color: red;
}

.seuraa img {
	float:left;
	padding:10px 0 15px 14px;
	width:50px;
	height:50px;
}

.seuraa h4 {
	font: 1.4em Georgia, serif;
	letter-spacing:0;
	color: #333;
	display:block;
	text-align:center;
	margin:5px 10px 5px 35px;
	width:247px;
	border-top: 2px solid #DEDEDE;
	}
	
.klassikko-kolme {
	position:absolute;
	left:710px;
	width:340px;
	color:#333;
}

.klassikot h3 {
	font: bold 0.9em Helvetica, sans-serif;
	color: white;
	letter-spacing:0;
	background-color:#666;
	border-left:1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	width:318px;
	display:block;
	padding:5px 0 5px 20px;
	}
	
.klassikot h2.luetut-form {
	color:#d30000;
	display:block;
	font:bold 0.9em Helvetica, serif;
	padding:10px 0 3px 20px;
	letter-spacing:0;
}

.klassikot {
	width:345px;
	min-height:318px;
	position: relative;
	margin-bottom:20px;
}

.vasenklas {
	width:169px;
	float:left;
	overflow: hidden;
	border-left: 1px solid #DEDEDE;
	border-bottom: 3px solid #DEDEDE;
	background-color:white;
	height:285px;
}

.oikeaklas {
	float:left;
	width:169px;
	overflow: hidden;
	border-right: 1px solid #DEDEDE;
	border-bottom: 3px solid #DEDEDE;
	background-color:#f8f8f8;
	height:285px;
}

.vasenklas ul, .oikeaklas ul {
	list-style-type: decimal;
	margin:10px 0 0 0px;
}

.vasenklas ul li, .oikeaklas ul li {
	font: bold 1.4em Helvetica, Arial, sans-serif;
	margin:5px 0 0px 32px;
	padding: 0px 0px 0 0px;
	min-height:35px;
	list-style-type: decimal;
	color:#d30000;
}

.vasenklas ul span.koros li a , .oikeaklas ul span.koros li a {
	font-weight: bold;
	}

.vasenklas ul li a, .oikeaklas ul li a {
	font: 0.75em Georgia, serif;
	font-weight:normal;
	letter-spacing:0;
	margin-left: -6px;
	padding:0 2px 0 3px;
	display:block;
	color:black;
}

.vasenklas ul li a:hover, .oikeaklas ul li a:hover {
	color: red;
}	
	
/* Ensi-iltaosuus */
	
#dvdtausta h2 {
	margin:0;
	padding-right: 433px;
	width: 521px;
	}
	
.vasenlevy {
	position: relative;
	float:left;
	width:216px;
	min-height:285px;
	overflow: hidden;
	background-color: #FFFFFF;
	border-bottom: 3px solid #DEDEDE;
}

#kolmastaso .vasenlevy {
	min-height:302px;
}

.vasenlevy p {
	margin: 0;
	padding: 5px 10px 5px 10px;
	min-height:55px;
}

.vasenlevy img {
	width:216px;
	height:144px;
}

.oikealevy {
	position: relative;
	float:left;
	width:216px;
	min-height:285px;
	margin-left:20px;
	overflow: hidden;
	background-color: #FFFFFF;
	border-bottom: 3px solid #DEDEDE;
}

.oikealevy p {
	margin: 0;
	padding: 5px 10px 5px 10px;
	min-height:55px;
}

.oikealevy img {
	width:216px;
	height:144px;
}
	
#kolmastaso .oikealevy {		
	margin-top:17px;
}

.alalevy {
	position: relative;
	float:left;
	margin:20px 20px 13px 0px;
	background-color: #FFFFFF;
	border-bottom: 3px solid #DEDEDE;
	width:216px;
	min-height:285px;
}

.alalevy p {
	margin: 0;
	padding: 5px 10px 5px 10px;
}

.alalevy img {
	width:216px;
	height:144px;
}

.listalinkki a {
	float:left;
	font: bold 0.9em Helvetica, Arial, sans-serif;
	letter-spacing:0;
	color:#D30000;
	position:relative;
	left:5px;
	top:14px;
}

.listalinkki a:hover {
	color:red;
}

.viimeinenlevy {
	position: relative;
	float:left;
	margin:20px 0px 13px 0px;
	background-color: #FFFFFF;
	border-bottom: 3px solid #DEDEDE;
	width:216px;
	min-height:285px;
}

.viimeinenlevy p {
	margin: 0;
	padding: 5px 10px 5px 10px;
}

.viimeinenlevy img {
	width:216px;
	height:144px;
}

.vasenlevy-iso {
	position: relative;
	width:335px;
	min-height:329px;
	margin-top:20px;
	overflow: hidden;
	float:left;
	background-color: white;
	border-bottom: 3px solid #DEDEDE;
}

.vasenlevy-iso h2 {
	color:#333;
	font: bold 1.4em Georgia, serif;
	margin: 5px 10px 0px 10px;
	width:210px;
	float:left;
}

.vasenlevy-iso p {
	margin: 0;
	padding: 5px 10px 5px 10px;
	width:210px;
	float:left;
}

.vasenlevy-iso img {
	width:96px;
	height:137px;
	float:left;
	padding:0;
}

.vasenlevy-iso .names {
	margin-left:10px;
	}
	
#levylista1 {
	float:left;
	position:relative;
	margin:20px 0 23px 0;
	padding:10px 10px 10px 20px;
	width: 184px;
	min-height:254px;
	border: 1px solid #DEDEDE;
	background-color: white;
	}
	
#levylista1 .names{
	margin-left:0px;
	}
	
#levylista2 {
	position: relative;
	float:left;
	margin:20px 0 0 0px; 
	padding:10px 10px 0px 20px;
	width:303px;
	min-height:187px;
	border: 1px solid #DEDEDE;
	background-color: #FFFFFF;
	}
	
.levylista3 {
	position: relative;
	float:left;
	margin: 0;
	padding:22px 10px 0 20px;
	width:301px;
	height:365px;
	border-bottom:5px solid #666;
	border-right:5px solid #666;
	border-bottom-right-radius: 15px;
	-moz-border-bottom-right-radius: 15px;
	background-color: white;
	}
	
.levylista3 .sisin {
	position: relative;
	float:left;
	margin: 0;
	padding:0;
	width:311px;
	height:346px;
	overflow:auto;
	}

.demo {
	width:690px     
}
	
.demo h5 {
	display:block;
	margin:0;
	width:688px;
	padding:0px 0px 5px 0px;
	font: bold 0.9em Helvetica, Arial, sans-serif;
	background-color:#E5E5E5;
	border-bottom:5px solid #666;
	letter-spacing:0;
	cursor:pointer;
	text-align:right;
}

.demo h5 a {
	color:#333;
}

.demo h5 a:hover {
	color:#D30000;
}


.kuvalevy-vas-ala {
	position: relative;
	padding-top:22px;
	padding-left:12px;
	width:335px;
	height:365px;
	overflow:hidden;
	float:left;
	border-bottom:5px solid #666;
	border-left:5px solid #666;
	border-bottom-left-radius: 15px;
	-moz-border-bottom-left-radius: 15px;
	background-color: white;
}

.kuvalevy-vas-ala h4 {
	font: bold 0.9em Helvetica, sans-serif;
	padding:5px 0px 5px 5px;
	display:block;
	width:330px;
	margin:0;
	float:left;
	letter-spacing:0;
	color: #ffffff;
        background-color:#333;
        border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
}

.kuvalevy-vas-ala h2 {
	font: bold 1.4em Georgia, serif;
	color:#333;
	letter-spacing:-1px;
	padding:0;
	margin-top:15px;
}

.kuvalevy-vas-ala a:hover h2 {	
	color:red;
}

.kuvalevy-vas-ala p {
	margin: 0;
	padding: 5px 10px 5px 0px;
}

.kuvalevy-vas-ala .formatB {
	margin: 0;
	padding:0;
}

.kuvalevy-vas-ala img {
	width:335px;
	height:223px;
}

/* Kolmas taso eli DVD & Blu-ray */

.clear {
	width: 100%;
	height: 1px;
	margin: 0 0 -1px 0;
	clear: both;
	}

	
#kuvalevy-vas {
	position: relative;
	width:340px;
	float: left;
	background-color: #FFFFFF;
	border-bottom: 3px solid #DEDEDE;
	margin-top:10px;
}

#kuvalevy-vas p {
	margin: 0;
	padding: 5px 10px 5px 10px;
}

#kuvalevy-vas img {
	width:335px;
	height:223px;
}

#kuvalevy-oik {
	position: relative;
	margin-top:28px;
	margin-left: 20px;
	width:335px;
	float: left;
	background-color: #FFFFFF;
	border-bottom: 3px solid #DEDEDE;
}

#kuvalevy-oik p {
	margin: 0;
	padding: 5px 10px 5px 10px;
}

#kuvalevy-oik img {
	width:335px;
	height:223px;
}

#kuvalevy-oik-ala {
	position: relative;
	margin-top:20px;
	margin-left: 20px;
	width:335px;
	overflow: hidden;
	float:left;
	background-color: #FFFFFF;
	border-bottom: 3px solid #DEDEDE;
}

#kuvalevy-oik-ala p {
	margin: 0;
	padding: 5px 10px 5px 10px;
}

#kuvalevy-oik-ala img {
	width:350px;
	height:223px;
}

.listaus-kentta-uusimalli {		
	width; 160px;
		}
		
.listaus-kentta-uusimalli h2 {
	font: bold 1.2em Georgia, serif;
	color: black;
	width:150px;
	padding:5px 0 0 0px;
	margin-left:10px;
	}
	

#kolmastaso {		
	position: relative;
	width:690px;
}

#kolmastaso h3 {		
	font: bold 0.9em Helvetica, sans-serif; 
	letter-spacing:0;
	padding:0 0 2px 0;
	margin:0;
	background-color:#E5E5E5;
}

#kolmastaso h3 a {
	color: #d30000;
}

#kolmastaso h3 a:hover {
	color: #330000;
}

.viiva {		
	width: 687px;
	border-top: 5px solid #333;
}

#levytboksi {		
	width: 692px;
	padding-top:20px;
}

#levytboksi .info5 {
	padding-bottom:7px;
}

.rajoitin h2 {
	font: bold 1.4em Georgia, serif;
	letter-spacing:-1px;
	padding:15px 10px 0 10px;
}

a:hover .rajoitin h2 {
	color:red;
}

#arti {
	position:absolute;
	top:1055px;
	right:0;
}

#arti h2 {
	padding-left: 0px;
	}
	
#arti h1 {	
	font: bold 1.2em Georgia, serif;
	padding:0;
	margin:0;
}

#arti a:hover h1 {	
	color:red;
}

#arti p {
	padding: 5px 3px 2px 3px;
	margin: 0;
}


#arti div#fb {
	background-color:white; 
	border-bottom: 3px solid #DEDEDE;
	margin-top:30px;
}

.blogifeed, .minuuttinauha {
        width:340px;
        background-color:#F8F8F8; 
	border-bottom: 3px solid #DEDEDE;
        margin-top:20px;
        padding-bottom:10px;
}

.blogifeed #sakset {
      float:left;
      width:44px;
      margin:20px 0 0 22px;
}

.minuuttinauha #lasi {
      float:left;
      width:44px;
      margin:20px 0 0 10px;
}

.blogifeed .nosto2,
.minuuttinauha .nosto2 {
        margin-top:17px;
        float:left;
        width:265px;
}

.raja {
        border-bottom:2px dotted #D30000;
        width:260px;
        margin:10px 0 15px 40px;
}

.blogifeed .nosto2 ul li,
.minuuttinauha .nosto2 ul li { 
         list-style-type:none;
         margin:0px 5px 0 10px;
}

.blogifeed .nosto2 ul li a,
.minuuttinauha .nosto2 ul li a {
        font: 1.6em Georgia, serif;
        color: #222;
}

.blogifeed .nosto2 ul li a:hover,
.minuuttinauha .nosto2 ul li a:hover,  {
        color: #d30000;
}

.blogifeed h4,
.minuuttinauha h4 {
        font: bold 0.9em Helvetica, sans-serif;
	color: white;
	letter-spacing:0;
	background-color:#666;
	border-left:1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	width:318px;
	display:block;
	padding:5px 0 5px 20px;
}

.blogifeed h4 a,
.minuuttinauha h4 a  {	
	color:white;
	}
	
.blogifeed a:hover h4, 	
.minuuttinauha h4 a:hover{	
	color: #d30000;
	}

.blogifeed ul li,
.minuuttinauha ul li {
        list-style-type:disc;
        margin:5px 5px 0 27px;
        color: #d30000;
}

.blogifeed ul li a,
.minuuttinauha ul li a {
        font: 1.0em Georgia, serif;
        color: #333;
}

.blogifeed ul li a:hover,
.minuuttinauha ul li a:hover {
        color: #d30000;
}

.minuuttinauha {
	position:relative;
	width:340px;
        background-color:white; 
	border-bottom: 3px solid #DEDEDE;
        padding-bottom:10px;
	}

.tvnosto {
        width:290px;
        padding:20px;
        border:5px solid #d30000;
        background-color: white;
}

.tvnosto h4 {
        font: bold 1.4em Georgia, serif;
        padding: 5px 10px 10px 0px;
}

.tvnosto p {
        padding: 0px;
}

.tvnosto #link1 {
        font: bold 0.9em Helvetica, Arial, sans-serif;
        color:#d30000;
}

.tvnosto #link2 {
        margin-top: 15px;
}

.tvnosto #link2 a {
       color: #d30000;
       font: 0.9em Georgia, serif;
}

.tvnosto #link2 a:hover {
       color: red;
       font-weight:bold;
}

.nostojalka {
        background: url(../images2/jalka.png);
        height:20px;
}

	
.info1 a {
    position:relative;
    z-index:24; 
    color:#000;
    text-decoration:none;
    }

.info1 a:hover {
    z-index:25;
    color: red;
    text-decoration: none;
}

.info1 a span {display: none}

.info1 a:hover span {
    	display:block;
    	position:absolute;
    	top: 10px; left:-50px;
    	background: url(../images2/puna-kuutio.png) no-repeat;
    	height:50px;
    	width:50px;
	}

.info2 a {
    position:relative;
    z-index:24; 
    color:#000;
    text-decoration:none;
    }

.info2 a:hover {
    z-index:25;
    color: red;
    text-decoration: none;
}

.info2 a span {display: none}

.info2 a:hover span {
    	display:block;
    	position:absolute;
    	top: 10px; left:-50px;
    	background: url(../images2/puna-pallo.png) no-repeat;
    	height:50px;
    	width:50px;
	}
	
.info3 a {
    position:relative;
    z-index:24; 
    color:#000;
    text-decoration:none;
    }

.info3 a:hover {
    z-index:25;
    color: red;
    text-decoration: none;
}

.info3 a span {display: none}

.info3 a:hover span {
    	display:block;
    	position:absolute;
    	top: 10px; left:-50px;
    	background: url(../images2/puna-nelio.png) no-repeat;
    	height:50px;
    	width:50px;
	}


.info4 a {
    position:relative;
    z-index:24; 
    color:#000;
    text-decoration:none;
    }

.info4 a:hover {
    z-index:25;
    color: red;
    text-decoration: none;
}

.info4 a span {display: none}

.info4 a:hover span {
    	display:block;
    	position:absolute;
    	bottom: 3px; left:0px;
    	width: 152px; height: 223px;
    	background: url(../images2/valkoinen.png);
	color: black;
	padding: 5px 8px 0px 0px;
	}

.info4 .format {
	font-size:0.8em;
	letter-spacing:1px;
	}

.info4 .names {
	font-size:0.8em;
	letter-spacing:1px;
	color: #333;
	}

.info4 .dates2 {
	font-size:0.8em;
	letter-spacing:1px;
	color: #333;
	}
	
.info6 a {
    position:relative;
    z-index:24; 
    color:#000;
    text-decoration:none;
    }

.info6 a:hover {
    z-index:25;
    color: red;
    text-decoration: none;
}

.info6 a span {display: none}

.info6 a:hover span {
    	display:block;
    	position:absolute;
    	bottom: 14px; left:0px;
    	width: 152px; height: 226px;
    	background: url(../images2/valkoinen.png);
	color: black;
	padding: 5px 8px 0px 0px;
	}

.info6 .format {
	font-size:0.8em;
	letter-spacing:1px;
	}

.info6 .names {
	font-size:0.8em;
	letter-spacing:1px;
	color: #333;
	}

.info6 .dates2 {
	font-size:0.8em;
	letter-spacing:1px;
	color: #333;
	}


.levykannet3	{
	position:relative;
	width:1050px;
	height: 238px;
	overflow:hidden;
	margin:43px 0 0 0;
	padding: 25px 0 0px 0px;
	background:#333;
	display: block;
	border-top: 1px solid #8C8C8C;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-top-left-radius: 15px;
	-moz-border-top-right-radius: 15px;
	}
	
.levykannet3 h2#suosiot a {
	position:absolute;
	left:460px;
	top:10px;
	margin:0;
	padding:0;
        font: bold 0.8em Helvetica, sans-serif;
        letter-spacing:0;
        color: #d30000;
}
	
.levykannet3 h2#suosiot a:hover {
	color: #330000;	
}

.levykannet3 ul li {
	float: left;
	padding-right:18px;
	padding-left:0px;
	list-style: none;
	margin-right:0px;
	}
	
.levykannet3 ul {
	padding: 0;
	width:1070px;
	}
	
.listaus-kentta-uusimalli img {		 
	width: 160px;
	height: 228px;
	overflow: hidden;
		}
	
.accordion-new { 
	width:1050px;
	margin-left:0px;
	margin-bottom:25px;
	overflow:hidden;
	border-bottom: solid 1px #8C8C8C;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-bottom-left-radius: 15px;
	-moz-border-bottom-right-radius: 15px;
} 

.accordion-new h1 {
	display:block;
	margin:0;
	padding:10px 23px 10px 0px;
	font: bold 0.9em Helvetica, Arial, sans-serif;
	background-color:#333;
	color:white;
	letter-spacing:0;
	cursor:pointer;
	text-align:right;
}
 
.accordion-new h1:hover { 
	color: red;
	cursor:pointer;
}
 
.accordion-new h1.active { 
	color: red;
}
 
.accordion-new p { 
	background: #333; 
	display: none;
	padding:0 0 0 4px;
	height:510px;
	width:1070px;
	overflow:hidden;
}

.accordion-new a img {
	width: 160px;
	height: 228px;
	border:4px solid #333;
	overflow: hidden; 
	background: #333;
	margin: 0 18px 14px -8px; 
}

.accordion-new a:hover img {
	border:4px solid #E5E5E5; 
}

/* Neljas taso eli artikkelit */

#isoarti {
	width:690px;
	background-color: #FFFFFF;
	border-bottom: 3px solid #DEDEDE;
	float:left;
	margin-bottom:21px;
}

#isoarti img {
	width:416px;
	height:277px;
	float:left;
}

#isoarti h2 {
	font: bold 0.9em Helvetica, sans-serif;
	padding:5px 10px 2px 0px;
	margin:0;
	display:block;
	width:690px;
	background-color:#E5E5E5;
	letter-spacing:0;
        color: #d30000;
}

#isoarti h2 a {
	color: #d30000;
}

#isoarti h2 a:hover  {	
	color:#330000;
}

#isoarti a h1 {
	font: bold 1.4em Georgia, serif;
	padding:55px 20px 5px 20px;
	margin:0;
	float:left;
	width:225px;
	}
	
#isoarti a:hover h1 {
	color:red;
}

#isoarti p {
	padding: 5px 20px 5px 20px;
	margin: 0;
	float:left;
	width:225px;
}

#oikloput {
	position:absolute;
	right:0;
	top:20px;
	height:1020px;
	overflow:hidden;
}

.kysymys {
	position: relative; 
	margin: 20px 0 20px 0;
}

.semiarti2 {
	width:340px;
	background-color:white; 
	color:#333;
	border: 1px solid #DEDEDE;
	border-bottom: 3px solid #DEDEDE;
}

.semiarti2 h3 {
	font: bold 0.9em Helvetica, sans-serif;
	color: white;
	letter-spacing:0;
	background-color:#666;
	border-left:1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	width:318px;
	display:block;
	padding:5px 0 5px 20px;
}

div.semiarti2 ul {
        list-style-type: decimal;
        padding-top: 5px;
}

div.semiarti2 ul li {
	font: bold 1.4em Helvetica, Arial, sans-serif;
	margin:5px 0 6px 33px;
	padding: 5px 3px 0 2px;
        min-height:25px;
        color:#d30000;
}

div.semiarti2 ul li a {
	font: 0.75em Georgia, serif;
	letter-spacing:0;
	margin:-10px 0 0 0;
	padding-left:2px;
	width: 325px;
	color:#333;
}

div.semiarti2 ul li a:hover {
	color: red;
}


/* Yleiset */

/* Arvoasteikot */
	
/* Uusi tahditys kopio uuteen typoon*/

.arvoasteikko2 {
	position: relative;
	left: 170px;
	top: 17px;
	padding: 0;
	margin: 0;
	background: #fff;
	width: 110px;
	overflow: hidden;
	}

.arvoasteikko2 ul {
	padding: 0px;
	}
	
.arvoasteikko2 ul {
	text-align: center;
	list-style: none;
	}
	
.arvoasteikko2 ul li {
	margin: 0px;
	}
	
.arvoasteikko2 ul li#kokonaisuus {

	}
	
.arvoasteikko2 ul li span.pisteet {
	display: block;
	height: 15px;
	width: 100px;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: 0px;
	}
	
.arvoasteikko2 ul li span.p0-5,
.arvoasteikko2 ul li span.p00-5 {
	background: url(../images2/tahdets.png) no-repeat 50% -100px;
	}
	
.arvoasteikko2 ul li span.p1-5 {
	background: url(../images2/tahdets.png) no-repeat 50% -80px;
	}
	
.arvoasteikko2 ul li span.p2-5 {
	background: url(../images2/tahdets.png) no-repeat 50% -60px;
	}
	
.arvoasteikko2 ul li span.p3-5 {
	background: url(../images2/tahdets.png) no-repeat 50% -40px;
	}
	
.arvoasteikko2 ul li span.p4-5 {
	background: url(../images2/tahdets.png) no-repeat 50% -20px;
	}
	
.arvoasteikko2 ul li span.p5-5 {
	background: url(../images2/tahdets.png) no-repeat 50% 0;
	}
	
.arvoasteikkoX {
	float:right;
	margin: 28px 20px 0 0px;
	padding: 0;
	width: 140px;
	overflow: hidden;
	}

.arvoasteikkoX ul {
	padding: 0px;
	}
	
.arvoasteikkoX ul {
	list-style: none;
	}
	
.arvoasteikkoX ul li {
	margin: 0px;
	}
	
.arvoasteikkoX ul li span.pisteet {
	display: block;
	height: 30px;
	width: 140px;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: 0px;
	}
	
.arvoasteikkoX ul li span.p0-5,
.arvoasteikkoX ul li span.p00-5 {
	background: url(../images2/tahdet-e.png) no-repeat 50% -150px;
	}
	
.arvoasteikkoX ul li span.p1-5 {
	background: url(../images2/tahdet-e.png) no-repeat 50% -120px;
	}
	
.arvoasteikkoX ul li span.p2-5 {
	background: url(../images2/tahdet-e.png) no-repeat 50% -90px;
	}
	
.arvoasteikkoX ul li span.p3-5 {
	background: url(../images2/tahdet-e.png) no-repeat 50% -60px;
	}
	
.arvoasteikkoX ul li span.p4-5 {
	background: url(../images2/tahdet-e.png) no-repeat 50% -30px;
	}
	
.arvoasteikkoX ul li span.p5-5 {
	background: url(../images2/tahdet-e.png) no-repeat 50% 0;
	}

/* Singlen levyboksi */

div#sisalto222 div#body div#sisa div#levyboksi {
	float:right;
	clear:right;
	width:190px;
	position:relative;
	margin-right:-10px;
}

div#sisalto222 div#body div#sisa div#levyboksi img {
	float:left;
	width:80px;
	height:auto;
	margin-right:0px;
	border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	margin-bottom:10px;
}

div#sisalto222 div#body div#sisa div#levyboksi h4 {
	font: bold 1.0em Helvetica, Arial, sans-serif;
	display:block;
	background-color:#0079c0;
	color:#FFFFFF;
	margin:9px 0px 0px 0px;
	padding:0px 0 0px 3px;
	border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	width:77px;
	float:left;
	letter-spacing:0;
	overflow:hidden;
	}

div#sisalto222 div#body div#sisa div#levyboksi div#arvoasteikko-uusi {
	padding: 0 5px 0 0;
	margin:8px 0px 0px 0px;
	width: 100px;
	float:right;
	overflow: hidden;
	}
	
div#sisalto222 div#body div#sisa div#levyboksi div#arvoasteikko-uusi span.arvot {
	padding:0px 0 0 4px;
	color:#444;
	}
	
div#sisalto222 div#body div#sisa div#levyboksi div#arvoasteikko-uusi ul {
	padding: 2px;
	}
	
div#sisalto222 div#body div#sisa div#levyboksi div#arvoasteikko-uusi ul {
	text-align: center;
	list-style: none;
	}
	
div#sisalto222 div#body div#sisa div#levyboksi div#arvoasteikko-uusi ul li a {
	padding: 0 0 0 4px;
	color:#333;
	}
	
div#sisalto222 div#body div#sisa div#levyboksi div#arvoasteikko-uusi ul li a:hover {
	color:#D30000;
	}
	
div#sisalto222 div#body div#sisa div#levyboksi div#arvoasteikko-uusi ul li {
	font: bold 1.1em Helvetica, Arial, sans-serif;
	}
	
div#sisalto222 div#body div#sisa div#levyboksi div#arvoasteikko-uusi ul li span.pisteet {
	display: block;
	height: 20px;
	width: 100px;
	text-indent: -9999px;
	overflow: hidden;
	margin:0 0 3px 0;
	}
	
div#sisalto222 div#body div#sisa div#levyboksi div#arvoasteikko-uusi ul li span.p0-5,
div#sisalto222 div#body div#sisa div#levyboksi div#arvoasteikko-uusi ul li span.p00-5 {
	background: url(../images2/tahdet.p.png) no-repeat 50% -100px;
	}
	
div#sisalto222 div#body div#sisa div#levyboksi div#arvoasteikko-uusi ul li span.p1-5 {
	background: url(../images2/tahdet-p.png) no-repeat 50% -80px;
	}
	
div#sisalto222 div#body div#sisa div#levyboksi div#arvoasteikko-uusi ul li span.p2-5 {
	background: url(../images2/tahdet-p.png) no-repeat 50% -60px;
	}
	
div#sisalto222 div#body div#sisa div#levyboksi div#arvoasteikko-uusi ul li span.p3-5 {
	background: url(../images2/tahdet-p.png) no-repeat 50% -40px;
	}
	
div#sisalto222 div#body div#sisa div#levyboksi div#arvoasteikko-uusi ul li span.p4-5 {
	background: url(../images2/tahdet-p.png) no-repeat 50% -20px;
	}
	
div#sisalto222 div#body div#sisa div#levyboksi div#arvoasteikko-uusi ul li span.p5-5 {
	background: url(../images2/tahdet-p.png) no-repeat 50% 0;
	}
	
/* Hakutulos alasivuille (elokuva, dvd, artikkeli) */
	
div.hakutulos2 {
	list-style: none;
	min-height: 221px;
	width:630px;
	margin: 0;
	padding: 20px 30px 25px 30px;
	text-align: left;
	background: white;
	border-bottom: 2px solid #DEDEDE;
	overflow: hidden;
	text-overflow: ellipsis;
	}

div#sisalto222 div.hakutulos3 {
	list-style: none;
	min-height: 130px;
	width:590px;
	margin-left:-20px;
	padding: 20px 30px 10px 3px;
	text-align: left;
	background: white;
	border-bottom: 2px solid #DEDEDE;
	overflow: hidden;
	text-overflow: ellipsis;
	}
	
.fb_edge_comment_widget {
    margin-top: -270px;
    margin-left:0px;
}

div#sisalto222 div.hakutulos2 img {
	float:right;
	padding:5px 0 0px 10px;
	width:160px;
	height:auto;
	border:0;
}

div#sisalto222 div.hakutulos2 div.pieni-juliste img {
	float:right;
	padding:5px 0 0px 10px;
	height:160px;
	width:auto;
	border:0;
}



div#sisalto222 div.hakutulos2 h2,
div#sisalto222 div.hakutulos3 h2 {
	width:440px;
	padding:0 0 5px 0;
	}
	
div#sisalto222 div.hakutulos2 h1.alkunimi {
	font: 1.1em Helvetica, Arial, sans-serif;
	letter-spacing: 0px;
	margin:0;
	padding:0;
	color: #666;
	}

div#sisalto222 div.hakutulos2 ul,
div#sisalto222 div.hakutulos3 ul {
	list-style: none;
	padding: 10px 10px 0 0;
	border: 1px solid #fff;
	}
	
div#sisalto222 div.hakutulos2 ul li p,
div#sisalto222 div.hakutulos3 ul li p {
	width: 480px;
	font: 1.5em Helvetica, Arial, sans-serif;
	padding: 5px 10px 15px 0px;
	color: #333;
	letter-spacing: 0;
	line-height: 150%;
	}
	
div#sisalto222 div.hakutulos2 h2 a,
div#sisalto222 div.hakutulos3 h2 a {
	font: bold 1.55em Georgia, serif;
	letter-spacing: 0;
	color: #D30000;
	}
	
div#sisalto222 div.hakutulos2 h2 a:hover,
div#sisalto222 div.hakutulos3 h2 a:hover {
	color: red;
	text-decoration: none;
	}

div#sisalto222 div.hakutulos2 b,
div#sisalto222 div.hakutulos3 b {
	color:#444;
	}
	
div#sisalto222 div.hakutulos2 a,
div#sisalto222 div.hakutulos3 a {
	color:#330000;
	}
	
div#sisalto222 div.hakutulos2 a:hover
div#sisalto222 div.hakutulos3 a:hover {
	color:#D30000;
	}
	
div#sisalto222 div.hakutulos2 .arvoasteikkoX {
	float:left;
	margin: 0px 40px 0 0px;
	padding: 0;
	width: 140px;
	overflow: hidden;
	}
	
div#sisalto222 div.hakutulos2 .haku-kirjoittaja {
	float:left;
	padding: 18px 0px 0 0;
	text-decoration: none;
	font: 1.3em Helvetica, Arial,sans-serif;
	color: #666;
	}
	
div#sisalto222 div.hakutulos2 .haku-kirjoittaja a {
	color: #666;
	}	
	
div#sisalto222 div.hakutulos2 .haku-kirjoittaja a:hover {
	color: #D30000;
	}
	
div#sisalto222 div.hakutulos2 .fb-liket,
div#sisalto222 div.hakutulos3 .fb-liket {
	float:left;
	clear:left;
	margin-top:10px;
	border-top: 2px dotted #DEDEDE;
	padding-top:10px;
	overflow:hidden;
	height: 25px;
	width:450px;
	background: url(../images2/tykkaa.png) no-repeat -3px 9px;
}
	
div#sisalto222 ul#sivutus {
	list-style: none;
	margin: 10px;
	padding: 2px;
	text-align: center;
	background: #fff url(../images/fader.png) repeat-x 0 100%;
	border: 1px solid #f0f0f0;
	}
	
div#sisalto222 ul#sivutus li {
	display: inline;
	margin: 0 10px;
	color: #ccc;
	}	

/* Toimitus-sivu */

div#sisalto222 p.toimituskaartilainen {
	display: block;
	clear: both;
	padding: 10px 10px 5px 5px;
	margin: 0 0px 10px 0px;
	border: 3px solid #666;
	min-height: 130px;
	text-align: right;
	font:1.2em Helvetica, Arial, sans-serif;
	background-color: #F8F8F8;
	}

div#sisalto222 p.toimituskaartilainen b {
	padding:20px 0 0 0;
}
	
div#sisalto222 p.toimituskaartilainen a b {
	font: 1.2em Helvetica, Arial, sans-serif;
}	
	
div#sisalto222 p.toimituskaartilainen img {
	float: left;
	height: 120px;
	margin-right: 10px;
	padding: 2px 5px 5px 12px;
	}
	
div#sisalto222 p.toimituskaartilainen img:hover {
	border: 1px solid #F8F8F8;
	background: #F8F8F8;
	outline: none;
	}	
	
/* Arkiston alasivut */

div#sisalto222.aakkostus {
	padding:20px 30px 10px 30px;
	width:630px;
}

div#sisalto222.aakkostus ul {
	padding-left:25px;
}

div#sisalto222.aakkostus p#minari {
	padding:5px 0 0px 0;
	margin-left:10px;
	width:630px;
	border-bottom:2px solid #DEDEDE;
	font: 1.2em Helvetica, Arial, sans-serif;
	color:#333;
}

div#sisalto222.aakkostus p#minari2 {
	padding:5px 0 15px 10px;
	width:630px;
	font: 1.2em Helvetica, Arial, sans-serif;
	color:#333;
}

div#sisalto222.aakkostus h3 {
	font: bold 1.9em Georgia, serif;
	letter-spacing: 0px;
	padding: 5px 5px 5px 8px;
	color: #D30000;
	}
	
div#sisalto222.aakkostus h3 a {
	display: block;
	padding: 2px 5px;
	background: #f0f0f0;
	text-decoration: none;
	}
	
div#sisalto222.aakkostus h2 {
	font: 1.1em Helvetica, Arial, sans-serif;
	letter-spacing: 0px;
	margin-bottom: 0px;
	padding: 0 0 10px 10px;
	color: #666;
}

div#sisalto222.aakkostus h4 {
	font: bold 0.9em Helvetica, Arial, sans-serif;
	letter-spacing: 0px;
	margin-bottom: 0px;
	padding: 10px 0 0px 11px;
	color: #D30000;
}

div#sisalto222.aakkostus h3 a:hover,
div#sisalto222.aakkostus h3 a:focus,
div#sisalto222.aakkostus h3 a:active {
	outline: none;
	}
	
/*Alasivukohtiaset spesifit */
	
	
div#sisalto222 ul.aakkosnavigaatio {
	list-style: none;
	padding: 5px 10px;
	}	

div#sisalto222 ul.aakkosnavigaatio {
	list-style: none;
	padding: 5px 10px 5px 10px;
	}
	
div#sisalto222 ul.aakkosnavigaatio li {
	display: inline;
	}
	
div#sisalto222 ul.aakkosnavigaatio li a {
	padding: 1px 7px;
	margin-right: 2px;
	border: 1px solid #ccc;
	background: #f0f0f0;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	}
	
div#sisalto222 ul.aakkosnavigaatio li a:hover,
div#sisalto222 ul.aakkosnavigaatio li a:focus,
div#sisalto222 ul.aakkosnavigaatio li a:active {
	outline: none;
	background: #D30000;
	}
	
div#sisalto222 div#kaikki-luokat-kategoriassa {
	width:615px;
	padding:0 10px 0 0;
	background-color:#F8F8F8;
	border: 3px solid #666;
	margin:10px 0 10px 0;
}

div#sisalto222 div#kaikki-luokat-kategoriassa ul {
	list-style: none;
	padding:10px 10px 15px 10px;
}

div#sisalto222 div#kaikki-luokat-kategoriassa ul li {
	display: inline;
	border-right: 1px solid #666;
	padding:0 4px 0 3px;
}

div#sisalto222 p#hankicdon a#keltainen {
	padding: 5px 5px 5px 210px;
	background: #42A508 url(../images/hanki.png) no-repeat 10px 10px;
	display: block;
	color: #FF9;
	border: 3px double white;
	width: 410px;
	font-size: 12px;
}

div#sisalto222 p#hankicdon a#keltainen:hover {
	color: gold;
}

div#sisalto222 p#hankicdon a:hover {
 	color:gold;
 }

div#sisalto222 div#ylis a {
	color: #D30000;
	}

div#sisalto222 div#ylis a:hover {
	color: #300;
	}

div#sisalto222 div#ylis h5 {
	margin:20px 0 10px 0;
	}

div#sisalto222 div#ylis h5#uutisotsikko {
	margin:20px 0 10px 0;
	}
	
div#sisalto222 div#ylis h5#henkiteema {
	margin:0px 0 10px 0;
	}

div#sisalto222 ul.repo {
	margin:20px 0 10px 40px;
	}
	
div#sisalto222 h2.repo,
div#sisalto222 h3.repo {
	margin:15px 0 0px 20px;
	letter-spacing: 0px;
	font: bold 1.9em Georgia, serif;
	color: #D30000;
	}
	
div.teemahl {	
	font-size:15px;
	font-family:Helvetica,sans-serif; 
	margin-right:15px;
	}
	
div.teemahl a {	
	color:#D30000;
	}
	
div.teemahl a:hover {	
	color:#300;
	}

/* Toimittajasivu */

div#toimittajasivu div#sisalto222 {
	background: #fff;
	padding:20px;
	width:650px;
	}
	
div#toimittajasivu div#sisalto222 div#single-alaosa {
	margin: 30px 10px 30px 10px;
}
	
div#toimittajasivu div#sisalto222 div#lisatiedot {
	float:right;
	width:260px;
	margin:10px 10px 0 0;
	background: url(http://www.filmgoer.fi/new/images2/harmaa-tieto.png);
	border: 3px solid #DEDEDE;
	}

div#toimittajasivu div#sisalto222 h2 {
	padding-bottom: 10px;
	}

div#toimittajasivu div#sisalto222 p#toimittajakuva {
	float: right;
	padding: 10px 10px 10px 10px;
	}
	
div#toimittajasivu div#sisalto222 p#toimittajakuva img {
	margin-right:10px;
	}
	
div#toimittajasivu div#sisalto222 ul {
	list-style: none;
	padding: 10px;
	margin-top: 10px;
	display: block;
	clear: both;
	}
	
div#toimittajasivu div#sisalto222 ul li {
	display: block;
	}
	
div#toimittajasivu div#sisalto222 ul li strong {
	float: left;
	padding-right:5px;
	}

div#toimittajasivu div#sisalto222 div#palkki {
	overflow:hidden;
	width: 630px;
	margin-left:10px;
	}
	
div#toimittajasivu div#sisalto222 div#palkki .sisakumi {
	width: 750px;
	height:227px;
	background:black;
	overflow:hidden;
	}	
	
div#toimittajasivu div#sisalto222 div#palkki ul {
	list-style: none;
	padding: 0px 0 10px 0px;
	margin: 0 0 10px 00px;
	height: 100%;
	display: table;
	}
	
div#toimittajasivu div#sisalto222 div#palkki h3 {
	font:bold 0.9em Helvetica, Arial, sans-serif;
        letter-spacing:0; 
        text-transform:uppercase; 
        color:#d30000;
        padding:15px 0 10px 0;
	}
	
div#toimittajasivu div#sisalto222 div#palkki ul.julistelista li {
	display: inline;
	}
	
div#toimittajasivu div#sisalto222 div#palkki ul.julistelista li a {
	color: #333;
	text-decoration: none;
	padding: 0;
	border-left: 10px solid black;
	width: 79px;
	float: left;
	margin: 0px 5px 5px 0;
	min-height: 180px;
	}
	
div#toimittajasivu div#sisalto222 div#palkki ul.julistelista li a:hover,
div#toimittajasivu div#sisalto222 div#palkki ul.julistelista li a:focus,
div#toimittajasivu div#sisalto222 div#palkki ul.julistelista li a:active {
	border-left: 10px solid #d30000;
	margin-right:75px;
	}
	
div#toimittajasivu div#sisalto222 div#palkki ul.julistelista li em {
	font-style: normal;
	font-weight: bold;
	}
	
div#toimittajasivu div#sisalto222 div#palkki ul.julistelista li strong {
	display: block;
	}
	
div#toimittajasivu div#sisalto222 div#palkki ul.julistelista li img {
	height:227px;
	width:auto;
	}
	
div#toimittajasivu div#sisalto222 h2#puna {
	font:bold 0.9em Helvetica, Arial, sans-serif;
        letter-spacing:0; 
        text-transform:uppercase; 
        padding:8px 0 5px 10px;
	}

div#toimittajasivu div#sisalto222 div#leipa {	
	font:15px Helvetica, Arial, sans-serif;
	}

div#toimittajasivu div#sisalto222 div#leipa a {	
	color:#D30000;
	}
	
div#toimittajasivu div#sisalto222 div#leipa a:hover {	
	color:#300;
	}

div#toimittajasivu div#sisalto222 h2#puna a {	
	color:#222;
	}
	
div#toimittajasivu div#sisalto222 h5 {	
	margin:0 0 10px 10px;
	}

div#toimittajasivu div#sisalto222 h2#puna a:hover {	
	color:#d30000;
	}

/*Yleisia tekstimuotoiluja */

.puna {	
	font:bold 1.0em Helvetica, Arial, sans-serif;
        letter-spacing:0; 
        text-transform:uppercase; 
        color:#d30000;
        padding:0 0 5px 0;
        }

.dates {
	font: 0.7em Helvetica, Arial, sans-serif;
	color: #666;
	line-height: 100%;
}

.dates1 {
	font: 11px Helvetica, Arial, sans-serif;
	color: #FAFAFA;
	float:left;
}

.dates2 {
	font: 0.8em Helvetica, Arial, sans-serif;
	color: #666666;
}

.dates3 {
	font: 0.7em Helvetica, Arial, sans-serif;
	color: #666666;
	margin-left:5px;
}

.dates4 {
	font: 0.7em Helvetica, Arial, sans-serif;
	color: black;
	line-height: 100%;
}

.introt {
	width:220px;
	float:left;
	padding:5px 10px 15px 25px;
	margin:0;
}

.names {
	font: 0.7em Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	color: #666666;
}

.names1 {
	font: 11px Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	color: #FAFAFA;
	padding:0;
	float:left;
	margin-right:3px;
}

.names2 {
	font: 0.8em Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	color: #666666;
}

.names4 {
	font: 0.7em Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	color: black;
}

.format {
	font: 0.8em Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	color: red;
	margin-right:3px;
}

.formatB {
	font: 0.8em Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	color: red;
	padding-left:10px;
}

.formatC {
	font: 0.8em Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	color: red;
	padding:3px 3px 0 20px;
	float:left;
}

.format2 {
	font: 1.0em Helvetica, Arial, sans-serif;
	position: relative;
	letter-spacing: 1px;
	color: red;
}

.format4 {
	font: 0.8em Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	margin-right:3px;
	color: red;
	float:left;
}
			
/* Vanha rakenne */

div#rakenne {
	text-align: left;
	margin: 0px auto 0px auto;
	position: relative;
	}	
	
div#ylaosa {
	height: 140px;
	position: relative;
	border-bottom:5px solid #666;
	margin: 19px auto 0px auto;
	width: 1050px;
	}
	
div#keskiosa {
	height: auto;
	margin: 0px auto 0px auto;
	position: relative;
	width: 1050px;
	padding: 0 0 10px 0px;
	}
	
div#alaosa {
	position:relative;
	margin: 32px auto 0 auto;
	padding-top:15px;
	width:100%;
	background:#333;
	color:#FAFAFA;
	}
	
/* Logo, navi, haku */

ul#muutA {
	list-style-type:none;
	line-height: 140%;
	padding:0;
	margin:0;
	text-align:right;
	}
	
ul#muutA li {
	display:inline;
	color:white;
	}
	
ul#muutA li a {
	list-style-type:none;
	font: 1.0em Georgia, serif;
	color: #666;
	}
	
ul#muutA li a:hover {
	color: red;
	}
	
ul#muutA li a#lista {
	color: #D30000;
	}
	
ul#muutA li a#lista:hover {
	color: red;
	}

div#ylaosa p,
div#ylaosa form {
	padding: 0;
	margin: 0;
	position: absolute;

	}	
	
div#ylaosa h1 {
	top: 20px;
	margin: 10px 0 0 0;
	padding: 20px 0px 0px 0px;
	}
	
div#ylaosa h1 a {
	background: url(http://www.filmgoer.fi/new/images2/fglogo-415px.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 108px;
	width: 415px;
	margin: 0;
	}
	
div ylaosa img {
	width:335px;
}
	
div#ylaosa #ylaface {
	position: absolute;
	top: 80px;
	left: 50px;
	margin: 0;
}	
	
div#ylaosa p {
	left: 560px;
	top: 30px;
	color: #fff;
	font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	}		
	
div#ylaosa ul {
	position:absolute;
	left: 445px;
	top: 55px;
	list-style: none;
	font-weight: normal;
	font-size: 1.2em;
	padding: 0;
	margin:0;
	}
	
div#ylaosa ul li {
	display: inline;
	color: white;
	}
	
div#ylaosa ul li a {
	text-decoration: none;
	font: 1.2em Georgia, serif;
	color: #333;
	padding: 2px 4px 2px 4px;
	margin-left: -4px;
	}
	
div#ylaosa ul li#etusivu a {
	background: url(../images2/navig2.png) repeat-x;
	}
	
div#ylaosa ul li a:hover,
div#ylaosa ul li a:focus,
div#ylaosa ul li a:active,
div#ylaosa ul li a#aktiivinen {
	font: 1.2em Georgia, serif;
	color: #D30000;
	}
	
div#ylaosa ul li#etusivu a:hover,
div#ylaosa ul li#etusivu a:focus,
div#ylaosa ul li#etusivu a:active,
div#ylaosa ul li#etusivu a#aktiivinen {
	}
	
div#ylaosa ul li a:focus,
div#ylaosa ul li a:active {
	outline: none;
	}
		
div#ylaosa form {
	right: 0px;
	top: 22px;
	}
	
div#ylaosa form input,
div#ylaosa form button {
	padding: 3px 3px;
	border: 0;
	height: 20px;
	}
	
div#ylaosa form input {
	width: 205px;
	background: white;
	color: #000000;
	font: 1.0em Helvetica, Arial, sans-serif;
	margin-right:10px;
	}
	
div#ylaosa form button {
	background: url(http://www.filmgoer.fi/new/images2/lasi.png) no-repeat 0 0;
        text-indent:-9999px;
        overflow:hidden;
	margin: 0;
	width: 30px;
	height: 30px;
	padding: 0px 0px 2px 10px;
	}	

div#ylaosa ul.mobinavi {
	display:none;
}
	
/* Alaosa */

div#alaosa .wrap  {
	position:relative; 
	height:150px;
	margin:0 auto 0 auto;
	width:1070px;
	height:560px;
}

div#alaosa div#muut {
	position:relative;
	float:left;
	width:250px;
	margin-left:10px;
	padding-right:15px;
	font:0.9em Helvetica, Arial, sans-serif;
	}

div#alaosa div#muut h2 {
	margin: 0;
	padding: 5px 0 5px 0;
	}
	
div#alaosa div#muut h2 a {
	background: url(../images/10729.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 65px;
	width: 250px;
	margin: 0;
	}
	
div#alaosa div#muut p {
	margin:10px 0 29px 0;
	padding:0;
	color:#666;
	font:1.0em Helvetica, Arial, sans-serif;
	}
	
div#alaosa div#muut p a {
	margin:0;
	padding:0;
	color:#666;
	}
	
div#alaosa div#muut ul {
	list-style-type:none;
	line-height: 140%;
	width: 250px;
	margin-left:-10px;
	margin-bottom:29px;
	font:1.1em Helvetica, Arial, sans-serif;
	}
	
div#alaosa div#muut ul li {
	padding:0;
	font:1.0em Helvetica, Arial, sans-serif;
	list-style-type:none;
	}
	
div#alaosa div#muut ul li a:hover {
	color: red;
	}
	
div#alaosa a {
	color:#FAFAFA;
}

div#alaosa a:hover {
	color:red;
}

div#alaosa .aakkonen {
	float:left;
	width: 155px;
	height:540px;
	padding-left:36px;
	border-left:2px solid #666;
	font:0.9em Helvetica, Arial, sans-serif;
}

div#alaosa .alfa {	
	padding-right:9px;
	border-right:2px solid #666;
}

div#alaosa div#muut h4 {
	font:bold 1.0em Helvetica, Arial, sans-serif;
	padding:0;
	margin:36px 0 1px 0;
	color: white;
}
	
/* Palstat */

div#vasen-palsta,
div#sisalto,
div#oikea-palsta {
	display: inline;
	float: left;
	}
	
div#vasen-palsta,
div#oikea-palsta {
	width: 240px;
	}
	
div#sisalto {
	width: 1050px;
	margin:21px 0px 0px 0px;
	}
	
body#single div#vasen-palsta {
	margin-left: 22px;
	width: 240px;
	}
	
body#single div#sisalto {
	margin-left: 0;
	width: 440px;
	}
	
body#ubersingle div#sisalto {
	width: 870px;
	float: none;
	display: block;
	}
	
body#tuplapalsta div#vasen-palsta {
	margin-left: 22px;
	width: 425px;
	}
	
body#tuplapalsta div#sisalto {
	width: 425px;
	}
	
body#single div#oikea-palsta {
	width: 160px;
	margin-left: 10px;
	}
	
body#arvostelut div#sisalto,
body#arvostelut div#vasen-palsta,
body#arvostelut div#oikea-palsta {
	width: 290px;
	}
	
/* Bannereita */

div#rakenne p#ylabanneri {
	position: absolute;
	top: -93px;
	left: 0;
	width: 920px;
	margin: 0 auto;
	text-align: center;
	}
	
/* Traileri julkaisussa */

div#sisalto div#traileri {
	margin: 0 10px 10px 10px;
	padding: 2px 2px 0 2px;
	background: #fff;
	border: 1px solid #f0f0f0;
	}
	
div#sisalto div#traileri h4 {
	padding: 5px;
	margin: 0 0 2px 0;
	background: #f0f0f0;
	color: #666;
	}
	
div#sisalto div#traileri h4 a {
	text-decoration: none;
	padding-left: 5px;
	background: #f0f0f0;
	color: #0081e2;
	display: block;
	}
	
div#sisalto div#traileri p {
	background: #f0f0f0;
	margin-top: 2px;
	padding: 5px 10px;
	text-align: left;
	}
	
div#sisalto div#traileri p a {
	text-decoration: none;
	color: #000;
	}
	
/* Ajax-hakukone */

div#sisalto222 form#livesearch_form {
	position: relative;
	padding: 10px 0px 25px 20px;
	margin: 30px 15px 10px 0;
	border: 1px inset #06213e;
	background: #666;
	color: white;
	display: block;
	clear: both;
	}

form#livesearch_form img.livesearch_waitimage {
	display: block;
	position: absolute;
	top: 0;
	left: 25%;
	text-align: center;
	margin: 0 auto;
	padding: 4em 12em;
	background: #fff;
	border: 1px solid #ccc;
	border-bottom-width: 2px;
	}
	
div#sisalto222 form#livesearch_form label {
	padding-bottom: 5px;
	display: block;
	font-weight: bold;
	}

div#sisalto222 form#livesearch_form input {
	width: 565px;
	padding: 10px;
	}

div#sisalto222 #livesearch_results ol {
	list-style: none;
	padding-left:0px;
	margin-left:0px;
	}
	
div#sisalto222 #livesearch_results ol li {
	padding: 5px;
	margin-bottom: 5px;
	display: block;
	clear: both;
	min-height: inherit;
	}

div#sisalto222 #livesearch_results ol li a.otsikko {
	font: bold 1.6em Georgia, serif;
	display: block;
	padding-bottom:5px;
	color:#333;
	}
	
div#sisalto222 #livesearch_results ol li a.otsikko:hover {
	color:#d30000;
	}
	
div#sisalto222 #livesearch_results ol li strong {
	color: #333;
	background: #ffc;
	}
	
/* Arvostele */

div#mielipide form p,
div#mielipide form {
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	float:right;
	}
	
div#mielipide p {
	font-size: 1em;
	}

div#mielipide form ul {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	display: inline;
	}
	
div#mielipide form ul li {
	display: block;
	float: left;
	width: 30px;
	overflow: hidden;
	text-align: center;
	}
	
div#mielipide form ul li input {
	margin: 0 auto;
	display: block;
	border: 0;
	background: none;
	}
	
div#mielipide form ul li label {
	display: block;
	}
	
div#mielipide form ul li.laheta {
	float: none;
	padding: 0;
	width: 100%;
	height: auto;
	text-align: center;
	display: block;
	overflow: auto;
	margin: 0 auto;
	clear: both;
	}
	
div#mielipide form ul li.laheta button,
div#mielipide form ul li.laheta input {
	width: auto;
	float: none;
	}

div#mielipide form p img,
div#mielipide form button {
	display: block;
	clear: both;
	}
	
div#mielipide form p img,
div#mielipide form button {
	margin: 5px auto;
	}
	
div#mielipide form button {
	height: auto;
	width: auto;
	}

/*    Media queryt */


@media only screen and (min-width:1280px){

#laita-suositukset {
	position:absolute;
	right:-90px;
	top:16px;
	width:160px;
}

div#oikea222 div#laita-suositukset {
	position:absolute;
	right:-180px;
	top:-21px;
	width:160px;
}

#laita-suositukset h3 {
	margin:0 0 2px 0;
	padding:0;
	font: bold 0.9em Helvetica, sans-serif; 
	letter-spacing:0;
	text-align:right;
}

#laita-suositukset h3 a {
	color: #d30000;
}

#laita-suositukset h3 a:hover {
	color: #330000;
}

#laita-suositukset img {
	margin-bottom:14px;
}

div#sisalto,
div#alaosa,
div#sisalto222
 {
	margin-left:-90px;
}

div#alaosa {
	border-right:90px solid #333;
}

div#oikea222 {
	position:absolute;
	right: 90px;
}

div#ylaosa ul {
	position:absolute;
	left: 532px;
}

ul#muutA {
	margin-right:90px;
}

div#ylaosa,
div#sisalto{
	width:1230px;
}

#arti {
	position:absolute;
	right:90px;
}

#oikloput {
	position:absolute;
	right:178px;
	top:20px;
}

div.levykannet3 {
	display:none;
}

div.accordion-new {
	display:none;
}

div#isoarti {
	margin-top:17px;
}

div.semiarti2 {
	margin-top:0px;
}

}

@media only screen and (max-width:1279px){

#laita-suositukset {
	position:absolute;
	display:none;
}
}

@media screen and (max-width: 1070px)  
{
div#ylaosa,
div#sisalto,
div#sisalto222 {
	border-left:10px solid transparent;
}
}

@media screen and (max-width: 960px)  
{
	 .piilota { display:none; }
	 
#ylaosa form {
	right: 0px;
	position:absolute;
	}
	
div#ylaosa ul.mobinavi {
	display:inline;
	left: 440px;
	top:68px;
	position:absolute;
	width: 260px;
	line-height:12px;
}

div#ylaosa ul.mobinavi li a {
	list-style-type: none;
	font: 1em Georgia, serif;
	color: #666;
	padding:0px 4px 0px 6px;
}

div#ylaosa ul.mobinavi li a:hover {
	color:#d30000;
}

div#alaosa .wrap {
	width:695px;
	height:1120px;
}

div#ylaosa,
div#alaosa {
	width:695px;
	border-left:10px solid transparent;
	margin-left:0px;
}

div#alaosa .mobihyppy {
	margin-left:275px;
	padding-top:15px;
}

div#alaosa .alfa {
	padding-top:15px;
	border-right:none;
}

div#sisalto,
div#sisalto222 {
	border-left:10px solid transparent;
}

div#sisalto222 {
	max-width:805px;
}

div#sisalto222 div#ylis-laaja {
	max-width:805px;
}

div.levykannet3 {
	width:695px;
	overflow:hidden;
}

div.accordion-new { 
	width:695px;
}

}