body, html
{
	margin: 0;
	padding: 0;
	background: #000 url(../images/background.jpg) repeat-x 50% top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #2f2418;
}

a {
    outline: none;
}

#info .content{
	font-size: 12px;
}

#navigation, #login, #countdown
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

a:link,
a:visited
{
	color: #f38e00;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	text-decoration: underline;
}

a.business{
	font-size: 13px;
	font-variant: small-caps;
}

ul, li
{
	margin: 0;
	padding: 0;
	list-style: none;
}

h1
{
	font-size: 13px;
	text-transform: uppercase;
	margin: 0 0 .5em 0;
}

h1 em
{
	font-weight: normal;
	font-style: normal;
	text-transform: none;
}

div#movies h1, div#highscore h1{
	font-size: 11px;
}

p
{
	margin: .5em 0;
}

img
{
	border: 0;
}

#wrapper
{
	margin: 0 auto;
	height: 650px;
	width: 950px;
	position: relative;
}

#logo
{
	position: absolute;
	left: 330px;
	top: 18px;
	width: 379px;
	height: 78px;
}

* html #logo
{
	background: url(../images/logo.png) no-repeat left top;
}

#login,
#loggedin
{
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/login/corner.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 13px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	z-index: 99;
}

#login
{
	width: 255px;
}

#loggedin
{
	width: 150px;
}

#loggedin .logout
{
	float: right;
	padding-right: 20px;
	background: url(../images/login/button.gif) no-repeat right 50%;
}

#loggedin .mypage
{
	float: left;
}

#login.error
{
	background-image: url(../images/login/red-corner.gif);
}

#loggedin div,
#login fieldset
{
	margin: 0;
	padding: 3px 0 0 0;
	border: 0;
	background: #000;
	height: 19px;
}

#login fieldset
{
	margin: 0;
	padding: 3px 0 0 0;
	border: 0;
	background: #000;
	height: 19px;
}

#login.error fieldset
{
	background: #e90000;
}

#login #username,
#login #password
{
	font-size: 9px;
	border: 1px solid #ff9600;
	width: 70px;
}

#login label
{
	padding: 0 3px;
}

#login .button
{
	position: relative;
	top: 2px;
}

#instructions
{
	position: absolute;
	left: 28px;
	top: 25px;
}

#prizes
{
	position: absolute;
	left: 0;
	top: 55px;
}

#prizes li
{
	text-indent: -9999px;
}

#prizes li a
{
	position: relative;
	display: block;
	cursor: pointer;
}

#prizes .register a
{
	background: url(../images/pushers/register.png) no-repeat left top;
	left: 160px;
	width: 145px;
	height: 140px;
}

#prizes .prize-1
{
	margin-top: -60px;
}

#prizes .prize-2
{
	margin-top: -10px;
}

#prizes .prize-3
{
	margin-top: -4px;
}

#prizes .prize-4
{
	margin-top: -23px;
}

#prizes .prize-5
{
	margin-top: -48px;
}

#prizes .prize-1 a
{
	background: url(../images/pushers/prize-1.png) no-repeat left top;
	left: 45px;
	width: 129px;
	height: 134px;
}

#prizes .prize-2 a
{
	background: url(../images/pushers/prize-2.png) no-repeat left top;
	left: 0px;
	width: 124px;
	height: 118px;
}

#prizes .prize-3 a
{
	background: url(../images/pushers/prize-3.png) no-repeat left top;
	left: 23px;
	width: 116px;
	height: 107px;
}

#prizes .prize-4 a
{
	background: url(../images/pushers/prize-4.png) no-repeat left top;
	left: 105px;
	width: 86px;
	height: 86px;
}

#prizes .prize-5 a
{
	background: url(../images/pushers/prize-5.png) no-repeat left top;
	left: 195px;
	width: 74px;
	height: 89px;
}

#countdown
{
	position: absolute;
	left: 400px;
	top: 100px;
	color: #fff;
	font-weight: bold;
	font-size: 27px;
}

#countdown div
{
	float: left;
	width: 62px;
	margin-right: 1px;
	background: url(../images/countdown/separator.gif) no-repeat right top;
}

#countdown .days,
#countdown .secs
{
	background: none;
}

#countdown .days
{
	width: 56px;
}

#countdown span
{
	text-align: center;
	float: left;
	width: 25px;
	line-height: 35px;
	background: url(../images/countdown/plate.gif) no-repeat 50% top;
	
}

#time-left
{
	position: absolute;
	left: 635px;
	top: 86px;
}

#movie
{
	position: absolute;
	left: 269px;
	top: 148px;
	z-index: 99;
}

#owned .plate,
#register .plate,
#movie .plate,
#mypage .plate,
#info .plate
{
	width: 512px;
	height: 404px;
	position: absolute;
	background: url(../images/papers/wide.png) no-repeat left top;
}

#movie .share
{
	float: right;
}

.share li
{
	display: inline;
}

#owned .content,
#movie .content
{
	position: absolute;
	width: 425px;
	left: 35px;
	top: 22px;
}

#info .close,
#movie .close
{
	position: absolute;
	top: 0;
	left: 462px;
	width: 34px;
	height: 33px;
}

#movie h1
{
	float: left;
	margin-top: 4px;
}

#movie .share
{
	margin-top: 4px;
	float: right;
}

#register,
#owned,
#info,
#mypage
{
	position: absolute;
	left: 269px;
	top: 113px;
	z-index: 99;
}

#register .content,
#info .content,
#mypage .content
{
	width: 442px;
	height: 365px;
	left: 27px;
	top: 25px;
	position: absolute;
	overflow: auto;
}

div.content{
	padding-right: 16px;
}

#register fieldset
{
	margin: 0px 0 0 10px;
	padding: 0;
	border: 0;
}

#register .invalid fieldset
{
	margin-left: 0;
}

#register fieldset label
{
	float: left;
	width: 100px;
	line-height: 17px;
	font-weight: bold;
}

#register fieldset .checkbox-wrapper
{
	padding-left: 100px;
}

#register fieldset .checkbox-wrapper input,
#register fieldset .checkbox-wrapper label
{
	width: auto;
}

#register fieldset label.invalid
{
	color: #900;
}

#register fieldset input
{
	float: left;
	font-size: 10px;
	border: 1px solid #ff9600;
	width: 150px;
}

#register fieldset .error
{
	float: left;
	padding-left: 10px;
	width: 160px;
}

#register li
{
	clear: both;
	padding: 5px 0 0 0;
}

#register .invalid .buttons
{
	padding-left: 100px;
}

#register .buttons
{
	padding: 10px 0 0 180px;
}

#mypage h1
{
	text-transform: none;
	margin-bottom: 15px;
}

#movies-plate,
#highscore-plate,
#movies,
#highscore
{
	width: 222px;
	height: 333px;
	padding: 15px 23px 20px 13px;
	position: absolute;
}

#movies-plate,
#highscore-plate
{
	background: url(../images/papers/narrow.png) no-repeat left top;
}

#movies-plate,
#movies
{
	left: 269px;
	top: 148px;
}

#mypage .movie,
#movies li
{
	background: #f8f6f4;
	padding: 4px;
	height: 46px;
	margin-top: 8px;
}

#mypage .thumb
{
	float: left;
	width: 56px;
}

#mypage .info
{
	padding-top: 5px;
	float: right;
	width: 366px;
}

h2{
	font-size: 13px;
	line-height: 11px;
}

#mypage .movie h2,
#movies li h2
{
	font-size: 9px;
	margin: 0;
	text-transform: uppercase;
}

#mypage .movie h2
{
	float: left;
	width: 40px;
}

#mypage .movie p
{
	float: left;
	margin: 0;
	width: 82px;
}

#mypage .share
{
	float: right;
}

#mypage .link
{
	float: left;
	padding-left: 10px;
}

#mypage .spread
{
	clear: both;
}

#mypage label
{
	float: left;
	margin-right: 3px;
	width: 40px;
}

#mypage input
{
	float: left;
	font-size: 10px;
	width: 77px;
	margin-right: 8px;
	padding: 0;
	height: 12px;
}

#movies li p
{
	margin: 5px 0 0 0;
}

#movies li a:link,
#movies li a:visited
{
	text-decoration: underline;
	color: #2f2418;
}

#movies li img
{
	float: left;
	margin-right: 12px;
}


#highscore-plate,
#highscore
{
	left: 522px;
	top: 157px;
}

#highscore ul
{
	height: 296px;
	overflow: auto;
}

#highscore li
{
	margin-bottom: 4px;
	line-height: 16px;
	clear: both;
}

#highscore li.odd
{
	background: #f7f4f3;
}

#highscore .position
{
	width: 17px;
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: 10px;
	color: #fff;
	background: #959595;
	float: left;
	margin-right: 8px;
}

#highscore .first .position
{
	background: #00fd00;
}

#highscore .second .position
{
	background: #a05ad3;
}

#highscore .third .position
{
	background: #fff000;
}

#highscore .fourth .position
{
	background: #ff004e;
}

#highscore .fifth .position
{
	background: #00fbfe;
}

#highscore .first .position,
#highscore .second .position,
#highscore .third .position,
#highscore .fourth .position,
#highscore .fifth .position
{
	color: #424141;
}


#navigation
{
	position: absolute;
	top: 530px;
	left: 370px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}

#navigation li
{
	float: left;
	border-left: 1px solid #c1c1c1;
	margin-left: 6px;
	padding-left: 6px;
}

#navigation li.first-child
{
	border: 0;
	padding: 0;
	padding: 0;
}

#sponsors
{
	position: absolute;
	display: block;
	background: url(../images/sponsors.gif) no-repeat 50% top;
	text-indent: -9999px;
	height: 50px;
	width: 100%;
	top: 577px;
}

#lth
{
	position: absolute;
	left: 745px;
	top: 174px;
	width: 190px;
	height: 167px;
}

* html #lth
{
	background: url(../images/pushers/lth.png) no-repeat left top;
}

#vhs
{
	position: absolute;
	left: 755px;
	top: 325px;
	width: 154px;
	height: 106px;
}

* html #vhs
{
	background: url(../images/pushers/vhs.png) no-repeat left top;
}

.arrow-wrapper /* because IE sucks */
{
	position: absolute;
	top: 0;
}

.arrow-wrapper a
{
	cursor: pointer;
	display: block;
}

#movies-arrow
{
	position: absolute;
	left: 151px;
	top: 248px;
}

ol.numbered li{
	list-style-type: decimal;
}

ol{
	padding-left: 20px;
}

div#movies ul li:hover{
	background-color: #ff9600;
}

p.ownedtext{
	text-align: center;
	font-size: 13px;
	margin-top: 0;
}

b{
	font-weight:normal;
	color:#666;
}

ol#regellista li, ol#prislista li{
	margin-bottom: 5px;
}