@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:regular,bold');

@import url('https://fonts.googleapis.com/css?family=Francois+One');
/*
   Leffatykki.com
   
   Created by Tommi on 2011-10-08.
   Copyright 2011 Leffatykki.com. All rights reserved.
*/
/* @group Fonts { */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}
.ir br {
  display: none;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix, .cf {
  *zoom: 1;
}
.clearfix:before,
.cf:before,
.clearfix:after,
.cf:after {
  content: "";
  display: table;
}
.clearfix:after, .cf:after {
  clear: both;
}
/* @end Fonts } */
/* @group Normalize { */
/*@import url('normalize.css');*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
	min-width: 980px; /* Pending better CSS patch ... */
	margin: 0;
	font-size: 13px;
	line-height: 1.231;
	background-color: rgb(56, 56, 56);
}

body,
button,
input,
select,
textarea {
  font-family: Arial, sans-serif;
  color: #484644;
}
::-moz-selection {
  background: #000000;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #000000;
  color: #fff;
  text-shadow: none;
}
/*a, a:active, a:visited,  { color: rgb(172, 229, 232); text-decoration:none; }*/
a, a:active, a:visited {
  color: #004d8b;
  text-decoration: none;
}
.alt a, .alt a:active, .alt a:visited {
  color: #ace5e8;
}
a:hover {
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}
a:hover {
  text-decoration: underline;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b, strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before, q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
header h1, header h2, footer h3 {
  font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
  font-weight: normal;
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 20px;
  margin-bottom: 18px;
  margin-top: 5px;
}
h3 {
  font-size: 16px;
  margin-bottom: 16px;
  margin-top: 5px;
}
h4 {
  margin-top: 0;
  margin-bottom: 12px;
  line-height: 1.1;
}
header h1, header h2 {
  margin: 11px 0 0 18px;
  line-height: 1;
  font-size: 36px;
  text-transform: uppercase;
}
header h1 a {
  text-decoration: none;
}
header h1 a:hover {
  text-decoration: underline;
}
header h2.related_content {
  font-size: 32px;
}
.alt h1, .alt h2, .alt h2 a {
  color: #ffffff;
}
.alt p, .alt dl {
  color: #cccccc;
}
p {
  margin: 0 0 10px 0;
}
#navigation {
  font-size: 14px;
}
#navigation a {
  font-weight: bold;
}
nav.sec {
  font-size: 14px;
  font-family: "Francois One", "Arial Narrow", Arial, sans-serif;
}
#theme a {
  font-size: 26px;
  text-transform: uppercase;
  font-family: 'Yanone Kaffeesatz', 'Arial Narrow', Arial, sans-serif;
}
.item {
  font-size: 13px;
}
.item .rank {
  font: normal 48px/1 "Francois One", "Arial Narrow", Arial, sans-serif;
}
.item .rank.rank-small {
  font: normal 32px/1 "Francois One", "Arial Narrow", Arial, sans-serif;
}
.item .meta {
  font-size: 12px;
}
.item .item .meta {
  clear: both;
}
.item .user {
  font-weight: bold;
}
#cinemas .description h2 {
  font-size: 33px;
  font-family: 'Yanone Kaffeesatz', "Francois One", 'Arial Narrow', Arial, sans-serif;
}
#cinemas .description .user {
  font-size: 15px;
  font-weight: bold;
}
#movie .info {
  font-size: 12px;
}
#movie .xoxo:last-of-type {
  font-size: 12px;
}
#movie.w3l .xoxo {
  line-height: 2em;
  float: left;
}
#ontv ul {
  font-size: 13px;
}
.carousel .item {
  font-size: 13px;
}
.review h3,
.articlecontent h3 {
  font: 700 22px/26px Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0 0 15px 0;
}
.review p,
.articlecontent p {
  font: 100 14px/20px Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0 0 15px 0;
}
.articlecontent .date {
  padding-left: 24px;
  background: url('../img/icon/icon-cal.png') no-repeat 5px 0;
  font-size: 12px;
  line-height: 2;
}
.articlecontent .user {
  padding-left: 24px;
  font-weight: bold;
  background: url('../img/icon/icon-pen.png') no-repeat 5px 50%;
  color: #598527;
}
.articlecontent figure img {
	//width:auto;
}
.forum .AuthorInfo h4 {
  font-size: 14px;
  margin: 0;
  padding: 5px 0 0 0;
}
.forum .CommentTime {
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 12px;
}
.threads h2 {
  font-size: 16px;
}
.forum h2 {
  font-size: 16px;
}
.topics .meta {
  font-size: 13.5px;
}
.tabs a, .buttons a {
  font-family: "Francois One", 'Arial Narrow', Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
}
.buttons.small a {
  line-height: 20px;
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: bold;
}
#copy {
  font-size: 12px;
}
#contentinfo h3 {
  font-size: 22px;
}
#contentinfo li {
  line-height: 30px;
  font-size: 12px;
}
.shelf a {
  color: #ace5e8;
  text-decoration: none;
}
.shelf a:hover {
  color: #fff;
  text-decoration: underline;
}
.shelf .item p {
  margin: 0;
  padding: 5px 0 0 0;
  font-size: 12px;
  line-height: 16px;
}
.item h3 {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.33;
  /*	color: #fff;*/

}
.item .item h3 {
  font-size: 16px;
}
ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label {
  cursor: pointer;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button, input {
  line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
input:invalid, textarea:invalid {
  background-color: #f0dddd;
}
label {
  display: inline-block;
  width: 170px;
}
input,
textarea,
select,
.sbHolder,
div.editor {
  border: 1px solid #cccccc;
  background: #f5f5f5;
  padding: 10px;
  margin: 0 0 8px 0;
  width: 280px;
}
input:focus, textarea:focus, .sbHolder:hover, div.editor:focus {
  outline: none;
  background: #ffffff;
  border-color: #999999;
}
.borderradius input,
.borderradius textarea,
.borderradius select,
.borderradius .sbHolder,
.borderradius div.editor {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
input[type="file"] {
  background: transparent none;
  border: none;
}
input[type="checkbox"], input[type="radio"] {
  width: auto;
  margin-right: 10px;
  margin-left: 174px;
}
/* Radio ja Checkbox ovat erikoistapauksia labeleiden kanssa */
label + input[type="checkbox"],
label + input[type="radio"],
label input[type="checkbox"],
label input[type="radio"] {
  margin-left: 0;
}
input[type="checkbox"] + label, input[type="radio"] + label, label + label {
  width: auto;
  margin-right: 10px;
}
input[type="submit"] {
  color: #ffffff;
  background-color: #686664;
  width: auto;
  margin-left: 174px;
}
.cssgradients input[type="submit"] {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.2)), color-stop(50%, rgba(196, 196, 196, 0.14)), color-stop(50%, rgba(91, 91, 91, 0.19)) to(rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(196, 196, 196, 0.14) 50%, rgba(91, 91, 91, 0.19) 50%, rgba(0, 0, 0, 0.1));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(196, 196, 196, 0.14) 50%, rgba(91, 91, 91, 0.19) 50%, rgba(0, 0, 0, 0.1));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(196, 196, 196, 0.14) 50%, rgba(91, 91, 91, 0.19) 50%, rgba(0, 0, 0, 0.1));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(196, 196, 196, 0.14) 50%, rgba(91, 91, 91, 0.19) 50%, rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(196, 196, 196, 0.14) 50%, rgba(91, 91, 91, 0.19) 50%, rgba(0, 0, 0, 0.1));
}
/* Selectit labelin verran oikealle, paitsi jos on label vieressä */
select, .sbHolder {
  margin-left: 174px;
}
label + select, label + select + .sbHolder {
  margin-left: 0;
}
label + input + img.related {
	margin-left:174px;
}
/* Enhanced select */
.sbHolder {
  display: inline-block;
  position: relative;
  /*	height:30px;*/

  padding: 0 10px;
}
.sbHolder a {
  color: #484644;
}
.sbHolder a:hover {
  text-decoration: none;
}
.sbSelector {
  display: block;
  height: 37px;
  line-height: 37px;
}
.sbOptions {
  position: absolute;
  z-index: 10;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  background: #ffffff;
  border: 1px solid #999999;
  width: 270px;
  top: 30px;
  overflow-y: auto;
  line-height: 1.5;
}
.sbOptions a {
  display: block;
  padding: 1px 4px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.sbOptions a:hover {
  background-color: #f5f5f5;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.sbToggle {
  display: block;
  position: absolute;
  right: 0;
  height: 25px;
  width: 35px;
  background: url('../img/icon/select-updown.png') no-repeat 50% -50px;
  border-left: 1px solid #cccccc;
  padding: 0;
  top: 5px;
}
.sbToggleOpen {
  background-position: 50% 0px;
}
.sbHolder:hover .sbToggle {
  border-color: #999999;
}
form .hint {
  width: 24px;
  height: 24px;
  position: relative;
  background: url('../img/icon/form-hint.png') no-repeat 0 0;
  cursor: pointer;
  display: inline-block;
  top: 7px;
  margin-left: 5px;
}
form .hint span {
  color: #000;
  display: none;
  position: absolute;
  top: 10px;
  left: 30px;
  min-width:150px;
  width:200px;
  max-width:300px;
  background-color: #fef5a8;
  border: 1px solid #d1d1d1;
  padding: 10px;
  font-size: 12px;
}
.borderradius form .hint span {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
}
form .hint:hover span {
  display: block;
}

div .header-hint {
  width: 24px;
  height: 24px;
  position: relative;
  background: url('../img/icon/form-hint.png') no-repeat 0 0;
  cursor: pointer;
  display: inline-block;
  top: 7px;
  margin-left: 5px;
  position: absolute;
  right: 5px;
  top:10px
}
div .header-hint span {
  color: #000;
  display: none;
  position: absolute;
  top: 10px;
  right: 30px;
  min-width:150px;
  width:200px;
  max-width:300px;
  background-color: #fef5a8;
  border: 1px solid #d1d1d1;
  padding: 10px;
  font-size: 12px;
  font-family: Arial, sans-serif;
  text-transform: none;
}
.borderradius div .header-hint span {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
}
div .header-hint:hover span {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
thead {
  background-color: #686664;
  color: #eee;
}
th {
  text-align: left;
}
td {
  vertical-align: top;
}
/* @end Normalize } */
#frontpage #content {
  padding-top: 160px;
}
/* @group Top ad { */
#topad {
  width: 100%;
  background-color: #383838;
  padding-bottom: 2px;
  margin-top: -2px;
}
/* @end Top ad } */
/* @group Header { */
#banner {
  height: 52px;
  border-top: 1px solid #292929;
  border-bottom: 1px solid #353535;
  background-color: #383838;
  position: relative;
}
#banner > div {
  width: 980px;
  margin: 0 auto;
  height: 52px;
}
#banner h1 {
  background: url('../img/ir/logo.png') no-repeat 0 0;
  width: 189px;
  height: 37px;
  float: left;
  margin: 8px;
}
.cssgradients #banner {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3d3d3d), color-stop(100%, #303030));
  background-image: -khtml-gradient(linear, left top, left bottom, from(#3d3d3d), to(#303030));
  background-image: -webkit-linear-gradient(top, #3d3d3d, #303030);
  background-image: -moz-linear-gradient(top, #3d3d3d, #303030);
  background-image: -ms-linear-gradient(top, #3d3d3d, #303030);
  background-image: -o-linear-gradient(top, #3d3d3d, #303030);
  background-image: linear-gradient(top, #3d3d3d, #303030);
}

#banner .mobilebuttons {
  display: none;
}

/* @group HeaderNav { */
nav.sec {
  margin: 5px 0 0 10px;
  float: right;
}
nav .btn {
  float: left;
  margin-left: 3px;
  margin-right: 3px;
}
nav .btn > a {
  background: none !important;
  border: none !important;
  padding: 0 0 0 4px;
  vertical-align: middle;
  line-height: 28px !important;
}
nav .btn img {
  float: left;
  margin: 4px 2px 0 0;
}
.boxshadow nav .btn > a {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
nav.sec .btn {
  background: #2f2f2f;
  height: 32px;
  line-height: 32px;
  padding: 0 9px;
  color: #e8e6e4;
  margin-top: 3px;
  position: relative;
}
nav .btn.login {
  width: 310px;
}
nav.sec .btn:hover {
  background: #4d4d4d;
  border-color: #565656;
}
.borderradius nav.sec .btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.cssgradients nav.sec .btn {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.05)));
  background-image: -khtml-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(0, 0, 0, 0.05)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05));
}
.boxshadow nav.sec .btn {
  -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.2),inset 0 1px 0 rgba(0,0,0,.2);
  -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.2),inset 0 1px 0 rgba(0,0,0,.2);
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.2),inset 0 1px 0 rgba(0,0,0,.2);
}
.boxshadow nav.sec .btn:hover {
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);
  -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);
}
.csstransitions nav.sec .btn {
  -webkit-transition-property: color,box-shadow,background;
  -moz-transition-property: color,box-shadow,background;
  -ms-transition-property: color,box-shadow,background;
  -o-transition-property: color,box-shadow,background;
  transition-property: color,box-shadow,background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
nav.sec .login form {
  float: right;
  padding-right: 0;
  padding-left: 5px;
  line-height: 28px;
}
nav.sec .login input {
  width: 95px;
  height: 20px;
  padding: 1px 2px;
  border: none;
  margin-right: 4px;
  position: relative;
  top: 2px;
}
nav.sec .login input[type="submit"] {
  width: 20px;
  background: url('../img/icon/icon-arrow-right-2.png') no-repeat 0 8px;
  float: right;
  top: 4px;
}
nav.sec .login button {
  width: 20px;
  float: none;
  top: 4px;
  height: 22px;
  display: inline-block;
  line-height: 22px;
  padding: 0;
  margin: 0;
}
.borderradius nav.sec .login input {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* Second level (oma)*/
nav.sec .btn ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 180px;
  padding: 5px;
  background: #4b4b4b;
  right: 0;
  top: 31px;
  z-index: 10;
}
nav.sec .btn:hover ul {
  visibility: visible;
  opacity: 1;
}
.csstransitions nav.sec .btn ul {
  -webkit-transition: opacity 0.2s linear 0.2s;
  -moz-transition: opacity 0.2s linear 0.2s;
  -ms-transition: opacity 0.2s linear 0.2s;
  -o-transition: opacity 0.2s linear 0.2s;
  transition: opacity 0.2s linear 0.2s;
}
#usernav {
  margin-right: 0;
}
.borderradius nav #usernav:hover {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.borderradius nav.sec .btn ul {
  -webkit-border-radius: 5px 0px 5px 5px;
  -moz-border-radius: 5px 0px 5px 5px;
  border-radius: 5px 0px 5px 5px;
}
nav.sec li {
  float: none;
  clear: both;
  margin: 0;
}
nav.sec .btn li a {
  display: block;
  float: none;
  border: none;
  background: #585858;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  margin: 0 0 2px 0;
}
.borderradius nav.sec li a {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.boxshadow nav.sec .btn li a, .boxshadow nav.sec .btn li a:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
nav.sec li a:hover {
  background: #717171;
  color: #ace5e8;
}
/* @end HeaderNav } */
/* @end Header } */
/* @group Navigation { */
#navigation {
  height: 45px;
  border-bottom: 1px solid #e9e6dd;
  background: #252525;
}
#navigation ul {
  width: 980px;
  margin: 0 auto;
}
#navigation li {
  float: left;
  margin-right: 22px;
}
#navigation ul li.n_11,#navigation ul li.n_12 {
  display: none;
}
#navigation a {
  display: block;
  color: #e5e5e5;
  text-decoration: none;
  line-height: 44px;
  position: relative;
}
#navigation .current a:after {
  position: absolute;
  content: " ";
  top: 45px;
  left: 50%;
  margin-left: -8px;
  display: block;
  width: 16px;
  height: 9px;
  background: url('../img/nav-pointer.png') no-repeat 50% 0;
}
#navigation a:hover, #navigation .current a {
  color: #ace6f2;
}
.cssgradients #navigation {
  border-bottom-color: rgba(255, 255, 255, 0.2);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a2a2a), color-stop(100%, #252525));
  background-image: -khtml-gradient(linear, left top, left bottom, from(#2a2a2a), to(#252525));
  background-image: -webkit-linear-gradient(top, #2a2a2a, #252525);
  background-image: -moz-linear-gradient(top, #2a2a2a, #252525);
  background-image: -ms-linear-gradient(top, #2a2a2a, #252525);
  background-image: -o-linear-gradient(top, #2a2a2a, #252525);
  background-image: linear-gradient(top, #2a2a2a, #252525);
}
/* 
 * .bodyn sisällä oleva navigaatio 
 * Esimerkiksi foorumikategoriat ja 
 * Leffatykki Media sivuvalikko
*/
.body nav ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
  background: url('../img/line-thin-vertical.png') repeat-x 0 0;
}
.body nav li {
  padding: 9px 5px;
  background: url('../img/line-thin-vertical.png') repeat-x 0 100%;
}
.body nav li a {
  display: block;
  padding-left: 20px;
  background: url('../img/icon/icon-arrow-right.png') no-repeat 0 50%;
}
/* @end Navigation } */
/* @group Search {{{ */
li#search {
  position: relative;
  width: 250px;
  float: right;
  margin-right: 0;
}
input[type="search"] {
  border: 1px solid #ffffff;
  height: 25px;
  width: 238px;
  margin: 8px 0 0 0;
  /*    line-height:25px;*/

  padding: 2px 5px;
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#search input[type="submit"] {
  border: 0px;
  background: transparent url('../img/icon/icon-search.png') no-repeat 0 0;
  position: absolute;
  width: 17px;
  height: 18px;
  top: 15px;
  right: 5px;
}
.borderradius input[type="search"] {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.cssgradients input[type="search"] {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f5f3), color-stop(100%, #cbc9c7));
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f7f5f3), to(#cbc9c7));
  background-image: -webkit-linear-gradient(top, #f7f5f3, #cbc9c7);
  background-image: -moz-linear-gradient(top, #f7f5f3, #cbc9c7);
  background-image: -ms-linear-gradient(top, #f7f5f3, #cbc9c7);
  background-image: -o-linear-gradient(top, #f7f5f3, #cbc9c7);
  background-image: linear-gradient(top, #f7f5f3, #cbc9c7);
}
/* Searchbox */
#searchbox {
  text-align: center;
}
#searchbox-search {
  height: 35px;
  border: 1px solid #ffffff;
  background-color: #c9c8c6;
  color: #151515;
  /*	line-height:43;*/

  padding: 2px 5px;
  margin-bottom: 10px;
  margin-top: 0;
}
#searchbox input[type="submit"] {
  height: 41px;
  width: 100px;
  /*	display:inline-block;*/

  background: #6e6e6e;
  border: 1px solid #7c7c7c;
  padding: 2px 5px;
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 10px;
}
#searchbox input::-webkit-input-placeholder {
  color: #151515;
  line-height: 53px;
}
#searchbox input::-moz-placeholder {
  color: #151515;
  line-height: 53px;
}
#searchbox input[type="submit"]:hover {
  background: #787878;
}
.borderradius #searchbox-search, .borderradius #searchbox input[type="submit"] {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.cssgradients #searchbox input[type="submit"] {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.2)), color-stop(50%, rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.05)) to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0));
}
/* @end Search }}} */
/* @group Theme {{{*/
#theme {
  margin-top: 221px;
  margin-bottom: 30px;
  height: 60px;
  background: #f8f6f4;
  border: 1px solid #ffffff;
  text-align: center;
  line-height: 60px;
}
#theme a {
  color: #484644;
  padding-left: 30px;
  margin-right: 30px;
  position: relative;
}
#theme a:hover {
  text-decoration: none;
  color: #969696;
}
#theme a:before {
  content: " ";
  position: absolute;
  top: 6px;
  width: 21px;
  height: 21px;
  display: block;
  background: url('../img/icon/icons-themebar.png') no-repeat 0 0;
  left: 3px;
}
#theme .traileri:before {
  background-position: -24px 0;
}
#theme .lippu:before {
  background-position: -48px 0;
}
#theme .sivu:before {
  background-position: -72px 0;
}
.cssgradients #theme {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 254, 253, 0)), color-stop(100%, rgba(235, 233, 231, 0.75)));
  background-image: -khtml-gradient(linear, left top, left bottom, from(rgba(254, 254, 253, 0)), to(rgba(235, 233, 231, 0.75)));
  background-image: -webkit-linear-gradient(top, rgba(254, 254, 253, 0), rgba(235, 233, 231, 0.75));
  background-image: -moz-linear-gradient(top, rgba(254, 254, 253, 0), rgba(235, 233, 231, 0.75));
  background-image: -ms-linear-gradient(top, rgba(254, 254, 253, 0), rgba(235, 233, 231, 0.75));
  background-image: -o-linear-gradient(top, rgba(254, 254, 253, 0), rgba(235, 233, 231, 0.75));
  background-image: linear-gradient(top, rgba(254, 254, 253, 0), rgba(235, 233, 231, 0.75));
  background-color: rgba(254, 254, 253, 0.75);
  border-color: rgba(255, 255, 255, 0.8);
}
.borderradius #theme {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* @end Theme }}}*/
/* @group Content { */
#content {
  min-height: 200px;
  width: 980px;
  margin: 0 auto;
  padding-top: 20px;
  position: relative;
}
/* @end Content } */
/* @group Section { */
/*div.clearfix{
	position:relative;
}
*/
section {
  position: relative;
  /*	padding:20px;*/

  margin-bottom: 6px;
  border: 1px solid #ffffff;
  background-color: #f8f6f4;
}
section .body {
  padding: 20px;
}
.cssgradients .reviews .body {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f6f4), color-stop(100%, #eeecea));
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f8f6f4), to(#eeecea));
  background-image: -webkit-linear-gradient(top, #f8f6f4, #eeecea);
  background-image: -moz-linear-gradient(top, #f8f6f4, #eeecea);
  background-image: -ms-linear-gradient(top, #f8f6f4, #eeecea);
  background-image: -o-linear-gradient(top, #f8f6f4, #eeecea);
  background-image: linear-gradient(top, #f8f6f4, #eeecea);
}
section.alt {
  border-color: #515253;
  background-color: #383634;
  color: #cccccc;
}
.alt .body {
  background-color: #383634;
  color: #cccccc;
}
.borderradius section {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.cssgradients section {
  background-image: -webkit-linear-gradient(#fcfaf8 65px, #f8f8f4 100px);
  background-image: -moz-linear-gradient(#fcfaf8 65px, #f8f8f4 100px);
  background-image: -ms-linear-gradient(#fcfaf8 65px, #f8f8f4 100px);
  background-image: -o-linear-gradient(#fcfaf8 65px, #f8f8f4 100px);
  background-image: linear-gradient(#fcfaf8 65px, #f8f8f4 100px);
}
.cssgradients section.alt {
  background-image: -webkit-linear-gradient(#3e3c3a 65px, #383634 100px);
  background-image: -moz-linear-gradient(#3e3c3a 65px, #383634 100px);
  background-image: -ms-linear-gradient(#3e3c3a 65px, #383634 100px);
  background-image: -o-linear-gradient(#3e3c3a 65px, #383634 100px);
  background-image: linear-gradient(#3e3c3a 65px, #383634 100px);
}
section header, section footer {
  height: 63px;
  /*	border-bottom:1px solid rgb(253,253,253);*/

  background-color: #e8e6e4;
  padding: 1px;
  /*	margin-bottom:20px;*/

  position: relative;
}

section footer {
  background-color: #f8f6f4;
}
section .body + footer {
  margin-top: -15px;
}
section footer {
  margin-bottom: 0;
  height: 30px;
  padding: 5px 0 15px;
  bottom: 0;
}
/* Equal Heights mod*/
.eh footer {
  position: absolute;
  width: 100%;
}
section.alt header, section.alt footer, section.alt .footer {
  /*	border-color:rgb(68,66,64);*/

  background-color: #302e2c;
}
.borderradius section header {
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.borderradius section footer, .borderradius section .footer {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.cssgradients section header {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0eeec), color-stop(100%, #e9e7e5));
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f0eeec), to(#e9e7e5));
  background-image: -webkit-linear-gradient(top, #f0eeec, #e9e7e5);
  background-image: -moz-linear-gradient(top, #f0eeec, #e9e7e5);
  background-image: -ms-linear-gradient(top, #f0eeec, #e9e7e5);
  background-image: -o-linear-gradient(top, #f0eeec, #e9e7e5);
  background-image: linear-gradient(top, #f0eeec, #e9e7e5);
}
.cssgradients section.alt header {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #302e2c), color-stop(100%, #2b2927));
  background-image: -khtml-gradient(linear, left top, left bottom, from(#302e2c), to(#2b2927));
  background-image: -webkit-linear-gradient(top, #302e2c 50%, #2b2927 100%);
  background-image: -moz-linear-gradient(top, #302e2c 50%, #2b2927 100%);
  background-image: -ms-linear-gradient(top, #302e2c 50%, #2b2927 100%);
  background-image: -o-linear-gradient(top, #302e2c 50%, #2b2927 100%);
  background-image: linear-gradient(top, #302e2c 50%, #2b2927 100%);
}
.cssgradients section footer, .cssgradients section .footer {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f6f4), color-stop(100%, #e8e6e4));
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f8f6f4), to(#e8e6e4));
  background-image: -webkit-linear-gradient(top, #f8f6f4, #e8e6e4);
  background-image: -moz-linear-gradient(top, #f8f6f4, #e8e6e4);
  background-image: -ms-linear-gradient(top, #f8f6f4, #e8e6e4);
  background-image: -o-linear-gradient(top, #f8f6f4, #e8e6e4);
  background-image: linear-gradient(top, #f8f6f4, #e8e6e4);
}
.cssgradients section.alt footer, .cssgradients section.alt .footer {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292725), color-stop(50%, #302e2c));
  background-image: -khtml-gradient(linear, left top, left bottom, from(#292725), to(#302e2c));
  background-image: -webkit-linear-gradient(top, #292725 0%, #302e2c 50%);
  background-image: -moz-linear-gradient(top, #292725 0%, #302e2c 50%);
  background-image: -ms-linear-gradient(top, #292725 0%, #302e2c 50%);
  background-image: -o-linear-gradient(top, #292725 0%, #302e2c 50%);
  background-image: linear-gradient(top, #292725 0%, #302e2c 50%);
}
section article {
  padding: 0 30px 30px;
}
/* body with 2-col layout */
/*.alt .body {
  background-image: url('../img/cinemas-bg.png');
  background-repeat: no-repeat;
  background-position: 0 0;
}*/
.body.clean {
  background-image: none;
}
.body.split {
  padding: 0;
}
.body.split figure {
  float: right;
  padding: 0;
  height: 300px;
  width: 540px;
  overflow: hidden;
  margin-right: 20px;
  margin-left: 20px;
}
.split figure img {
  border: none;
}
.split .description {
  padding: 20px;
  width: 355px;
  float: left;
  line-height: 1.5;
}
/* @end Section } */
/* @group Element widths { */
/*    980
// 6: 728 + 6 + 246             alasivu
// 5: 634 + 6 + 340             alasivu
// 4: 487 + 6 + 487
// 3: 340 + 6 + 634             alasivu
// 2: 323 + 6 + 323 + 6 + 322
// 1: 246 + 6 + 728             alasivu
*/
.w1,
.w2,
.w21,
.w3,
.w4,
.w5,
.w6 {
  float: left;
  margin-right: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.w1l,
.w2l,
.w21l,
.w3l,
.w4l,
.w5l,
.w6l {
  float: left;
  margin-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*
@w1:246px;
@w2:323px;
@w21:322px;
@w3:340px;
@w4:487px;
@w5:634px;
@w6:728px;

// Border width
@bw:0;
*/
.w1, .w1l {
  width: 246px;
}
.w2, .w2l {
  width: 323px;
}
.w21, .w21l {
  width: 322px;
}
.w3, .w3l {
  width: 340px;
}
.w4, .w4l {
  width: 487px;
}
.w5, .w5l {
  width: 634px;
}
.w6, .w6l {
  width: 728px;
}
/* @end Element widths } */
/* @group Item { */
.item {
  line-height: 1.5;
  padding-top: 3px;
  padding-bottom: 8px;
  margin-bottom: 10px;
  background: url('../img/line-thin-vertical.png') repeat-x 0 100%;
  overflow: hidden;
}
.item .item {
  background-image: none;
}
.item .item .details {
  color: #666;
}
.listboxes .item {
  float: left;
  background-image: none;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  /*	width:138px;*/

  /*	height:130px;*/

  max-width: 138px;
}

header.item {
  padding: 0;
  margin: 0;
}
.item header {
  background: transparent none !important;
  height: auto;
}
.item header:after {
  content: " ";
  display: block;
}
.item p {
  margin-bottom: 5px;
}
.item:last-child {
  margin-bottom: 0;
}
/*.item h3{
	margin-right:10px;
}
*/
.item .rank {
  float: left;
  text-align: center;
  color: #cccccc;
  width: 60px;
}
.item figure, .reviewer figure {
  border: 1px solid #d0cecc;
  background-color: #e6e4e2;
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 2px;
  max-width: 45%;
}
#newspage .articlecontent img {
  border: 1px solid #d0cecc;
  background-color: #e6e4e2;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 2px;
  max-width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#articlepage .articlecontent figure {
  border: 1px solid #d0cecc;
  background-color: #e6e4e2;
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 2px;
  max-width: 100%;
}
.listboxes .item figure {
  float: none;
  /*	width:80%;*/

  max-width: none;
  margin: 5px;
}
.item figure img, .articlecontent figure img {
  border: 1px solid #ffffff;
}
.item .desc, .item .description {
  float: left;
  width: 280px;
}
.item .description p {
  margin: 0;
}

.front .item .description {
  width: 100%;
}
.item .desc dt {
  float: left;
}
.item .rating {
  float: right;
  width: 112px;
}
.item .meta {
  margin-bottom: 0;
}
.item .date {
  padding-left: 24px;
  background: url('../img/icon/icon-cal.png') no-repeat 5px 0;
  font-size: 12px;
  line-height: 2;
}
.item .user {
  padding-left: 24px;
  background: url('../img/icon/icon-pen.png') no-repeat 5px 50%;
  color: #598527;
}
.item .category {
  padding-left: 24px;
  background: url('../img/icon/icon-bubble.png') no-repeat 5px 50%;
}
/* Itemnav*/
.itemnav {
  padding: 10px 20px;
}
.itemnav .item {
  width: 206px;
  /*224px*/

  height: 51px ;
  /*69px*/

  float: left;
  /*	background: transparent none;*/

  padding: 9px;
  line-height: 1;
  margin-right: 10px;
  background: #242220;
  border: 1px solid #42413f;
}
.itemnav .item:last-child {
  margin-right: 0;
}
.itemnav .item.current {
  background: #242220;
  border-color: #6a6967;
}
.borderradius .itemnav .item {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.itemnav .item:hover {
  cursor: pointer;
  background: #242220;
  border: 1px solid #6a6967;
}
.cssgradients .itemnav .item {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.3)));
  background-image: -khtml-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
}
.itemnav .item figure, #cinemas .itemnav figure {
  width: 62px;
  /*66px*/

  height: 47px;
  /*51px*/

  background: #080808 none;
  float: left;
  border: 2px solid #6b6c6d;
  margin: 0 10px 0 0;
  text-align: center;
  padding: 0;
}
.itemnav .item.current figure, #cinemas .itemnav .item.current figure {
  border-color: #d8d8d8;
}
.itemnav .item figure img {
  margin-top: 7px;
}
.borderradius .itemnav .item figure {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#cinemas .itemnav figure::after {
  display: none;
}
.itemnav .item h3 {
  color: #ffffff;
}
.itemnav .item .rating_stars {
  margin: 7px 0 0 76px;
}
/* Shelf */
.shelf {
  /*	padding:20px 50px;*/

  background: #2a2a26 url('../img/shelf.png') no-repeat 50% 100%;
  height: 105px;
  padding: 20px 55px 0;
  overflow: hidden;
}
.shelf.scrollable .items > div {
  padding: 20px 55px 0;
  float: left;
}
.shelf .item {
  float: left;
  width: 200px;
  height: 80px;
  margin-right: 18px;
  margin-bottom: 20px;
  padding-bottom: 14px;
  background-image: none;
}
.shelf .item:nth-of-type(4n+4) {
  margin-right: 0;
}
#movie .shelf figure {
  background: transparent none;
  width: auto;
  height: auto;
  padding: 0;
  border: 2px solid #717273;
}
#movie .shelf figure img {
  border: none;
}
#movie .icons figure {
  background: transparent none ;
  border: none ;
}
#movie .icons figure img {
  vertical-align: bottom;
}
.boxshadow #movie .icons figure {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* @end Item } */
/* @group Frontpage - Cinemas {{{*/
#cinemas .movies {
  position: relative;
  height: 300px;
  overflow: hidden;
  padding: 0;
}
#cinemas .movie {
  /*	margin-top:-20px;*/

  /*	background: url('../img/cinemas-bg.png') no-repeat 0 0;*/

  height: 300px;
  position: absolute;
  top: 0;
}
#cinemas figure {
  float: right;
  height: 300px;
  width: 540px;
  overflow: hidden;
  margin-right: 20px;
  margin-left: 20px;
  position: relative;
}
#cinemas figure::after {
  content: url('../img/cinemas-mask.png');
  position: absolute;
  top: 0;
  left: 0;
}
#cinemas figure img {
  border: none;
}
#cinemas .description {
  padding: 20px;
  width: 355px;
  float: left;
}
#cinemas .description .meta {
  margin-top: 10px;
}
#cinemas .description .user {
  color: #98aa6d;
  background: url('../img/icon/icon-pen.png') no-repeat 5px 50%;
  padding-left: 25px;
}
/* @end Frontpage - Cinemas }}}*/
/* @group Movie */
#movie header h1 a {
  color: #ffffff;
}
#movie figure {
  background-color: #6c6a68;
  padding: 4px;
  border: 1px solid #888684;
  margin-bottom: 15px;
  width: 102px;
}

#similar { text-align: center; }
#similar h2 { text-align: left; }

#similar figure {
	  background-color: #6c6a68;
	  padding: 4px;
	  border: 1px solid #888684;
	  margin: 0 auto 5px auto;
}

#similar > div {
	display: inline-block;
	width: 102px;
	vertical-align: top;
	margin: 10px 15px;
}

#theme-list h2 { text-align: left; display:block;}
#theme-list figure {
    background-color: #e6e4e2;
    padding: 4px;
    border: 1px solid #d0cecc;
    margin: 0 auto 5px auto;
}
#theme-list > div.movie {
  display: inline-block;
  width: 102px;
  vertical-align: top;
  margin: 10px 15px;
}
#theme-list header.theme div.buttons {
  left:20px;
  right: auto;
}
#new-theme-list { padding-left:8px; display:block;}
#new-theme-list div {
  display: inline-block;
  width: 150px;
  vertical-align: top;
  margin: 5px;
}
#new-theme-list .item {
  background: none;
}
#new-theme-list .browse {
  text-align: center;
}
#new-theme-list figure {
    background-color: #e6e4e2;
    padding: 4px;
    border: 1px solid #d0cecc;
    margin: 0 auto 5px auto;
    max-width: 150px;
}

figure img {
  vertical-align: bottom;
  border: 1px solid #ffffff;
  max-width: 100%;
}
#movie figcaption {
  width: 100px;
}
.rateable .rating_stars, .rateable .rating_stars span {
  cursor: pointer;
}
.rating_stars {
  position: relative;
  background: url('../img/icon/stars-small-gray.png') no-repeat 0 50%;
  height: 15px;
  margin: 7px auto 0;
  width: 75px !important;
}
span.rating_stars {
  top: 2px;
  margin: 0 0 0 5px;
  display: inline-block;
}
.rating_stars span {
  position: absolute;
  top: 0;
  left: 0;
  background: url('../img/icon/stars-small-gold.png') no-repeat 0 50%;
  display: block;
  height: 15px;
}
.rating_stars.own span {
  background-image: url('../img/icon/stars-small-green.png');
}
.rating_stars.big {
  height: 22px;
  width: 119px !important;
  background-image: url('../img/icon/stars-big-gray.png');
  margin: 7px 0 0;
}
span.rating_stars.big {
  top: 5px;
  margin: 0 0 0 5px;
}
.rating_stars.big span {
  height: 22px;
  background-image: url('../img/icon/stars-big-gold.png');
}
.rating_stars.big.own span {
  background-image: url('../img/icon/stars-big-green.png');
}
.vertical .rating_stars.big {
  height: 110px;
  width: 40px !important;
  background-image: url('../img/icon/stars-big-gray-vertical.png');
  background-position: 50% 0;
}
.vertical .rating_stars.big span {
  height: 110px;
  width: 40px;
  background-image: url('../img/icon/stars-big-gold-vertical.png');
  /*	top:auto;*/

  /*	bottom:0;*/

  background-position: 50% 0;
}
.vertical .rating_stars.big.own span {
  background-image: url('../img/icon/stars-big-green-vertical.png');
}
.dist_bar {
  height: 200px;
  width: 40px;
  background-color: #eae9e8;
  position: relative;
}
.dist_bar span {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 40px;
  height: 200px;
  background-color: #9bb158;
}
.cssgradients .dist_bar span {
  background-image: -webkit-gradient(linear, 0 100%, 100% 100%, from(rgba(0, 0, 0, 0.2)), color-stop(50%, rgba(0, 0, 0, 0.05)), color-stop(50%, rgba(255, 255, 255, 0.05)) to(rgba(255, 255, 255, 0.2)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.05) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.2));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.05) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.2));
  background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.05) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.2));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.05) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.2));
  background-image: linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.05) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.2));
}
#rating-distribution figure {
  float: left;
  margin: 1px 2px;
  border: none;
}
.cssgradients #rating-distribution figure {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eae9e8), color-stop(100%, rgba(234, 233, 232, 0)));
  background-image: -khtml-gradient(linear, left top, left bottom, from(#eae9e8), to(rgba(234, 233, 232, 0)));
  background-image: -webkit-linear-gradient(top, #eae9e8, rgba(234, 233, 232, 0));
  background-image: -moz-linear-gradient(top, #eae9e8, rgba(234, 233, 232, 0));
  background-image: -ms-linear-gradient(top, #eae9e8, rgba(234, 233, 232, 0));
  background-image: -o-linear-gradient(top, #eae9e8, rgba(234, 233, 232, 0));
  background-image: linear-gradient(top, #eae9e8, rgba(234, 233, 232, 0));
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#rating-distribution figure p {
  text-align: center;
  padding: 5px 0;
  font-weight: bold;
  /*	color:#fff;*/

}
#movie .info {
  /*	margin-left:30px;*/

  float: left;
  width: 118px;
}
#movie .aside {
  float: left;
  width: 202px;
  background: #403e3c;
  height: 366px;
  margin: -20px 0 -20px;
  text-align: center;
  padding: 20px 10px;
}
.aside h3 {
  color: #ffffff;
  margin-bottom: 10px;
}
.aside .rating_stars {
  margin: 7px auto;
}
.aside .buttons {
  background: url('../img/line-thin-vertical.png') repeat-x 0 100%;
  padding-bottom: 15px;
  margin-bottom: 10px;
  /*	overflow:hidden;*/

}
.aside .buttons a {
  float: none;
  display: inline-block;
}
#ax {
  text-align: left;
}
#movie .details {
  margin-left: 30px;
  float: left;
  width: 545px;
  padding-bottom: 30px;
}
.boxshadow #movie figure {
  -webkit-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.25);
}
.borderradius #movie figure {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.xoxo dt {
  float: left;
  margin-right: 6px;
}
.xoxo dd {
  margin: 0;
}
.xoxo {
	clear: left;
	line-height: 2em;
	margin: 0;
}
.xoxo:first-of-type dd {
  float: left;
  position: relative;
  /* height: 30px; */
}
.xoxo:first-of-type dd:after {
  content: " •• ";
  font-size: 18px;
  margin: 0 13px;
  line-height: 18px;
}
.xoxo:first-of-type dd:last-child {
  margin-right: 0;
}
.xoxo:first-of-type dd:last-child:after {
  margin: 0;
  content: "";
}
.xoxo a {
  color: #ace5e8;
}
/* @end Movie */
/* @group On TV {{{*/
#ontv ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
#ontv li {
  height: 30px;
  padding: 0 0 2px;
  background: url('../img/line-thin-vertical.png') repeat-x 0 100%;
  line-height: 30px;
  margin-top: 2px;
}
#ontv li span {
  display: block;
  float: left;
  padding: 0 10px;
}
#ontv li a {
  display: block;
  text-decoration: none;
  height: 29px;
}
#ontv li.onair a {
  background: url('../img/ontv-onair.png') repeat 50% 50%;
}
#ontv .time {
  color: #484644;
}
#ontv .title {
  width: 680px;
}
#ontv .channel {
  display: table-cell;
}
#ontv .channel img {
  vertical-align: middle;
}
#ontv .rating_stars {
  float: right;
  margin-right: 10px;
}
/* @end On TV }}}*/
/* @group Carousel {{{*/
.carousel {
  /*	margin:20px 70px 40px;*/

  /*	height:180px;*/

  height: 270px;
  position: relative;
  overflow: hidden;
}
.scrollable {
  position: relative;
}
.carousel .item {
  float: left;
  margin-right: 30px;
  width: 112px;
  text-align: center;
  background-image: none;
}

.carousel .item .description {
  float: none;
  width: 112px;
  text-align: center;
  background-image: none;
}

.carousel .item:last-of-type {
  margin-right: 0;
}
.carousel .item figure {
  padding: 5px;
  border: 1px solid #d0cecc;
  background-color: #e6e4e2;
  margin-bottom: 5px;
  max-width: 100%;
}
.carousel .item figure img {
  border: 1px solid #ffffff;
  /*	width:98px;*/

  overflow: hidden;
}
.scrollable .items, .carousel .items {
  position: absolute;
  top: 0;
  left: 0;
}
.carousel .items > div {
  margin: 20px 80px 40px;
  float: left;
  /*	padding:0 20px;*/

}
.scrollable .next,
.scrollable .prev,
.carousel .prev,
.carousel .next {
  display: block;
  position: absolute;
  top: 100px;
  width: 28px;
  height: 29px;
  background: url('../img/icon/prev-next.png') no-repeat 0 -29px;
  left: 20px;
  cursor: pointer;
  z-index: 20;
}
.scrollable .next, .carousel .next {
  left: auto;
  right: 20px;
  background-position: -31px -29px;
}
.scrollable .prev {
  left: 10px;
}
.scrollable .next {
  right: 10px;
}
.scrollable .prev:hover, .carousel .prev:hover {
  background-position: 0 -58px;
}
.scrollable .next:hover, .carousel .next:hover {
  background-position: -31px -58px;
}
.scrollable .prev:active, .carousel .prev:active {
  background-position: 0 0;
}
.scrollable .next:active, .carousel .next:active {
  background-position: -31px 0;
}
.scrollable .next, .scrollable .prev {
  top: 40px;
}
.scrollable .disabled {
  visibility: hidden;
}
.scrollable .disabled {
  cursor: default;
}
/* @end Carousel }}}*/
.borderradius figure {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.boxshadow figure {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
/* @group Reviews {{{*/
.cssgradients #reviews .body {
  background-image: -webkit-linear-gradient(bottom, #eeecea, rgba(238, 236, 234, 0) 50px);
  background-image: -moz-linear-gradient(bottom, #eeecea, rgba(238, 236, 234, 0) 50px);
  background-image: -ms-linear-gradient(bottom, #eeecea, rgba(238, 236, 234, 0) 50px);
  background-image: -o-linear-gradient(bottom, #eeecea, rgba(238, 236, 234, 0) 50px);
  background-image: linear-gradient(bottom, #eeecea, rgba(238, 236, 234, 0) 50px);
}
.reviews .item {
  /*	padding-bottom:15px;*/

}
.reviews figure {
  padding: 2px;
  margin-right: 15px;
}
.reviews figure img {
  width: 50px;
  overflow: hidden;
  height: 70px;
}
.review .rate {
  background: url('../img/line-thin-vertical.png') repeat-x 0 0;
  height: 39px;
  /*	margin-bottom:10px;*/

  line-height: 1;
}

.theme .rate {
  height: 39px;
  line-height: 1;
  top:0px;
}
header.theme{
  height: 48px;
}

.theme .rate.buttons a{
  display: inline-block;
  float: none;
}
.theme .rate p {
  float: left;
  margin: 0;
  height: 22px;
  line-height: 22px;
}


.review .rate p {
  float: left;
  margin: 0;
  height: 22px;
  line-height: 22px;
}
.review .rate.buttons a {
  display: inline-block;
  float: none;
}
.review .reviewer {
  background: url('../img/line-thin-vertical.png') repeat-x 0 0;
  padding-top: 10px;
}
/* Actually name */
.reviewer .green {
  color: #598527;
  font-weight: bold;
}
/* @end Reviews }}}*/
/* @group Comments { */
#comments .item {
  background-color: #fff;
  border: 1px solid #e9e7e5;
  background-image: none;
  padding: 16px;
}
.borderradius #comments .item {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#comments p {
  margin-top: 0;
}
#comments figure p a, .comments figure p a, .green {
  color: #598527;
  font-weight: bold;
}
#comments .rating_stars, .comments .rating_stars {
  margin-left: 0;
}
/* Comments in the sidebar */
.comments .item {
  position: relative;
}
.comments figure {
  width: 50px;
  padding: 2px;
}
.comments figure img {
  max-width: 48px;
}
.comments p {
  margin-top: 0;
}
.comments figure p {
  position: absolute;
  top: 0;
  left: 70px;
  color: transparent;
}
.comments .meta {
  margin-top: 15px;
}
/* @end Comments } */
/* @group Videos { */
.media figure {
  float: none;
  /*	clear:both;*/

  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  max-width: 480px;
  display: inline-block;
}
.media .item {
  text-align: center;
  padding: 15px;
}
.media figure iframe, .media figure img {
  max-width: 100%;
}
/* @end Videos } */
/* @group Episodi {{{*/
#episodi h2.ir {
  background: url('../img/ir/episodi-elokuvauutiset.png') no-repeat 0 0;
  height: 23px;
  width: 243px;
  margin-top: 20px;
}
/* @end Episodi }}}*/
/* @group Frontpage latest article {{{*/
#latest-articles .body {
	padding: 0;
}
#latest-articles .item {
	margin: 20px;
}

/* @end Frontpage latest article }}}*/
/* @group Forum stuff {{{*/
figure p {
  word-wrap: break-word;
}
.forum p {
  margin-bottom: 5px;
}
.forum .AuthorInfo {
  border: 1px solid #d0cecc;
  background-color: #e6e4e2;
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 2px;
  position: relative;
  display: block;
  width: 60px;
}
.forum .AuthorInfo img {
  border: 1px solid #ffffff;
  max-width: 58px;
}
.borderradius .forum .AuthorInfo {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.forum .AuthorInfo h4 {
  position: absolute;
  top: 0;
  left: 75px;
}
.forum .AuthorInfo h4 a {
  color: #598527;
}
.forum .AuthorInfo p:last-child {
  display: none;
}
.forum .Comment {
  display: block;
  padding-top: 30px;
  /*	float:left;*/

}
.forum .Comment .CommentBody {
  clear: both;
}
.forum td.hr {
  /*	height:5px;*/

  background: url('../img/line-thin-vertical.png') repeat-x 0 0;
  padding-bottom: 20px;
}
body.carbon {
  background: #171717 url('../img/bg-carbon.png') repeat;
}
body.red {
  background: #b4514e url('../img/bg-red.jpg') repeat;
}
body#forum {
  /*	background:rgb(64,64,64);*/

}
#forum .item {
  padding: 15px;
  background: #ffffff;
  border: 1px solid #e9e7e5;
  position: relative;
}
/* Topics */
#forum .topics .body {
  padding: 20px 14px;
}
#forum .topics .item {
  /*	height:100px;*/

  margin: 6px;
}
#forum .boxes .item {
  width: 305px;
  float: left;
}
.borderradius .topics .item {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* Threads */
.threads h2 {
  margin-bottom: 3px;
  line-height: 1.2;
}
/* Posts */
.posts .bread {
  margin: 5px 0;
}
#forum .posts .item {
  margin: 6px 0;
}
.posts .item figure {
  width: 80px;
  background: transparent none;
  border: none;
  text-align: center;
}
.boxshadow .posts .item figure {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.posts .item figure img {
  width: 80px;
  height: 80px;
  overflow: hidden;
}
.posts .user {
  padding: 0;
  background: none;
}
.posts .meta {
  color: #6b6967;
  font-size: 13.5px;
  margin-bottom: 10px;
}
.borderradius .topics .item {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.CommentBody, .posts .item .buttons {
  margin-left: 90px;
}
.CommentBody blockquote {
  padding: 15px;
  border: 1px solid #e9e7e5;
  background: #f8f6f4;
  margin: 5px 0;
  font-style: italic;
}
.borderradius .CommentBody blockquote {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* Others */
#forum footer .buttons {
  right: auto;
  left: 20px;
}
.forum h2 {
  margin-bottom: 3px;
  line-height: 1.2;
}
.topics .meta {
  color: #6b6967;
  background: url('../img/icon/icon-bubble.png') no-repeat 0 50%;
  padding-left: 16px;
}
#forum .categories ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
  background: url('../img/line-thin-vertical.png') repeat-x 0 0;
}
#forum .categories li {
  padding: 9px 5px;
  background: url('../img/line-thin-vertical.png') repeat-x 0 100%;
}
#forum .categories li a {
  display: block;
  padding-left: 20px;
  background: url('../img/icon/icon-arrow-right.png') no-repeat 0 50%;
}
#forum .threads .item {
  border: none;
  background: transparent url("../img/line-thin-vertical.png") repeat-x 0 100%;
}
.threads .pagination {
  float: right;
}
footer .pagination {
  margin: 10px 20px 0;
}
/* @end Forum }}}*/
/* @group Buttons { */
.tabs a, .buttons a {
  display: block;
  float: left;
  height: 24px;
  text-decoration: none;
  padding: 0 15px;
  margin-right: 5px;
}
section header .tabs, section header .buttons {
  position: absolute;
  right: 20px;
  top: 15px;
}
section footer .tabs, section footer .buttons {
  position: absolute;
  right: 20px;
}
/* Tabs*/
.tabs a, .tabs a:visited {
  color: #484644;
  background-color: #ccc8c4;
  border: 1px solid #c2bfbb;
}
.tabs a:hover {
  color: #004d88;
}
.tabs a.current {
  color: #ffffff;
  background-color: #777573;
  border-color: #7f7e7c;
}
.tabs a:last-of-type {
  margin-right: 0px;
}
.boxshadow .tabs a {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  text-shadow: 0 1px 0 #ffffff;
}
.boxshadow .alt .tabs a {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
}
.boxshadow .tabs a.current {
  -webkit-box-shadow: 0 1px 0 #ffffff;
  -moz-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.boxshadow .alt .tabs a.current {
  -webkit-box-shadow: 0 1px 0 #000000;
  -moz-box-shadow: 0 1px 0 #000000;
  box-shadow: 0 1px 0 #000000;
}
.borderradius .tabs a {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.cssgradients .tabs a {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.7)), color-stop(100%, rgba(204, 200, 196, 0)));
  background-image: -khtml-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.7)), to(rgba(204, 200, 196, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(204, 200, 196, 0));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(204, 200, 196, 0));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(204, 200, 196, 0));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(204, 200, 196, 0));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(204, 200, 196, 0));
}
.cssgradients .tabs a.current {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -khtml-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}
.tabcontent {
  position: relative;
}
/* Buttons */
nav.buttons {
  float: right;
}
.buttons {
  padding: 5px 0;
}
.buttons button {
  font-family: "Francois One", 'Arial Narrow', Arial, sans-serif;
  display: block;
  float: left;
  height: 24px;
  text-decoration: none;
  font-size: 14px;
  line-height: 24px;
  padding: 0 15px;
  margin-right: 5px;
}
.buttons a, .buttons button {
  color: #ffffff;
  background-color: #686664;
  border: none;
  padding: 0 10px;
  margin: 2px;
  text-decoration: none;
  height: 24px;
  position: relative;
  cursor: pointer;
}
.buttons a:hover, .buttons button:hover {
  background-color: #888684;
}
/* nav .login samassa muotoilussa */
.buttons.alt a, .buttons.alt button {
  background-color: #2b2b2b;
  height: 32px;
  line-height: 32px;
  border: 1px solid #343434;
}
.buttons.alt a:hover, .buttons.alt button:hover {
  background-color: #494949;
}
.buttons.small a {
  height: 20px;
}
.buttons .yes, .buttons .no {
  width: 62px;
}
.boxshadow .buttons a, .boxshadow .buttons button {
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  text-shadow: none;
}
.borderradius .buttons a, .borderradius .buttons button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.cssgradients .buttons a, .cssgradients .buttons button {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.2)), color-stop(50%, rgba(196, 196, 196, 0.14)), color-stop(50%, rgba(91, 91, 91, 0.19)) to(rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(196, 196, 196, 0.14) 50%, rgba(91, 91, 91, 0.19) 50%, rgba(0, 0, 0, 0.1));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(196, 196, 196, 0.14) 50%, rgba(91, 91, 91, 0.19) 50%, rgba(0, 0, 0, 0.1));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(196, 196, 196, 0.14) 50%, rgba(91, 91, 91, 0.19) 50%, rgba(0, 0, 0, 0.1));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(196, 196, 196, 0.14) 50%, rgba(91, 91, 91, 0.19) 50%, rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(196, 196, 196, 0.14) 50%, rgba(91, 91, 91, 0.19) 50%, rgba(0, 0, 0, 0.1));
}
.cssgradients .buttons.alt a, .cssgradients .buttons.alt button {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.05)));
  background-image: -khtml-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(0, 0, 0, 0.05)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05));
}
.boxshadow .buttons.alt a, .boxshadow .buttons.alt button {
  -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.2),inset 0 1px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.2),inset 0 1px 0 rgba(0,0,0,0.2);
  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.2),inset 0 1px 0 rgba(0,0,0,0.2);
}
.boxshadow .buttons.alt a:hover, .boxshadow .buttons.alt button:hover {
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2);
  -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2);
}
.csstransitions .buttons.alt a, .csstransitions .buttons.alt button {
  -webkit-transition-property: color,box-shadow,background;
  -moz-transition-property: color,box-shadow,background;
  -ms-transition-property: color,box-shadow,background;
  -o-transition-property: color,box-shadow,background;
  transition-property: color,box-shadow,background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
/* User button */
.buttons .btn-user {
  background-color: #9bb158 !important;
}
.buttons .btn-user:hover {
  background-color: #aabd71 !important;
}
/* Admin button */
.buttons .btn-admin {
  background-color: #c94843;
}
.buttons .btn-admin:hover {
  background-color: #dd534e;
}
/* Modifier button */
.buttons .btn-sort {
  background-color: #e86215;
}
.buttons .btn-sort:hover {
  background-color: #f77f2e;
}
.buttons .icon {
  padding-left: 28px;
}
.buttons .icon-r {
  padding-right: 28px;
}
.buttons .icon:before, .buttons .icon-r:after {
  content: " ";
  display: table;
  background: url('../img/icon/icons-btn.png') no-repeat 0 50%;
  position: absolute;
  width: 15px;
  height: 100%;
  left: 7px;
  top: 0;
}
.buttons .icon-r:after {
  left: auto;
  right: 0;
}
.icon[data-icon="tdown"]:before {
  background-position: 0 50%;
}
.icon[data-icon="tup"]:before {
  background-position: -25px 50%;
}
.icon[data-icon="plus"]:before {
  background-position: -50px 50%;
}
.icon[data-icon="star"]:before {
  background-position: -75px 50%;
}
.icon[data-icon="pen"]:before {
  background-position: -100px 50%;
}
.icon[data-icon="random"]:before {
  background-image: url('../img/icon/icons-rnl-btn.png');
  background-position: -25px 45%;
  width: 20px;
}
.icon[data-icon="newsletter"]:before {
  background-image: url('../img/icon/icons-rnl-btn.png');
  background-position: 0px 45%;
  width: 20px;
}
.icon[data-icon="viaplay"]:before {
  background-image: url('../img/icon/icons-rnl-btn.png');
  background-position: -44px 45%;
  width: 20px;
}
.icon[data-icon="sort"] {
  padding-left: 30px;
}
.icon[data-icon="sort"]:before {
  background-image: url('../img/icon/icon-up-down.png');
  width: 30px;
}
.icon[data-icon="list"]:before {
  background-image: url('../img/icon/icon-list.png');
}
.icon-r[data-icon="darrow"]:after {
  background-image: url('../img/icon/icon-arrow-down.png');
}
/* Icons12 */
.icon12 {
  padding-left: 20px;
  position: relative;
}
.icon12:before {
  display: block;
  content: "";
  background: url('../img/icon/icons-12px.gif') no-repeat 0 0;
  width: 14px;
  height: 100%;
  position: absolute;
  left: 4px;
  top: 2px;
}
.icon12[data-icon='emptystar']:before {
  background-position: -52px 0;
}
.icon12[data-icon='star']:before {
  background-position: -52px -59px;
}
.icon12[data-icon='emptypen']:before {
  background-position: -77px 0;
}
.icon12[data-icon='pen']:before {
  background-position: -77px -59px;
}
.ir.rss {
  width: 28px;
  height: 23px;
  background-image: url('../img/icon/icon-rss.png');
  display: inline-block;
}
.ir.facebook {
  width: 28px;
  height: 23px;
  background-image: url('../img/icon-facebook.png');
  display: inline-block;
}
.ir.right {
  position: absolute;
  right: 20px;
  top: 18px;
}
/* @end Buttons } */
/* @group Tuulbaari { */
.tuulbaari {
  position: relative;
  background-color: #efeeed;
  padding: 10px 20px;
}
.boxshadow .tuulbaari {
  -webkit-box-shadow: 0 1px 0 rgb(231,231,231), 0 1px 0 rgb(231,231,231) inset;
  -moz-box-shadow: 0 1px 0 rgb(231,231,231), 0 1px 0 rgb(231,231,231) inset;
  box-shadow: 0 1px 0 rgb(231,231,231), 0 1px 0 rgb(231,231,231) inset;
}
.tuulbaari nav a {
  cursor: pointer;
  float: none;
}
.tuulbaari li {
  position: relative;
  float: left;
}
.tuulbaari li ul {
  position: absolute;
  display: none;
  top: 22px;
  left: 0;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  min-width: 200px;
  max-width: 300px;
}
.borderradius .tuulbaari li ul {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.boxshadow .tuulbaari li ul {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.tuulbaari li:hover ul {
  display: block;
}
.tuulbaari li li {
  border-bottom: 1px solid #cccccc;
  display: block;
  padding: 0;
  width: 100%;
}
.tuulbaari li ul a {
  display: block;
  background-color: transparent;
  color: #004d88;
  font-weight: normal !important;
  border: none;
  margin: 0;
  height: 30px !important;
  line-height: 30px !important;
}
.tuulbaari li ul a:hover {
  background: #ffffff none;
}
.tuulbaari a.current {font-weight:bold;}
.borderradius .tuulbaari li ul a {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.tuulbaari > a {
  float: right;
}
.boxshadow .tuulbaari a {
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.boxshadow .tuulbaari li ul a {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.cssgradients .tuulbaari li ul a {
  background-image: none;
}
/* @end Tuulbaari } */
/* @group Footer {*/
#contentinfo {
  background-color: #242424;
  padding: 15px 0 40px;
  margin-top: 40px;
}
.cssgradients #contentinfo {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3d3d3d), color-stop(40%, #232323));
  background-image: -khtml-gradient(linear, left top, left bottom, from(#3d3d3d), to(#232323));
  background-image: -webkit-linear-gradient(top, #3d3d3d 0%, #232323 40%);
  background-image: -moz-linear-gradient(top, #3d3d3d 0%, #232323 40%);
  background-image: -ms-linear-gradient(top, #3d3d3d 0%, #232323 40%);
  background-image: -o-linear-gradient(top, #3d3d3d 0%, #232323 40%);
  background-image: linear-gradient(top, #3d3d3d 0%, #232323 40%);
}
#contentinfo > div {
  width: 980px;
  margin: 0 auto;
  position: relative;
}
#copy {
padding-top: 20px;
width: 980px;
color: #888684;
}
#copy .left {
  float: left;
}
#copy .right {
  float: right;
}
#contentinfo .links {
  float: left;
  width: 150px;
  margin-right: 16px;
}
#contentinfo .links:last-of-type {
  margin-right: 0;
}
#contentinfo h3 {
  margin-bottom: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  background: url('../img/thick-line.png') no-repeat 0 100%;
}
#contentinfo h3 a {
  color: #fefefe;
  text-decoration: none;
}
#contentinfo h3 a:hover {
  color: #fefefe;
}
#contentinfo ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#contentinfo li {
  height: 30px;
  padding-left: 10px;
  background: url('../img/thin-line.png') no-repeat 0 100%;
}
#contentinfo a {
  display: block;
  color: #cccccc;
  text-decoration: none;
}
#contentinfo a:hover {
  color: #ace6f2;
}
/* @end Footer }*/
/* @group Profile { */
#profile {
  margin-bottom: 6px;
}
#profile figure {
  float: left;
  margin-right: 6px;
}
#profile .body {
  float: left;
  width: 857px;
  padding: 10px 20px;
  height: 57px;
}
#profile h1 {
  text-transform: none;
  font-size: 36px;
  margin: 0 0 6px 0;
}
#profile p {
  margin: 0;
}
.borderradius #profile .body {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
/* @end Profile } */
/* @group Modals and overlays { */
a[rel="overlay"] {
  cursor: pointer;
}
#overlay, #gallery, .overlay {
  display: none;
  position: relative;
  padding: 20px;
}
#overlay .close, #gallery .close, .overlay .close {
  width: 45px;
  height: 45px;
  background: url('../img/icon/modal-buttons.png') no-repeat -122px 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  cursor: pointer;
}
#overlay .close:hover, #gallery .close:hover, .overlay .close:hover {
  background-position: -122px -53px;
}
#gallery .images {
  position: relative;
  overflow: hidden;
  width: 660px;
  height: 400px;
}
#gallery .images > div {
  width: 20000em;
  position: absolute;
}
#gallery figure {
  float: left;
}
.borderradius #gallery img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* @end Modals and overlays } */
/* @group Ads {{{*/
section.ad {
  /*	height:90px;*/
  padding: 5px;
}
.ad.side {
  position: absolute;
  top: 10px;
  right: -180px;
}
section.ad > div {
  float: left;
  background: #e7e6e4;
  border: 1px solid #c7c6c4;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ad.side > div {
  float: none;
}
section.ad:not(.side) > div:first-child {
  margin: 0 4px 0 0;
}
section.ad:not(.side) > div:last-child {
  margin: 0 0 0 5px;
}
section.ad:not(.side) > div:first-child:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: url('../img/line-thin-horizontal.png') repeat-y 0 0;
  right: -6px;
  top:0;
}
.ad160 {
  width: 160px;
  height: 600px;
  /* Tämä muuttuu */

}
.ad728x90 {
  width: 728px;
  height: 90px;
}
.ad230x90 {
  width: 230px;
  height: 90px;
}

/* @end Ads }}}*/
/* @group AddThis { */
footer .addthis_toolbox {
  padding: 5px 10px;
}
.reviewer .addthis_toolbox {
  padding: 5px;
  /*	float:right;*/

}
.addthis_theme {
  background: #302e2c;
  padding: 4px 1px 1px 2px;
  margin-bottom: 5px;
  border-radius: 0 0 6px 6px;
  margin-top: -8px;
  border: 1px solid #515253;
}
/* @end AddThis } */
/* @group IE fixes { */
.ie6 .w1,
.ie7 .w1,
.ie8 .w1,
.ie6 .w1l,
.ie7 .w1l,
.ie8 .w1l {
  width: 244px;
}
.ie6 .w2,
.ie7 .w2,
.ie8 .w2,
.ie6 .w2l,
.ie7 .w2l,
.ie8 .w2l {
  width: 321px;
}
.ie6 .w21,
.ie7 .w21,
.ie8 .w21,
.ie6 .w21l,
.ie7 .w21l,
.ie8 .w21l {
  width: 320px;
}
.ie6 .w3,
.ie7 .w3,
.ie8 .w3,
.ie6 .w3l,
.ie7 .w3l,
.ie8 .w3l {
  width: 338px;
}
.ie6 .w4,
.ie7 .w4,
.ie8 .w4,
.ie6 .w4l,
.ie7 .w4l,
.ie8 .w4l {
  width: 485px;
}
.ie6 .w5,
.ie7 .w5,
.ie8 .w5,
.ie6 .w5l,
.ie7 .w5l,
.ie8 .w5l {
  width: 632px;
}
.ie6 .w6,
.ie7 .w6,
.ie8 .w6,
.ie6 .w6l,
.ie7 .w6l,
.ie8 .w6l {
  width: 726px;
}
.ie6 .itemnav .item, .ie7 .itemnav .item, .ie8 .itemnav .item {
  width: 200px;
}
.ie6 .item figure, .ie7 .item figure, .ie8 .item figure {
  max-width: none;
}
.ie6 figure img, .ie7 figure img, .ie8 figure img {
  max-width: none;
  width: 100%;
}
.ie6 img, .ie7 img, .ie8 img {
  width: 100%;
}
/* @end IE fixes } */
.ads ins {
  background-color: transparent;
}
.item .description {
  width: 360px;
}
.toplist .item .description {
  width: 280px;
}

#top-lists .item .description {
  width: auto;
  margin: 10px 0 0 0;
  float: none;
}

#top-lists .item .description p{
  margin: 5px 0 0 0;
}

th {
  text-align: left;
}
.initiallyhidden {
  display: none;
}
#themes figure {
  float: right;
  margin: 0 2em 0 2em;
}
#themes div.description p {
  margin: 1em 2em;
}
#themes figure a, #themes figure a img {
  border: none;
}
.themelist .item figure img.poster {
  width: 142px;
  height: 80px;
}
.themelist .item  .info p {
  text-align: right;
}
.themelist  span.rating_stars {
  top:0px;
  float:right;
  margin: 0px;
}
.channels ol {
  overflow: hidden;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.channels li {
  overflow: hidden;
}
.channels ol strong {
  float: left;
  width: 140px;
  padding-right: 10px;
  text-align: right;
}
.channels ol span {
  float: left;
}
span.bar {
  background-color: #999;
  height: 8px;
  margin-top: 6px;
}
.api table {
  width: 100%;
}
.api td, .api th {
  padding: 0.2em;
}
.api h3 {
  margin-bottom: 0;
  margin-top: 1em;
}
.api h3:first-child {
  margin-top: 0;
}
.api .dtd {
  float: right;
}
.api .dtd a {
  color: #E86215;
}
#search input {
  position: relative;
  width: 250px;
  float: right;
  margin-right: 0;
}
#search button {
  border: 0px;
  background: transparent url('../img/icon/icon-search.png') no-repeat 0 0;
  position: absolute;
  width: 17px;
  height: 18px;
  top: 15px;
  right: 5px;
}
.cssgradients .buttons.alt .login button {
  background-image: url('../img/icon/icon-arrow-right-2.png');
  background-repeat: no-repeat;
  background-position: 6px 6px;
}
.buttons.alt .login button {
  line-height: 22px;
}
.w3l label {
  width: 90px;
}
.w3l input {
  width: 180px;
}
.rateable .rating_stars, .rateable .rating_stars span {
  cursor: pointer;
}
.replyForm textarea {
  width: 670px;
}
#comment-editor textarea {
  width: 556px;
}
#comment-overlay {
  width: 620px;
}
.television div.desc {
  width: 480px;
}
#searchbox input {
  display: inline;
}
#searchbox button {
  height: 41px;
  width: 100px;
  display: inline;
  background: #6e6e6e;
  border: 1px solid #7c7c7c;
  padding: 2px 5px;
  color: #ffffff;
  margin: 0 0 0 10px;
  border-radius: 5px;
  position: absolute;
  background-image: linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0) 100%);
}
#searchbox button:hover {
  background: #787878;
}
div.header h2 {
  margin: 0;
}
ul.toplist {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.toplist li {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
ul.toplist span {
  float: left;
}
ul.toplist .pos {
  width: 5em;
}
ul.toplist .name {
  width: 26em;
}
ul.toplist .stars {
  width: 95px;
}
ul.toplist .actions {
  width: 5em;
}
.hint {
  z-index: 10021;
}
#logo {
  margin: 8px;
}
#movie.w3l div.details {
  width: 298px;
}
.comments figure p span.role {
  display: none;
}
#banner img {
  width: auto;
}
.w3l {
  border: none;
  width: 338px;
}
.profile {
  overflow: hidden;
}
.profile .description {
  float: left;
  width: 305px;
}
.profile .details {
  float: left;
  width: 280px;
}
blockquote {
  font-style: italic;
  margin: 1em 0 1em 1em;
}
.moderator blockquote:before {
  content: '"';
}
.moderator blockquote:after {
  content: '"';
}
a.delete {
  float: left;
  width: 18px;
  height: 18px;
  text-indent: -9000px;
  background-repeat: no-repeat;
  background-image: url(/media/img/icon/delete.png);
}
a.delete:hover {
  background-position: 0 -22px;
}
div.owncomment div.vote {
  float: right;
}
.karma-whoring {
  padding: 20px;
}
.karma-whoring div {
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  padding: 10px 0;
}
.CommentBody img {
  width: auto;
}
.item .actions {
  float: right;
  width: 30px;
}
#cinemas h2 {
  margin-bottom: 0;
}
#cinemas .rating_stars {
  margin-bottom: 18px;
}
#movie .description {
  padding-bottom: 1em;
  background: url('../img/line-thin-vertical.png') repeat-x 0 100%;
}
#movie .description blockquote {
  margin: 0 20px 0 0;
  font-style: italic;
}
.review p.meta {
  margin-bottom: 0;
  padding-bottom: 0;
}
.posts .item figure img {
  width: 75px;
  height: 75px;
}
/* Levykauppa-X */
.ax-header {
  font-size: 16px;
  font-weight: bold;
}
div#ax .ax-header a {
  color: #fff;
}
.ax-body ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ax-body li {
  margin: 0;
  padding: 0;
}
.ax-body .ax-cover {
  display: none;
}
.ax-body h3 {
  font-weight: normal;
  font-size: 100%;
}
.ax-info span.ax-type, .ax-info span.ax-released {
  display: block;
  text-transform: capitalize;
}
/* ==|== print styles =======================================================
// Print styles.
// Inlined to avoid required HTTP connection: h5bp.com/r
// ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}

/* pop digital naviaatio */
  #pop_digital_header_bar_container {
    height: 30px;
    width: 100%;
    background: #262626;
    margin: 0;
  }
  #pop_digital_header_bar {
    width: 980px;
    margin: 0 auto;
  }
  #pop_digital_header_bar a {
    display: block;
    height: 30px;
    color: #eeeeee!important;
    font-weight: bold;
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    overflow: hidden;
  }
  .popd {
    height: 30px;
    float: left;
  }
  .popd a:hover {
    background: #2e2e2e;
    color: #53abb4!important;
  }
  .popd_two {
    position: relative;
    top: 8px;
    left: 8px;
    height: 22px;
    width: 14px;
    float: left;
  }
  .popd_position_one {
    position: relative;
    top: 8px;
    padding: 0 7px;
  }
  .popd_clear {
    clear: both;
  }
  .popd_special {
    position: relative;
    top: 6px;
    left: 8px;
    height: 22px;
    width: 85px;
    float: left;
  }
  .popd_special_two {
    position: relative;
    top: 6px;
    left: 8px;
    height: 22px;
    width: 45px;
  }
  .popd_site_zero {
    width: 90px;
  }
  .popd_icon_zero {
    background: url('/media/img/ikonit.png') no-repeat -43px -31px;
  }
  .popd_site_ten {
    width: 45px;
    float: right;
    margin: 0 10px 0 0;
  }
  .popd_icon_ten {
    background: url('/media/img/ikonit.png') no-repeat -3px -32px;
  }
/* loppu.pop digital naviaatio */

/* Series mainpage */
#movie #maindescription {
  padding: 20px;
  width: 348px;
  float: left;
  background: none;
}

#movie #maindescription h2 {
	font-size: 33px;
	font-family: 'Yanone Kaffeesatz', "Francois One", 'Arial Narrow', Arial, sans-serif;
	margin-bottom: 0;
}

#movie #maindescription .rating_stars {
	margin-bottom: 18px;
}

#movie #mainfigure {
	float: right;
	height: 300px;
	width: 540px;
	overflow: hidden;
	margin-right: 20px;
	margin-left: 20px;
	position: relative;
}
/* Series mainpage end */

/* Yllapito TV-guide START */

form#tv-guide-form input[type=file] {
	width: 100%;
}

form#tv-guide-form input[type=file] {
	width: 100%;
	cursor: pointer;
}

form#tv-guide-form input[type=submit] {
	font-family: "Francois One", 'Arial Narrow', Arial, sans-serif;
	width: auto;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0 10px;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	border: none;
}

form#tv-guide-form input[type=submit]:hover, div#tv-guide-lists input[type=submit]:hover {
	background-color: #888684;
}

form#tv-guide-form img.check { 
	vertical-align: middle; 
}

form#tv-guide-form img.ajax-loader {
	vertical-align: middle; 
	display: none;
}

form#tv-guide-form p.error {
	color: red;
	display: none;
}

form#tv-guide-form p.progress {
	display: none;
}

div#tv-guide-lists div.info {
	margin: 10px;
}

div#tv-guide-lists div.info div, div#tv-guide-lists div.info p {
	background: rgba(0,0,0,0.1);
	border-radius: 5px;
	padding: 10px;
}

div#tv-guide-lists div.column-container {

	width: 100%;
	text-align: center;
	
	

}

div#tv-guide-lists div.column {
	display: inline-block;
	text-align: left;
	width: 49%;
	vertical-align: top;
	height: 250px;
	overflow-y: scroll;
	border: 1px solid lightgrey;
}

div#tv-guide-lists div.column.left { float: left }
div#tv-guide-lists div.column.right { float: right }

div#tv-guide-lists div.column table {
	width: 100%;
}

div#tv-guide-lists div.column table td {
	vertical-align: middle;
}


div#tv-guide-lists input[type=radio], div#tv-guide-lists input[type=submit] {
	margin: 0;
}


div#tv-guide-lists input[type=submit] {
	margin-top: 10px;
	width: 200px;
}

div#tv-guide-lists label {
	width: auto;
}

div#tv-guide-lists label[for=searchFrom], div#tv-guide-lists label[for=searchTo] {
	width: 80px;
}

td.shrink {
	white-space: nowrap;
	width: 1%; /* shrink-to-fit */
	text-align: center;
	vertical-align: middle;
}

/* Yllapito TV-guide END */

/* Media queries for iPAD */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
  section.ad.side {
    display: none;
  }
}