/*
	Css written by Oskar Gräsman and Josef Cullhed
	All rights reserved.
	Copyright: YES
*/
body{
	background-image: url('http://puzz.se/images/vit_bg.png');
	background-attachment: fixed;
}
/* High level site-structure*/
div.mainbody {
	position: absolute;
	margin-left: -390px;
	top: 0px;
	left: 50%;
	width: 850px;
	border: 0px;
	z-index: 1;
}
div.toplogo {
	position: absolute;
	top: 0px;
	float: left;
	width: 850px;
	background: url('http://puzz.se/images/top_logo.gif') no-repeat;
	height: 100px;
	font-size: 12px;
	padding: 0px;
	border: 0px;
	color: #444444;
	z-index: 2;
}
div.heading {
	position: absolute;
	top: 100px;
	left: 0px;
	float: left; 
	width: 850px;
	height: 20px;
	font-family: Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 12px;
	border: 0px;
	z-index: 2;
}
div.sub_heading {
	position: absolute;
	top: 120px;
	background-image: url('http://puzz.se/images/menu.png');
	left: 0px;
	float: left; 
	width: 850px;
	font-family: Helvetica, Geneva, Swiss, SunSans-Regular;
	height: 20px;
	font-size: 12px;
	border: 0px;
	z-index: 2;
}
div.body {
	position: absolute;
	top: 120px;
	float: left;
	width: 850px;
	font-size: 12px;
	padding: 0px;
	border: 0px;
	color: #444444;
	z-index: 2;
	border: 1px;
}
div.body_sub_heading {
	position: absolute;
	top: 140px;
	float: left;
	background-color: #EEEEEE;
	width: 850px;
	font-size: 12px;
	padding: 0px;
	border: 0px;
	color: #444444;
	z-index: 2;
}
div.footer {
	position: absolute;
	width: 850px;
	bottom: 0px;
}
div.right_posts {
	float: right;
	width: 345px;
	top: 20px;
	z-index: 2;
}
form.search_form {
	float: right;
	background-color: #FFFFFF;
	border: 0px;
	font-family: Areal, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
input.search_button {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
}
div.pres{
	float: left;
	width: 340px;
}
/* IMPORTANT for the movie-list*/
div.right_movies{
	float: right;
	width: 425px; 
}
div.left_movies{
	float: left;
	width: 425px; 
}
th.infobar_start{ 
	background-image: url('http://puzz.se/images/info_bar_start.png');
	height: 40px;
}
th.infobar_start_reklam{ 
	background-image: url('http://puzz.se/images/info_bar_start.png');
	background-repeat: no-repeat;
	height: 40px;
}
th.infobar_views{ 
	background-image: url('http://puzz.se/images/info_bar_views.png');
	height: 20px;
}
td.infobar_title{ 
	background-image: url('http://puzz.se/images/info_bar_border.png');
	height: 20px;
	width: 230px;
}
td.infobar_info{ 
	font-size: 11px; 
	height: 20px;
}
td.infobar_rate{
	background-image: url('http://puzz.se/images/info_bar_rate.png');
	max-width: 100px;
	float: left;
	height: 20px;
}
td.infobar_end{
	float: left;
	background-image: url('http://puzz.se/images/info_bar_end.png');
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}
table.infobar_rate_table {
	width: 110px; 
	border-width: 1px;
}

/* Lo level style classes. */
.info_text_header {
	color: #000000;
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}
.info_text {
	color: #000000;
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}
table.right_movie_table { float: right }
table.left_movie_table { float: left }
.noborder { border: 0px }
.similar {
	font-family: Areal, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.cat_ {
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.value {
	font-weight: bold;
	color: #006699;
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
}
.launch_header {
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 24px;
}
.info_box{
	border-style: dotted;
	width: 425px;
	padding: 0px;
	border-width: 1px;
	margin: 0px;
}
.sp_box{
	width: 250px;
	text-align: left;
	border-left-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-top-style: dotted;
	border-width: 1px;
	padding: 0px;
	margin: 0px;
}
.movie_header{
	color: #000000;
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
table.movie_body{
	width: 340px;
	color: #000000;
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}
td.movie_body_left { width: 10px }
td.movie_body_header {
	width: 220px;
	text-align: center;
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	border-width: 0px;
}
td.movie_info_antal{
	width: 50px;
	text-align: center;
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	border-width: 0px;
}
td.movie_info_rate{
	width: 60px;
	text-align: center;
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	border-width: 0px;
}
/* Link routines--- PSEUDO-CLASSES*/
a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
a.cat_{ font-weight: bold }
a.cat_:link {
	color: #111111;
	text-decoration: none;
}
a.cat_:visited  {
	color: #111111;
	text-decoration: none;
}
a.cat_:hover {
	color: #9D0A0D;
	text-decoration: underline;
}
a.cat_:active {
	color: #9D0A0D;
	text-decoration: none;
}
a.menu_left {
	font-weight: bold;
	text-decoration: none;
}
a.menu_left:link { color: #000000 }
a.menu_left:visited  { color: #000000 }
a.menu_left:active { color: #000000; }
a.menu_left:hover {
	color: #000000;
	background-color: #0054a6;
}
p.menu {
	margin-left: 3px;
	margin-top: 3px;
}
/* Here follows post-table constructions. */
table.comment {
	width: 850px;
	font-family: Verdana, sans-serif;
	border-style: dotted;
	border-width: 1px;
	padding: 0px;
	margin: 0px;
}
.posts {
	border: 1px;
	border-style: dotted;
	width: 345px;
	padding: 1px;
	margin: 0px;
}
.post_header {
	width: 50px;
	height: 100px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
	border: 3px;
	border: #FFDDDD;
	padding: 2px;
	margin: 3px;
	color: #000000;
}
.post_body {
	width: 295px;
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	vertical-align: top;
	background-color: #EEEEEE;
	border: 3px;
	border: #FFAAAA;
	padding: 2px;
	margin: 5px;
	color: #000000;
}
.second_row_left{
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	width: 150px;
	height: 29px;
	border: 1px;
	border: #FFFFFF; 
	background-color: #FFFFFF;
}
.second_row_right{
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	width: 630px;
	height: 29px;
	border: 1px;
	border: #DDDDDD; 
	background-color: #EEEEEE; 
}
.between {
	background-color: #DDDDDD;
	border: 1px;
	border: #FFFFFF; 
	height: 14px;
}
.first_row{
	background-color:#EEEEEE;
	border: 1px;
	border: #FFFFFF; 
	height: 28px;
}
img.pic {
	border-width: 1px;
    border-left-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-top-color: #CCCCCC;
}
.knapp {
	color: #666666;
	font-family: Helvetica, sans-serif;
	font-size: 9px;
	background-color: #EEEEEE;
	border: solid 1px #AAAAAA;
	text-indent: 2pxline-height: 12px;
}
.textVit {
	color: #666666;
	font-family: Helvetica, sans-serif;
	font-size: 9px;
	background-color: #EEEEEE;
	border: solid 1px #AAAAAA;
	text-indent: 0px
}