body {
	margin: 0;
	background: #E8E8E8;
	font: 14px Helvetica;
	line-height: 1.5;
	background: #E8E8E8;
}

/* Otsikot */

h1 {
	font: 28px 'Open Sans', Helvetica;
	margin: 0 0 15px 0;
}
h2 {
	font: 22px 'Open Sans', Helvetica;
	margin: 15px 0;
}
h3 {
	font: 16px 'Open Sans', Helvetica;
	margin: 15px 0 10px 0;
} 
h3:first-of-type { margin-top: 0; }
h4 {
	font: 14px 'Open Sans', Helvetica;
	margin: 0 0 15px 0;
}


/* 10 vuotta -badge 
.kymmenenvuotta { width: 160px; height: 160px; background: url('../kuvat/10vuotta.png'); position: absolute; top: 65px; left: 5px; pointer-events: none; }
@media screen and (max-width: 1420px) { .kymmenenvuotta { display: none; } } */

/* Linkit */

A:link { text-decoration: none; color: #00598C; cursor:pointer; }
A:visited { text-decoration: none; color: #00598C; cursor:pointer; }
A:active { text-decoration: none; color: #00598C; cursor:pointer; }
A:hover { text-decoration: underline; color: #006FAE; cursor:pointer; }

/* Osiovärit */

	/* Otsikot */
	h1.simpsonit { border-bottom: 2px solid #FECB00; }
	h1.uutiset { border-bottom: 2px solid #BDE18A; }
	h1.jaksot { border-bottom: 2px solid #6AADE4; }
	h1.elokuvat { border-bottom: 2px solid #4D5357; }
	h1.kirjat { border-bottom: 2px solid #DE3831; }
	h1.hahmot { border-bottom: 2px solid #FF928E; }
	h1.tekijat { border-bottom: 2px solid #F3704D; }
	h1.artikkelit { border-bottom: 2px solid #00AE75; }
	h1.tietoa-meista { border-bottom: 2px solid #C24FFD; }
	
	/* Navigaatio */
	
	#navigation ul li.simpsonit A { border-color: #FECB00; }
	#navigation ul li.uutiset A { border-color: #BDE18A; }
	#navigation ul li.jaksot A { border-color: #6AADE4; }
	#navigation ul li.elokuvat A { border-color: #4D5357; }
	#navigation ul li.kirjat A { border-color: #DE3831; }
	#navigation ul li.hahmot A { border-color: #FF928E; }
	#navigation ul li.tekijat A { border-color: #F3704D; }
	#navigation ul li.artikkelit A { border-color: #00AE75; }
	#navigation ul li.keskustelupalsta A { border-color: #0f58ff; }
	#navigation ul li.tietoa-meista A { border-color: #C24FFD; }
	
	/* Välinavigaatio */
	
	.sideNavigationBox.simpsonit ul li a { border-color: #FECB00; } 
	.sideNavigationBox.simpsonit ul li:nth-of-type(even) a { border-color: #D6A600; }
	.sideNavigationBox.uutiset ul li a { border-color: #BDE18A; }
	.sideNavigationBox.uutiset ul li:nth-of-type(even) a { border-color: #ACDB69; }
	.sideNavigationBox.jaksot ul li a { border-color: #6AADE4; }
	.sideNavigationBox.jaksot ul li:nth-of-type(even) a { border-color: #4699E0; }
	.sideNavigationBox.elokuvat ul li a { border-color: #4D5357; }
	.sideNavigationBox.elokuvat ul li:nth-of-type(even) a { border-color: #3B3F41; }
	.sideNavigationBox.kirjat ul li a { border-color: #DE3831; }
	.sideNavigationBox.kirjat ul li:nth-of-type(even) a { border-color: #C72121; }
	.sideNavigationBox.hahmot ul li a { border-color: #FF928E; }
	.sideNavigationBox.hahmot ul li:nth-of-type(even) a { border-color: #FF6767; }
	.sideNavigationBox.tekijat ul li a { border-color: #F3704D; }
	.sideNavigationBox.tekijat ul li:nth-of-type(even) a { border-color: #F14827; }
	.sideNavigationBox.artikkelit ul li a { border-color: #00AE75; }
	.sideNavigationBox.artikkelit ul li:nth-of-type(even) a { border-color: #008655; }
	.sideNavigationBox.tietoa-meista ul li a { border-color: #C24FFD; }
	.sideNavigationBox.tietoa-meista ul li:nth-of-type(even) a { border-color: #B427FD; }
	
	/* Listat */
	
	.simpsonit.list li a { border-left-color: #FECB00; }
	.jaksot.list li a { border-left-color: #6AADE4; }
	.elokuvat.list li a { border-left-color: #4D5357; }
	.hahmot.list li a { border-left-color: #FF928E; }
	.tekijat.list li a { border-left-color: #F3704D; }
	.artikkelit.list li a { border-left-color: #00AE75; }
	
	/* Järjestä */
	
	.selector.big.uutiset .selected { background-color: #BDE18A; color: #697D4D; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); }
	.selector.small.uutiset .selected { background-color: #DCDCDC; color: #697D4D; text-shadow: 1px 1px 0 rgba(189,225,138,0.3); }
	.selector.kirjat .selected_1, .selector.kirjat .selected_2 { background-color: #DE3831; color: #FFFFFF; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
	.selector.tekijat .selected { background-color: #F3704D; color: #FFFFFF; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
	
	/* Kausiruudukko */
	ul.grid li.selected a { border: 2px solid #6AADE4; }
	
	.quickbar { background: #6AADE4; }
	.quickbar a:hover { background: #4699E0; }
	
	
	


h1.jaksot span { float: right; color: #7F7F7F; }

h1.primary { 	
	font: 28px 'Open Sans', Helvetica;
	margin: 0 0 5px 0;
}
h2.secondary { 	
	font: 18px 'Open Sans', Helvetica;
	margin: 0 0 15px 0;
	color: #666666;
}

.nopadding { padding: 0 !important; }
.nomargin { margin: 0 !important; }
.clear { clear: both !important; }
.to_right { float: right; }
.to_left { float: left; }


.click {
	padding: 5px 10px;
	color: #FFFFFF !important;
	font-weight: bold;
	margin: 5px 0;
	background: #333333;
	border-radius: 10px;
	display: inline-block;
	cursor: pointer;
}
.click:hover {
	background: #000000;
	text-decoration: none;
}
.click A { color: #FFFFFF; text-decoration: none; }
.click A:hover { color: #FFFFFF; }

.imdb-rating {
	float: left;
}
.imdb-rating img {
	margin: 0;
}


img {
	margin: 0 0 -5px 0;
	padding: 0;
}


/* Listaukset */

ul { 
	padding-left: 30px;
	text-align: left;
}

li {
	padding: 3px;
}

ul ul { 
	list-style-image: url('..//kuvat/v5/lili.png');
	padding-left: 30px;
}

#topbar {
	background: #333333;
	height: 60px;
}

#topbar_container {
	margin: 0 auto;
	padding-left: 124px;
	width: 1124px;
}

#topbar_content_left {
	float: left;
	width: 494px;
}

	#topbar_content_left #logo {
		height: 60px;
		line-height: 60px;
	}
	#topbar_content_left #logo A img { margin: 0; }
	#topbar_content_left #logo A {
		color: #FECB00;
		padding: 0;
		margin: 11px 0 0 0;
		font: 30px 'Open Sans', Helvetica;
		display: inline-block;
	}
	#topbar_content_left #logo A:hover {
		text-decoration: none;
		color: #FFCA13;
	}
	#topbar_content_left #logo A:active,
	#topbar_content_left #logo A:focus	
	{
		outline: none;
	}

#topbar_content_right {
	float: left;
	height: 32px;
	margin: 14px 0;
}

#topbar_content_right img {
	border: 1px solid rgba(0,0,0,0.5);
	outline: 1px solid rgba(255,255,255,0.1);
	background: rgba(0,0,0,0.3);
	margin-right: 5px;
	display: inline-block;
	float: left;
}

.toggle_weeklist {
	border: 1px solid #000000;
	outline: 1px solid rgba(255,255,255,0.1);
	margin-right: 5px;
	height: 30px;
	padding: 0 4px;
	font: 12px Helvetica;
	color: #FFFFFF;
	display: block;
	float: left;
	font-weight: bold;
	text-shadow: 0 0 0px rgba(0,0,0,0.5);
	cursor: pointer;
	width: 164px;
	
	background: #242424; /* Old browsers */
	background: -moz-linear-gradient(top,  #658f51 0%, #405e31 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#658f51), color-stop(100%,#405e31)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #658f51 0%,#405e31 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #658f51 0%,#405e31 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #658f51 0%,#405e31 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #658f51 0%,#405e31 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#658f51', endColorstr='#405e31',GradientType=0 ); /* IE6-9 */
}
.toggle_weeklist:hover {
	background: #2E2E2E; /* Old browsers */
	background: -moz-linear-gradient(top,  #6ea156 0%, #476837 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ea156), color-stop(100%,#476837)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6ea156 0%,#476837 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6ea156 0%,#476837 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6ea156 0%,#476837 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6ea156 0%,#476837 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ea156', endColorstr='#476837',GradientType=0 ); /* IE6-9 */
}
.toggle_weeklist img {
	border-width: 0 !important;
	background: transparent !important;
	outline-width: 0 !important;
	margin-top: 1px;
}
#topbar_content_right span p {
	margin: 0;
	padding: 0;
	line-height: 30px;
}

#topbar_content {
	width: 300px;
	float: left;
	margin-right: 20px;
}

	#topbar_content #googlesearch {
		width: 230px;
		height: 30px;
		margin: 14px 0;
		float: right;
		border: 1px solid rgba(0,0,0,0.5);
		outline: 1px solid rgba(255,255,255,0.1);
		background: rgba(0,0,0,0.3);
	}
	
	#googlesearch .field {
		width: 186px;
		height: 30px;
		padding: 0 7px;
		margin: 0;
		background: transparent;
		color: #EDEDED;
		font: 12px solid 'Open Sans', Helvetica;
		border: none;
	}
	#googlesearch .field:focus { outline: none; }
	
	#googlesearch .button {
		width: 30px;
		height: 30px;
		padding: 0px;
		margin: 0;
		display: inline-block;
		background: transparent url('/kuvat/search_white.png') no-repeat;
		background-position: 0 0;
		color: #EDEDED;
		font: 12px solid 'Open Sans', Helvetica;
		border: none;
		text-indent: -9999px;
		overflow: hidden;
	}
	#googlesearch .button:hover { background-position: -30px 0; }
	
	

#toggle_navigation {
	width: 578px;
	height: 56px;
	line-height: 56px !important;
	font: 26px 'Open Sans', Verdana;
	font-weight: 900;
	color: #333333;
	cursor: pointer;
	display: none;
	border: 1px solid #D4D4D4;
	outline: 1px solid #FCFCFC;
	color: #FFFFFF;
	margin-bottom: 20px;
	background: #03a2de;
	background: -moz-linear-gradient(top,  #03a2de 0%, #036f97 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#03a2de), color-stop(100%,#036f97));
	background: -webkit-linear-gradient(top,  #03a2de 0%,#036f97 100%);
	background: -o-linear-gradient(top,  #03a2de 0%,#036f97 100%);
	background: -ms-linear-gradient(top,  #03a2de 0%,#036f97 100%);
	background: linear-gradient(to bottom,  #03a2de 0%,#036f97 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03a2de', endColorstr='#036f97',GradientType=0 );
}
#toggle_navigation span {
	display: block;
	float: left;
	width: 56px;
	height: 56px;
	line-height: 56px !important;
	margin-right: 10px;
	background: url('kuvat/menu.png') no-repeat center center;
}

#navigation {
	width: 194px;
	margin-top: 50px;
	float: right;
}

#navigation ul {
 margin: 0;
 padding: 0;
}

#navigation ul li {
	width: 100%;
	display: block;
	margin-bottom: 1px;
	padding: 0;
}

#navigation ul li a {
	font: 24px 'Open Sans', Verdana;
	font-weight: 300;
	display: block;
	width: auto;
	height: 48px;
	line-height: 48px;
	padding-left: 10px;
	color: #333333;
	border-left: 8px solid #333333;
	-webkit-transition: all 80ms linear;
	-moz-transition: all 80ms linear;
	-o-transition: all 80ms linear;
	transition: all 80ms linear;
}
#navigation ul li a:hover { text-decoration: none; border-width: 12px; }
#navigation ul li a:active, #navigation ul li a:focus { outline: 0; }


	
#container {
	width: 1124px;
	margin: 0 auto;
	padding-left: 124px;
}

#crumbs {
	width: auto;
	clear: right;
	font: 12px Tahoma;
	height: 50px;
	line-height: 50px;
}

#content_left {
	float: left;
	width: 194px;
}

#content_right {
	float: left;
	width: 310px;
	margin-left: 20px;
}

#content {
	width: 558px;
	min-height: 460px;
	float: left;
	background: #FFFFFF;
	border: 1px solid #D4D4D4;
	outline: 1px solid #FCFCFC;
	padding: 10px 20px 20px 20px;
}

.widecontent {
	width: 887px !important;
}
	
	.slider {
		background: #AF7CB5;
		border-radius: 8px;
		margin-bottom: 25px;
		height: 280px;
		overflow: hidden;
	}
	
	.newspic {
		margin-bottom: 15px;
	}
	
	.newspic, .newspic img {
		width: 475px;
		height: 100px;
	}


/* Sisältöhaku */*

	.search {
		height: 30px;
		margin: 5px 0 0 0;
		border: 1px solid rgba(0,0,0,0.5);
		outline: 1px solid rgba(255,255,255,0.1);
		background: transparent;
	}
	
	.search input[type=text]{
		width: 100%;
		height: 30px;
		padding: 0 7px;
		margin: 0;
		background: #FFFFFF;
		color: #EDEDED;
		font: 12px solid 'Open Sans', Helvetica;
		border: none;
		display: inline-block;
		box-sizing: border-box;
		position: relative;
	}
	.search input[type=text]:focus { outline: none; }
	
	.search button {
		width: 30px;
		height: 30px;
		padding: 0px;
		margin: 0;
		display: inline-block;
		background: transparent url('/kuvat/search_black.png') no-repeat;
		background-position: 0 0;
		color: #EDEDED;
		font: 12px solid 'Open Sans', Helvetica;
		border: none;
		text-indent: -9999px;
		overflow: hidden;
		position: relative;
		float: right;
		top: -30px;
	}
	.search button:hover { background-position: -30px 0; }

	

.sidebox {
	background: #FFFFFF;
	padding: 15px;
	margin-bottom: 25px;
	font: 12px Tahoma;
	border: 1px solid #D4D4D4;
	outline: 1px solid #FCFCFC;
}

	.sidebox h1 {
		font: 16px Helvetica;
		margin: 0 0 10px 0;
	}
	.sidebox h2 {
		font: 14px Helvetica;
		margin: 0 0 5px 0;
	}
	.sidebox p {
		padding: 0 0 0 10px;
	}
	
	.sidebox .divider {
		margin: 20px -15px 10px -15px;
		height: 1px;
		background: #D4D4D4;
	}

	
/* Palaute */

.spam_input {
	border: 0;
	background: transparent;
	color: red;
}

/* Jaksohaku */

.jaksohaku_checkboxes div {
	width: 70%;
	height: 30px;
	line-height: 30px;
	float: left;
	border-bottom: 1px solid #E1E1E1;
}
.jaksohaku_checkboxes div:nth-of-type(even) {
	width: 30%;
}



.sideNavigationBox {
	width: 100%;
	margin-bottom: 15px;
}

ul.sideNavigation {
 margin: 0;
 padding: 0;
}

ul.sideNavigation li {
	width: 100%;
	display: block;
	margin-bottom: 1px;
	padding: 0;
}

ul.sideNavigation li a {
	font: 24px 'Open Sans', Verdana;
	font-weight: 300;
	display: block;
	width: auto;
	height: 48px;
	line-height: 48px;
	padding-left: 10px;
	color: #333333;
	border-left: 8px solid #333333;
	-webkit-transition: all 80ms linear;
	-moz-transition: all 80ms linear;
	-o-transition: all 80ms linear;
	transition: all 80ms linear;
}
ul.sideNavigation li a:hover { text-decoration: none; border-width: 12px; }
ul.sideNavigation li a:active, #navigation ul li a:focus { outline: 0; }

ul.sideNavigation.mini li a { font: 16px 'Open Sans', Verdana; height: 32px; line-height: 32px; }
ul.sideNavigation.supermini li a { font: 14px 'Open Sans', Verdana; height: 28px; line-height: 28px; }


footer {
	width: 600px;
	left: 194px;
	position: relative;
	float: left;
	clear: both;
	text-align: center;
}

footer .copyright { 
	padding: 12px 12px 2px 12px;
	text-align: center;
}
footer .copyright .cr {
	font: 24px 'Open Sans', Verdana;
	font-weight: 300;
}
footer .webhost { 
	padding: 12px;
	text-align: center;
}
footer .fox {
	float: left;
	clear: both;
	width: 100%;
	padding: 0 10px 10px 10px;
	box-sizing: border-box;
	color: #666666;
	color: rgba(0,0,0,0.6);
	font-size: 12px;
}

/* Suomiviittaukset */

.suomiviittaus {
	margin-bottom: 20px;
}
.suomiviittaus div { 
	text-align: center;
	padding: 0px;
	background: transparent;
	overflow: hidden;
}
.suomiviittaus div img { box-shadow: 0 0 100px #CACACA; box-shadow: 0 0 100px rgba(0,0,0,0.5);}


/* Esityskaudet */


ul.esityskaudet{
	margin: 0;
	list-style-type: none;
	padding: 0;
} ul.esityskaudet li {
	display: block;
	margin: 0;
	padding: 0;
} 
ul.esityskaudet li:nth-child(even){
	background: #F0F0F0; /* Old browsers */
	background: -moz-linear-gradient(-80deg,  #F0F0F0 0%, #FFFFFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#F0F0F0), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-80deg,  #F0F0F0 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-80deg,  #F0F0F0 0%,#FFFFFF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-80deg,  #F0F0F0 0%,#FFFFFF 100%); /* IE10+ */
	background: linear-gradient(135deg,  #F0F0F0 0%,#FFFFFF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
} 

ul.esityskaudet li a {
	display: block;
	font: 20px 'Open Sans', Helvetica;
	text-decoration: none;
	padding: 6px;
	color: #000000;
	margin: 0;
	border-bottom: 1px solid #E1E1E1;
	line-height: 26px;
	-webkit-transition: all 80ms linear;
	-moz-transition: all 80ms linear;
	-o-transition: all 80ms linear;
	transition: all 80ms linear;
	
} ul.esityskaudet li a:hover {
	text-decoration: none;
	border-left: 3px solid #6AADE4;
}
ul.esityskaudet li a span {
	font: 12px Helvetica;
	color: #7F7F7F;
	line-height: 20px;
}

ul.esityskaudet li a div {
	float: right;
	
}
ul.esityskaudet li a div img { height: 53px; }



#arrow_left {
	width: 26px;
	height: 26px;
	color: #8E8E8E;
	font: 20px Verdana;
	font-weight: bold;
	float: right;
	cursor: pointer;
	background: url('..//kuvat/arrow_left.png');
	background-repeat: no-repeat;
}
#arrow_left:hover { background-position: 0 -26px; }

#arrow_right {
	width: 26px;
	height: 26px;
	color: #8E8E8E;
	font: 20px Verdana;
	font-weight: bold;
	text-align: right;
	float: right;
	cursor: pointer;
	background: url('..//kuvat/arrow_right.png');
	background-repeat: no-repeat;
}
#arrow_right:hover { background-position: 0 -26px; }

#tab_balls {
	width: auto;
	height: 26px;
	color: #FFFFFF;
	font: 12px Verdana;
	float: right;
	text-align: center;
	cursor: pointer;
}
	.tab_ball {
		width: 36px;
		height: 26px;
		margin: 0 1px;
		background: #FFFFFF url('http://simpsonit.org//kuvat/v5/comment_icon.gif') center center no-repeat;
		display: inline-block;
		border-radius: 4px 4px 0 0;
	}
	
	.tab_ball_selected {
		width: 34px;
		height: 25px;
		margin: 0 1px;
		background: #FFD51E url('http://simpsonit.org//kuvat/v5/comment_icon.gif') center center no-repeat;
		border-top: 1px solid #F6CB00;
		border-left: 1px solid #F6CB00;
		border-right: 1px solid #F6CB00;
	}
	
#profile {
	margin: 0;
	padding: 0;
	float: left;
}
#profile img {
	float: left;
	padding: 0 10px 10px 0;
}


#content .divider {
	margin: 20px -20px 10px -20px;
	height: 1px;
	background: #D4D4D4;
}




#landscape {
	/*background: url('clouds.png') repeat-x;*/
	background: -moz-linear-gradient(top, rgba(3,162,222,1) 0%, rgba(3,162,222,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(3,162,222,1)), color-stop(100%,rgba(3,162,222,0)));
	background: -webkit-linear-gradient(top, rgba(3,162,222,1) 0%,rgba(3,162,222,0) 100%);
	background: -o-linear-gradient(top, rgba(3,162,222,1) 0%,rgba(3,162,222,0) 100%);
	background: -ms-linear-gradient(top, rgba(3,162,222,1) 0%,rgba(3,162,222,0) 100%);
	background: linear-gradient(to bottom, rgba(3,162,222,1) 0%,rgba(3,162,222,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03a2de', endColorstr='#0003a2de',GradientType=0 );
	background-position: left top;
	height: 337px;
	padding: 22px 0;
	clear: both;
}


/* Slideshow */


.slider_navigation { width: 194px; height: 337px; float: left; margin-top: -20px; }
.slider_navigation.left .slider_thumbnail { float: left; }
.slider_navigation.right .slider_thumbnail { float: right; }
.slider_navigation img { margin: 0; padding: 0; }

#slider_container { 
	width: 1124px;
	height: 337px;
	margin: 0 auto;
	padding-left: 124px;
	background: transparent;
}

#contentslider {
	display: none;
}

#slider { 
    width: 600px;
    height: 337px; 
	background: #333333;
	box-shadow: 0 0 6px rgba(0,0,0,0.7);
	float: left;
}

#slider  > span:first-of-type {
	background: black;
}

#slider > div { 
    position: absolute;
    width: 600px;
    height: 337px;
}
#slider > div .content { 
	background: #000000;
	background: rgba(0,0,0,0.7);
	color: #FFFFFF;
	padding: 10px;
	min-height: 70px;
	position: absolute;
	bottom: 0;
	width: 580px;
	overflow: hidden;
	text-shadow: 0 0 10px #000000;
}
#slider > div a:hover .content { background: #141414; background: rgba(0,0,0,0.8); }


	#slider > div .content h1 {
		font: 22px Helvetica;
		margin: 0 0 5px 0;
	}
	#slider > div .content p {
		padding: 0;
		margin: 5px 0;
	}
	

#slider .forumslide {
	padding: 10px;
	width: 580px;
	height: 317px;
	font-size: 12px;
}
#slider .forumslide .forumtopicbox {
	color: rgba(0,0,0,0.6);
	line-height: 28px;
	white-space: nowrap;
}
#slider .forumslide a { font-weight: 500; font-size: 16px; color: #A42667; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); }

#slider .slider_episodes {
	color: #FFFFFF;
	overflow: hidden;
	width: 600px;
	height: 337px;
}

#slider .slider_episodes A {
	text-decoration: none;
}
#slider .slider_episodes h2 {
	margin: 0;
	color: #FECB00;
}
#slider .slider_episodes h3 {
	margin: 0 0 15px;
	color: #BEBEBE;
}

#slider .slider_episodes .time {
	padding: 5px 10px;
	font: 16px Helvetica;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	/*background: rgba(0,0,0,0.5);*/
}
#slider .slider_episodes .description {
	color: #FFFFFF;
}

/* Ei Simpsoneita tänään */
#slider .slider_episodes .one.no-simpsons-today {
	background-image: url('/kuvat/ei-simpsoneita-tanaan.jpg');
	background-size: cover;
	height: 69px;
	width: 600px;
	overflow: hidden;
	padding: 268px 0 0 0;
}
#slider .slider_episodes .one.no-simpsons-today h2 {
	font-size: 40px;
	text-align: center;
}


/* One episode */

#slider .slider_episodes .one {
	background-size: cover;
	height: 337px;
	overflow: hidden;
}
#slider .slider_episodes .one .overlay {
	background: rgba(60,60,60,0.8);
	height: 100%;
	
		/*
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );


	background: -moz-linear-gradient(-45deg,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(-45deg,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(-45deg,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	*/
	background: linear-gradient(135deg,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );

}
#slider .slider_episodes .one .overlay .description {
	padding: 10px;
	text-shadow: 1px 1px 0 #000000;
}

/* Two episodes */

#slider .slider_episodes .two { 
	width: 50%; 
	float: left;
	height: 100%;
	box-sizing: border-box;
	padding: 0;
}
#slider .slider_episodes A:hover .two {
	background: #000000; 
	background: rgba(0,0,0,0.5);
}

#slider .slider_episodes .two .description {
	padding: 10px;
	color: #FFFFFF;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}


/* Three episodes */

#slider .slider_episodes .three { 
	height: 112px;
	float: left;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	overflow: hidden;
}
#slider .slider_episodes A:hover .three { background: #000000; background: rgba(0,0,0,0.5); }
#slider .slider_episodes .three h2 { margin-bottom: 3px; white-space: nowrap; }
#slider .slider_episodes .three h3 { margin-bottom: 5px; white-space: nowrap; }
#slider .slider_episodes .three .timeandchannel { 
	float: left;
	width: 90px;
	padding: 6px 10px;
	height: 112px;
	box-sizing: border-box;
	border-right: 1px solid rgba(255,255,255,0.3);
}
#slider .slider_episodes .three .time {
	font-size: 180%;
	text-align: center;
	padding: 19px 0 0 0;
	border-bottom: none;
}
#slider .slider_episodes .three .channel {
	font-size: 140%;
	text-align: center;
	padding: 5px 0 0 0;
	color: #FFFFFF;
}
#slider .slider_episodes .three .description { 
	float: left;
	height: 112px;
	width: 500px;
	padding: 0 8px;
	box-sizing: border-box;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	color: #FFFFFF;
}



/* Four episodes */


#slider .slider_episodes .four { 
	height: 84px;
	float: left;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	overflow: hidden;
}
#slider .slider_episodes A:hover .four { background: #000000; background: rgba(0,0,0,0.5); }
#slider .slider_episodes .four h2 { margin: 10px 0 0 0; white-space: nowrap; }
#slider .slider_episodes .four h3 { margin: 5px 0 0 0; white-space: nowrap; }
#slider .slider_episodes .four .timeandchannel { 
	float: left;
	width: 90px;
	padding: 6px 10px;
	height: 84px;
	box-sizing: border-box;
	border-right: 1px solid rgba(255,255,255,0.3);
}
#slider .slider_episodes .four .time {
	font-size: 160%;
	text-align: center;
	padding: 8px 0 0 0;
	border-bottom: none;
}
#slider .slider_episodes .four .channel {
	font-size: 120%;
	text-align: center;
	padding: 5px 0 0 0;
	color: #FFFFFF;
}
#slider .slider_episodes .four .description { 
	float: left;
	height: 84px;
	width: 500px;
	padding: 0 8px;
	box-sizing: border-box;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	color: #FFFFFF;
}

/* 5-8 episodes */

#slider .slider_episodes .fiveplus { 
	height: 41px;
	float: left;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	overflow: hidden;
}
#slider .slider_episodes A:hover .fiveplus { background: #000000; background: rgba(0,0,0,0.5); }
#slider .slider_episodes .fiveplus h2 { margin: 0; line-height: 41px; white-space: nowrap; }
#slider .slider_episodes .fiveplus .time { 
	float: left;
	width: 100px;
	padding: 0 10px;
	line-height: 42px;
	height: 41px;
	box-sizing: border-box;
	border-right: 1px solid rgba(255,255,255,0.3);
	border-bottom: none;
}
#slider .slider_episodes .fiveplus .description { 
	float: left;
	height: 41px;
	width: 490px;
	padding: 0 8px;
	box-sizing: border-box;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	color: #FFFFFF;
}

/* 9 -> episodes */

#slider .slider_episodes .nineplus { 
	height: 25px;
	float: left;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	overflow: hidden;
}
#slider .slider_episodes A:hover .nineplus { background: #000000; background: rgba(0,0,0,0.5); }
#slider .slider_episodes .nineplus h2 { margin: 0; font-size: 14px; line-height: 25px; white-space: nowrap; }
#slider .slider_episodes .nineplus .time { 
	float: left;
	width: 100px;
	padding: 0 10px;
	line-height: 25px;
	height: 25px;
	box-sizing: border-box;
	border-right: 1px solid rgba(255,255,255,0.3);
	border-bottom: none;
}
#slider .slider_episodes .nineplus .description { 
	float: left;
	height: 25px;
	width: 490px;
	padding: 0 8px;
	box-sizing: border-box;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	color: #FFFFFF;
}



#slider .slider_episodes .image {
	float: right;
	width: 50%;
	padding-left: 10px;
	box-sizing: border-box;
}
#slider .slider_episodes .image img { margin: auto 0; max-width: 100%; }








.slider_thumbnail {
	margin-top: 20px;
	background-size: 170px 95px;
	width: 170px;
	height: 95px;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
	opacity: 0.9;
	cursor: pointer;
	box-shadow: 0 0 3px rgba(0,0,0,0.7);
	border: 2px solid #FFFFFF;
}
.slider_thumbnail:hover {
   border: 2px solid #F0F0F0;
}
.slider_thumbnail.selected {
	border: 2px solid #000000;
	z-index: 3;
	opacity: 1;
}



/* Uutiset */

.news { margin: 15px 0; }
.news.one { margin: 0; }

.news .title {
	font: 22px 'Open Sans', Helvetica;
	margin: 0 0 5px 0;
}
.news .title.h1 {
	font: 28px 'Open Sans', Helvetica;
	margin: 0 0 5px 0;
}

.news .time {
	margin: 0 0 15px 0;
	color: #7E7E7E;
	font: 11px Tahoma;
}

.news .story {
	margin: 0 0 15px 0;
	text-align: justify;
}

.news .image { text-align: center; }
.news .image img {
	max-width: 558px;
}

.newsPaging {
	text-align: center;
	margin-top: 19px;
}

.newsPaging .pageNumber {
	width: 100px;
	margin: 0 auto;
}

.newsPaging .previous {
	float: left;
}
.newsPaging .next {
	float: right;
}


/* Google G+ */
.g-plusone {
	float: left;
	margin-right: 8px;
}

/* Facebook recommend */
.fb-like {
	float: left;
	margin-right: 8px;
	margin-top: -1px;
}
/* Facebook Kommentoi-nappi */

A.fb_comment {
	padding: 2px 4px 2px 4px;
	background: #4c69ba;
	background: -moz-linear-gradient(top,  #4c69ba 0%, #3b55a0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c69ba), color-stop(100%,#3b55a0));
	background: -webkit-linear-gradient(top,  #4c69ba 0%,#3b55a0 100%);
	background: -o-linear-gradient(top,  #4c69ba 0%,#3b55a0 100%);
	background: -ms-linear-gradient(top,  #4c69ba 0%,#3b55a0 100%);
	background: linear-gradient(to bottom,  #4c69ba 0%,#3b55a0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c69ba', endColorstr='#3b55a0',GradientType=0 );
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	font-family: 'Helvetica Neue',Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif;
	font-weight: 600;
	text-shadow: 0 -1px 0 #354c8c;
	display: inline-block;
	float: left;
	margin-right: 8px;
}
A.fb_comment:hover { 
	background: #5C7CD5;
	background: -moz-linear-gradient(top,  #5C7CD5 0%, #4E6BBB 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5C7CD5), color-stop(100%,#4E6BBB));
	background: -webkit-linear-gradient(top,  #5C7CD5 0%,#4E6BBB 100%);
	background: -o-linear-gradient(top,  #5C7CD5 0%,#4E6BBB 100%);
	background: -ms-linear-gradient(top,  #5C7CD5 0%,#4E6BBB 100%);
	background: linear-gradient(to bottom,  #5C7CD5 0%,#4E6BBB 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5C7CD5', endColorstr='#4E6BBB',GradientType=0 );
}

.fb_comments {
	margin-top: 20px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
}


/* Some */

.some {
	width: 100%;
	height: 20px;
}

.sidebox .some {
	width: 170px;
	margin: 0 auto;
}

.jaksokuvaus-some-buttons {
	height: 32px;
	margin: 10px 8px;
	float: left;
}
.jaksokuvaus-some {
	height: 32px;
}

/* Etusivun some */

.socialmedia {
	background: url('/kuvat/kid-stack.png') no-repeat 60px 0;
	height: 260px;
	float: left;
	width: 100%;
}
.socialmedia .smb {
	width: 50px;
	height: 50px;
	float: left;
	clear: both;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	text-indent: -9999px;
	margin-bottom: 3px;
}
.socialmedia .smb.facebook { background: url('/kuvat/some/50px/facebook.png') no-repeat 0 0; }
.socialmedia .smb.twitter { background: url('/kuvat/some/50px/twitter.png') no-repeat 0 0; }
.socialmedia .smb.googleplus { background: url('/kuvat/some/50px/googleplus.png') no-repeat 0 0; }

.socialmedia .smb:hover { background-position: 0 -50px; }
.socialmedia .smb:focus { outline: 0; }


/* Jaksokuvaus */

.jaksokuvaus p {  }

.jaksokuva {
	min-height: 0;
	background: #FFFFFF;
	border: 1px solid #D4D4D4;
	outline: 1px solid #FCFCFC;
	margin-bottom: 25px;
	padding: 0;
	text-align: center;
}
.jaksokuva img { max-width: 308px; }

/* Video */

.video {
	margin-bottom: 15px;
}
.video_description {
	margin-top: -15px;
	font-style: italic;
	margin-bottom: 15px;
}

/* Hahmot */

/*.hahmo {
	display: inline-block;
	font: 13px "Segoe UI", "Trebuchet MS", Helvetica;
	text-decoration: none;
	padding: 3px;
	color: #6690C2;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	border: 1px solid #E1E1E1;
	line-height: 26px;
	width: 100%;
	text-align: center;
	margin: 3px;
	
	background: #FFFFFF;
	background: -moz-radial-gradient(center, ellipse cover,  #FFFFFF 0%, #E8E8E8 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#FFFFFF), color-stop(100%,#E8E8E8));
	background: -webkit-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E8E8E8 100%);
	background: -o-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E8E8E8 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #FFFFFF 0%,#E8E8E8 100%);
	background: radial-gradient(ellipse at center,  #FFFFFF 0%,#E8E8E8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E8E8E8',GradientType=1 );

}
.hahmo:hover { text-decoration: none; }
.hahmo:hover img { text-decoration: none; }
.hahmo span {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	vertical-align: middle;
	background: #FFFFFF;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	padding: 3px 4px;
	border: 1px solid #D2D2D2;
	margin-top: -10px;
} .hahmo .smallfont { font-size: 12px; }

.hahmo:hover span { 
	background: #FFE179;
	background: -moz-linear-gradient(top,  #FFE179 0%, #FECB00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFE179), color-stop(100%,#FECB00));
	background: -webkit-linear-gradient(top,  #FFE179 0%,#FECB00 100%);
	background: -o-linear-gradient(top,  #FFE179 0%,#FECB00 100%);
	background: -ms-linear-gradient(top,  #FFE179 0%,#FECB00 100%);
	background: linear-gradient(to bottom,  #FFE179 0%,#FECB00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE179', endColorstr='#FECB00',GradientType=0 );
	color: #333333; 
	text-shadow: 0 1px 0 rgba(0,0,0,0.0); 
}
*/
.hahmokuva {
	margin-bottom: 15px;
	padding: 10px 0;
	text-align: center;
}
.hahmokuva img { max-width: 308px; margin: 0; }



.hahmolista {
	margin: 0;
	list-style-type: none;
	padding: 0;
} .hahmolista li {
	display: block;
	margin: 0;
	padding: 0;
} 
.hahmolista li:nth-child(even){
	background: #F0F0F0; /* Old browsers */
	background: -moz-linear-gradient(-80deg,  #F0F0F0 0%, #FFFFFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#F0F0F0), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-80deg,  #F0F0F0 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-80deg,  #F0F0F0 0%,#FFFFFF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-80deg,  #F0F0F0 0%,#FFFFFF 100%); /* IE10+ */
	background: linear-gradient(135deg,  #F0F0F0 0%,#FFFFFF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
} 

.hahmolista li a {
	display: block;
	font: 20px 'Open Sans', Helvetica;
	font-weight: 300;
	text-decoration: none;
	padding: 5px;
	color: #000000;
	margin: 0;
	border-bottom: 1px solid #E1E1E1;
	-webkit-transition: all 80ms linear;
	-moz-transition: all 80ms linear;
	-o-transition: all 80ms linear;
	transition: all 80ms linear;
	height: 60px;
	
} .hahmolista li a:hover {
	text-decoration: none;
	border-left: 3px solid #FF928E;
	
}
.hahmolista li a:hover .name {
	font-weight: 300;
}

.hahmolista li a .image {
	font: 20px 'Open Sans', Helvetica;
	line-height: 26px;
	color: #000000;
	line-height: 20px;
	width: 120px;
	height: 60px;
	float: left;
	text-align: center;
	padding: 0px;
}

.hahmolista li a .name {
	line-height: 60px;
	color: #000000;
	float: left;
}

/* Hahmoruudukko */

.hahmoruudukko {
	margin: 0;
	list-style-type: none;
	padding: 0;
} 
.hahmoruudukko li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: 33.333%;
	overflow: hidden;
} 

.hahmoruudukko li a {
	display: block;
	padding: 5px;
	margin: 0;
	border: 1px solid #E1E1E1;
	-webkit-transition: all 80ms linear;
	-moz-transition: all 80ms linear;
	-o-transition: all 80ms linear;
	transition: all 80ms linear;
	height: 60px;
	background: #FFFFFF;
	overflow: hidden;
}
.hahmoruudukko li a:hover { border-color: #FF928E; }
.hahmoruudukko li a .image {
	height: 60px;
	text-align: center;
}
.hahmoruudukko li a .image img { max-height: 60px; }


/* Fonttityylit */

p {
	margin: 15px 0;
}
p:first-of-type {
	margin: 0 0 15px 0;
}
.smallgrey {
	font-size: 11px;
	color: #7F7F7F;
}
.error {
	color: red;
	margin: 5px 15px;
}
.info {
	color: blue;
	margin: 5px 15px;
}

.backwards {
	unicode-bidi:bidi-override;
	direction:rtl;
}


/* Kirjallisuus */

.books_table {
	margin-bottom: 30px;
}
.books_table td { border-bottom: 1px solid #E1E1E1; }
.books_table tr:nth-child(even){ 
	background: #f0f0f0;
	background: -moz-linear-gradient(left, #f0f0f0 0%, #ffffff 50%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f0f0f0), color-stop(50%,#ffffff), color-stop(100%,#f0f0f0));
	background: -webkit-linear-gradient(left, #f0f0f0 0%,#ffffff 50%,#f0f0f0 100%);
	background: -o-linear-gradient(left, #f0f0f0 0%,#ffffff 50%,#f0f0f0 100%);
	background: -ms-linear-gradient(left, #f0f0f0 0%,#ffffff 50%,#f0f0f0 100%);
	background: linear-gradient(to right, #f0f0f0 0%,#ffffff 50%,#f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f0f0f0',GradientType=1 );
}

.books_title {
	padding: 5px;

	background: #D1D1D1;
	font-weight: bold;
	font-size: 12px;
}

.books {
	width: 40%;
	padding: 5px;
}

.books_year {
	width: 10%;
	padding: 5px;
}

.selector{
	list-style-type: none;
	width: 100%;
	margin-top: 10px;
	padding: 0;
	text-align: center;
}
.selector li {
	display: block;
	margin: 0;
	padding: 0 0 1px 0;
}
.selector li a {
	display: block;
	padding: 10px;
	background: #F0F0F0;
	color: #656565;
	margin: 0;
	font-size: 14px;
}
.selector.small li a {
	display: block;
	padding: 4px;
	background: #F0F0F0;
	color: #656565;
	margin: 0;
	font-size: 10px;
}
.selector li a:hover {
	text-decoration: none;
	background-color: #E6E6E6;
}

.selector .selected		{ background: #FED41E; }
.selector .selected_1 	{ background: #FED41E url('/kuvat/asc.png') right 10px center no-repeat; }
.selector .selected_2 	{ background: #FED41E url('/kuvat/desc.png') right 10px center no-repeat; }


.selector.big.uutiset li a { font-size: 18px; padding: 8px; }
.selector.uutiset { margin-bottom: 0; }
.selector.small.uutiset { margin: 3px 0 15px 0; }




/* Infobox (hover) */

a.infobox { position: relative; float: right; }
a.infobox:hover { text-decoration: none; }
a.infobox span { display: none }
a.infobox span p { margin: 1px 0 10px 0; }

a.infobox:hover span{
    display: block;
    position: absolute;
	z-index: 500;
    padding: 4px;
    top: 30px;
    left: -520px;
    color: #000000;
    background: #EEEEEE;
	margin: 0;
	float: left;
	min-width: 500px;
	line-height: 18px;
	text-decoration: none;
	border: 1px solid #595959;
	font: 11px Verdana;
	box-shadow: 2px 2px 4px black;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;;
}


/* Viikon jaksotiedot -popup */

#this_weeks_episodes {
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 10000;
	display: none;
	float: left;
	width: 100%;
	border-bottom: 1px solid #D4D4D4;
	outline: #FFFFFF;
	box-sizing: border-box;
	
	background: #9FBA4C; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #E5E361 0%, #9FBA4C 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#E5E361), color-stop(100%,#9FBA4C)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #E5E361 0%,#9FBA4C 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #E5E361 0%,#9FBA4C 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #E5E361 0%,#9FBA4C 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #E5E361 0%,#9FBA4C 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E361', endColorstr='#9FBA4C',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#this_weeks_episodes .container {
	margin: 10px auto;
	padding-left: 124px;
	padding-right: 330px;
	width: 794px;
}
#this_weeks_episodes .weeklist {
	float: left;
	width: 100%;
	padding: 0 10px 10px 10px;
	box-sizing: border-box;
}

#this_weeks_episodes h1 {
	text-align: center;
	color: #FFFFFF;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
	margin: 15px auto;
	padding: 0;
}

#this_weeks_episodes .click {
	margin: 20px 10px;
}

.weekpopup {
	display: none;
	background: #000000 url('/kuvat/v5/popbg.png') no-repeat;		
	padding: 15px;
	font-size: 11px;
	width: 537px;
	color: #A3A3A3;
	text-shadow: #D5D5D5 1px 1px 1px;
	-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
	box-shadow: 0 0 30px 0px #000000;
}
.weekpopup H2 {
	font: italic 26px Georgia, Serif;
	margin: 0 0 10px 0;
	color: #C9C9C9;
	text-shadow: #000000 1px 1px 1px;
}
.weekpopup .archive {
	background-image:url('/kuvat/v5/weekpopupArchive.png');
	position: absolute; right: 55px; top: 7px;
	z-index: 500;
	cursor: pointer;
	padding: 20px;
}
.weekpopup .close {
	background-image:url('/kuvat/v5/weekpopupClose.png');
	position: absolute; right: 15px; top: 7px;
	cursor: pointer;
	height: 40px;
	width: 40px;
}
.wk {
	background: #CFDA88;
	background: rgba(255,255,255,0.3);
	padding: 6px 6px 15px 6px;
	vertical-align: top;
	width: 14.285%;
}
.wk:nth-child(even) {
	background: #E4E9AC;
	background: rgba(255,255,255,0.5);
}
.wk.today {
	background: #FFFFFF;
	background: rgba(255,255,255,0.9);
	outline: 1px solid rgba(0,0,0,0.1);
}
.wk .day {
	font: 22px 'Open Sans', Helvetica;
	margin-bottom: 10px;
	text-align: center;
}
.wk .episode {
	font: 16px 'Open Sans', Helvetica;
}
.wk .time {
	font: 16px 'Open Sans', Helvetica;
	text-align: left;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 5px;
	margin-top: 15px;
}
.wk .time:first-of-type {
	margin-top: 0;
}

.wk .title {
	font-weight: bold;
	margin-bottom: 3px;
}
.wk .description {
	font-size: 14px;
}
.wk .nosimpsons {
	padding-top: 5px;
	text-align: center;
}


/* QuickBar */

.quickbar {
	font: 20px 'Open Sans', Helvetica;
	margin: -15px -15px 15px -15px;
	border-bottom: 1px solid #D4D4D4;
}

.quickbar a {
	display: block;
	padding: 5px 15px;
	color: #FFFFFF;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
	text-align: center;
}

.quickbar a:hover { 
	text-decoration: none;
}

.qb_left { 
	width: 50%;
	display: inline-block;
} 

.qb_right { 
	width: 50%;
	display: inline-block;
	text-align: right;
}

/* TV-esitykset */

.tv-archive {
	border-top: 1px solid #E1E1E1;
	border-left: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	width: 100%;
	box-sizing: border-box;
}
.tv-archive tr td {
	border-bottom: 1px solid #E1E1E1;
}

.tv-archive tr:nth-child(even) {
	background: #F0F0F0; /* Old browsers */
	background: -moz-linear-gradient(-80deg,  #F0F0F0 0%, #FFFFFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#F0F0F0), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-80deg,  #F0F0F0 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-80deg,  #F0F0F0 0%,#FFFFFF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-80deg,  #F0F0F0 0%,#FFFFFF 100%); /* IE10+ */
	background: linear-gradient(135deg,  #F0F0F0 0%,#FFFFFF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.tv-archive .day {
	width: 25%;
	padding: 6px;
}

.tv-archive .episodes {
	padding: 6px;
}


/* Kauden jaksot */

.list {
	margin: 0;
	list-style-type: none;
	padding: 0;
} .list li {
	display: block;
	margin: 0;
	padding: 0;
} 
.list li:nth-child(even){
	background: #F0F0F0; /* Old browsers */
	background: -moz-linear-gradient(-80deg,  #F0F0F0 0%, #FFFFFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#F0F0F0), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-80deg,  #F0F0F0 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-80deg,  #F0F0F0 0%,#FFFFFF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-80deg,  #F0F0F0 0%,#FFFFFF 100%); /* IE10+ */
	background: linear-gradient(135deg,  #F0F0F0 0%,#FFFFFF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
} 

.list li a {
	display: block;
	font: 20px 'Open Sans', Helvetica;
	font-weight: 300;
	text-decoration: none;
	padding: 6px;
	color: #000000;
	margin: 0;
	border-bottom: 1px solid #E1E1E1;
	line-height: 26px;
	-webkit-transition: all 80ms linear;
	-moz-transition: all 80ms linear;
	-o-transition: all 80ms linear;
	transition: all 80ms linear;
	height: 54px;
	
} .list li a:hover {
	text-decoration: none;
	border-left-width: 3px;
	border-left-style: solid;
}
.hahmot.list li a { height: 60px; }
.artikkelit.list li a { font-size: 18px; }

.list li a .number {
	line-height: 20px;
	width: 30px;
	height: 56px;
	float: left;
	box-sizing: border-box;
	text-align: right;
	padding: 5px;
}
.list li a .wide { width: 60px !important; text-align: left; }

.list li a .oneline {
	line-height: 60px;
	color: #000000;
	float: left;
}

.list li a .twolines {
	line-height: 20px;
	float: left;
	padding: 5px;
}
	.list li a .twolines div {
		font: 12px Helvetica;
		color: #7F7F7F;
		line-height: 20px;
		margin-top: 5px;
	}

.list li a .seasonbox {
	float: right;
}
	.list li a .seasonbox img {
		max-height: 50px;
	}

.list li a .image {
	font: 20px 'Open Sans', Helvetica;
	line-height: 26px;
	color: #000000;
	line-height: 20px;
	width: 120px;
	height: 60px;
	float: left;
	text-align: center;
	padding: 0px;
}


/* Kausiboksi */

.seasonboxes {
	text-align: center;
}
.seasonboxes img { max-height: 170px; }
.seasonboxes.two .special { margin-left: 15px; }


/* Ruudukkolistaus */

ul.grid {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.grid li {
	width: 20%;
	display: inline-block;
	margin: 0;
	padding: 0;
}

ul.grid li a {
	display: block;
	font: 24px 'Open Sans', Helvetica;
	font-weight: 300;
	text-align: center;
	padding: 8px 0;
	color: #000000;
	border-radius: 50%;
	-webkit-transition: all 80ms linear;
	-moz-transition: all 80ms linear;
	-o-transition: all 80ms linear;
	transition: all 80ms linear;
}
ul.grid li a:hover { text-decoration: none; background: #F0F0F0; }

/* Esityskausilistaus sivupalkissa */

.sidebox ul.esityskaudet {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.sidebox ul.esityskaudet li a {
	display: block;
	padding: 3px;
	border-bottom: 1px solid #E1E1E1;
	font: 12px Helvetica;
}

.sidebox ul.esityskaudet li.selected { 
	background: #6AADE4; /* Old browsers */

}
.sidebox ul.esityskaudet li.selected a { 
	color: #FFFFFF;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.1);
}








@media screen and (min-width: 0px) and (max-width: 1305px){

	#container, #topbar_container, #slider_container { padding-left: 20px; padding-right: 20px;  }
	#container { padding-top: 20px; }

}

@media screen and (min-width: 0px) and (max-width: 1180px){

	#container, #topbar_container, #slider_container { width: 794px; }
	#topbar_content { margin-right: 0; }
	#content_right { margin: 20px 0 20px 194px; width: 600px; }
	
	#slider { float: right; }
	
	.somebutton { display: none; }
	
	.slider_navigation { width: 97px; height: auto; }
	.slider_navigation.right .slider_thumbnail { float: left; }
	
	#topbar_content_right { float: right; }
	.toggle_weeklist { width: 26px; overflow: hidden; text-indent: -9999px; }
	
	.slider_thumbnail {
		background-size: 80px 45px;
		width: 80px;
		height: 45px;
	}
	
}

@media screen and (min-width: 0px) and (max-width: 956px){
	#topbar_content_right { display: none; }
}

@media screen and (min-width: 0px) and (max-width: 850px){

	#toggle_navigation { display: block; }
	#navigation { display: none; width: auto; float: none; margin-top: 0; margin-bottom: 15px; }
	#content_right { margin: 20px 0; width: 600px; }

	.slider_navigation { display: none; }
	#topbar_content_left { width: 300px; box-sizing: border-box; }
	#topbar_content	{ width: 300px; box-sizing: border-box; }
	#container, #topbar_container, #slider_container { width: 600px; }
	#content_left { width: 600px; float: none; }
	
	.news .image img { width: 100%; }
	
	footer { width: 600px; margin: 0 auto; padding: 0; left: 0; }
	
	

}

@media screen and (min-width: 0px) and (max-width: 656px) {
	#landscape { display: none; }

	#topbar { height: 116px; padding: 5px; }
	#topbar_content_left, #topbar_content { float: none; width: auto; padding: 0; }
	#topbar_content_left #logo { height: auto; margin: 0; padding: 0; }
	
	#topbar_content #googlesearch { float: none; margin: 5px auto 0 auto; width: auto; }
	#topbar_content #googlesearch .field { width: 100%; padding-right: 37px; box-sizing: border-box; }
	#topbar_content #googlesearch .button { margin-left: -30px; }
	
	#container, #topbar_container, #slider_container { padding: 5px; margin: 0; width: auto; }
	#content, #content_left { width: 100%; box-sizing: border-box; margin: 0; }
	#content_right { width: 100%; }
	
	#toggle_navigation { width: auto; margin-top: 15px; }
	
	.story iframe { width: 100% !important; }
	
	.fb_comments { display: none; }
	
	.list ul li a span { display: none; }
	
	footer { width: auto; }
	
	.news .some { display: none; }

}

@media screen and (min-width: 0px) and (max-width: 450px) {

	.jaksolistaus .number,
	h1.jaksot span,
	.twolines div	
	{ display: none; }

}