@charset "utf-8";

/* Basic layouts */
html {
width:100%;
}
body {
padding:0px;
margin:0px;
background:#fff url("/img/wooden-bg.jpg") repeat top left;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;cus
width:100%;
}
a:link, a:visited {
	color:#DF1408;
}

area {
cursor: help;
}
#wrapper {
top:93px;
text-align:left;
width:630px;
position:relative;
margin:0px auto;
/*border:1px solid red;*/
}

#about {
position:absolute;
width:180px;
left:-176px;
top:0px;
z-index:40;
}
#about p {
background:#fff;
/* border:2px solid #000; */
padding:10px;
width:160px;
margin:0px;
margin-right:10px;
font-size:100%;
background:#eee url("/img/back_page.jpg") repeat top left;
}
#about p:first-letter {
color:#ff2b00;
font-size:120%;;
}
a#next-game {
display:block;
position:absolute;
left:650px;
top:370px;
width:120px;
text-align:right;
z-index:133;
}
a#prev-game {
display:block;
position:absolute;
left:-140px;
top:370px;
width:120px;
z-index:134;
}

a#next-photo {
display:block;
width:40px;
height:25px;
background:transparent url("/img/nav-next-small.gif") no-repeat top left;
position:absolute;
right:20px;
bottom:10px;
outline:none;
}
a#prev-photo {
display:block;
width:40px;
height:25px;
background:transparent url("/img/nav-prev-small.gif") no-repeat top left;
position:absolute;
left:20px;
bottom:10px;
outline:none;
}

#header {
line-height:15px;
position:relative;
height:30px;
margin:0px 14px;
margin-right:24px;
}

h1.game-name {
position:absolute;
left:0px;
top:0px;
margin:0px;
padding:0px;
width:450px;
}
h1 span.date {
color:#514f49;
font-size:14px;
}
h1 span.name {
color:#df1408;
font-size:17px;
font-style:italic;
}

ul#lang-chooser {
margin:0px;
padding:0px;
list-style:none;
position:absolute;
top:0px;
right:0px;
}
ul#lang-chooser li {
float:left;
margin-right:7px;
}
ul#lang-chooser li a img {
border:1px solid #000;
}


/* Album */
#album {
position:relative;
width:630px;
height:434px;
background:transparent url("/img/album.png") no-repeat top left;
}
#album img {
position:absolute;
top:40px;
left:56px;
}
#album .ph {
width:27px;
height:27px;
position:absolute;
background:transparent url("/img/photo-holders.png") no-repeat top left;
/*border:1px solid green;*/
}
#album .lt {
top:40px;
left:55px;
background-position:top left;
}
#album .rt {
top:40px;
right:54px;
background-position:top right;
}
#album .lb {
bottom:47px;
left:55px;
background-position:bottom left;
}
#album .rb {
bottom:47px;
right:54px;
background-position:bottom right;
}
ul#photos-num {
list-style:none;
padding:0px;
margin:0px;
width:450px;
margin:15px 0px 0px 0px;
float:left;
}
ul#photos-num li {
float:left;
margin:0px 3px;
}
ul#photos-num li a:link, ul#photos-num li a:visited  {
text-decoration:none;
color:#000;
}
ul#photos-num li a {
outline:none;
}
ul#photos-num li a.on {
color:#df1408;
font-weight:bold;
/* background-color:#ffd; */
/* font-size:15px; */
}
p#upd {
width:150px;
margin:15px 0px 0px 0px;
padding:0px;
float:left;
text-align:right;
}
p#upd span {
color:#df1408;
}


/* menu */
ul#menu {
margin:0px;
padding:8px 15px;
list-style:none;
background:#fff;
height:19px;
}
ul#menu li {
float:left;
height:19px;
display:block;
margin-right:50px;
}
ul#menu li a {
display:block;
color:#333;
text-decoration:none;
font-size:12px;
font-weight:bold;
}
ul#menu li a.on {
color:#df1408;
}

.comment {
margin:18px 0px;
}
/* Comment */
.comment .name {
font-weight:bold;
margin-bottom:0px;
}
.comment .name span {
color:#847f76;
font-weight:normal;
}
p.text {
margin:0px;
padding:0px;
}
#register, #contacts {
display:none;
}

/* Background decorations */
.bg {
position:absolute;
display:block;
z-index:0;
}
.rambo {
top:56px;
left:0px;
}
.car {
top:0px;
left:10%;
}
.ball {
top:0px;
left:47%;
}
.bear {
top:8px;
right:100px;
}
.brain {
top:107px;
left:0px;
z-index:0;
}
.gamepad {
top:500px;
right:0px;
z-index:0;
}
.frog {
top:670px;
right:65px;
}
.cuts {
top:500px;
left:-20px;
}
.buttons {
top:30px;
left:663px;
z-index:32;
}
.cs {
top:417px;
left:230px;
z-index:324;
}

#footer {
padding-top:6px;
padding-bottom:34px;
margin:40px 0px 0px;
text-align:center;
color:#444;
}

/*  Helpers */
.clearer {
content:".",
height:1px;
line-height:1px;
visibility:hidden;
clear:both;
}
input, textarea {
border:1px solid #666;
}

.error {
  color:#f00;
  border-color:#f00;
}