@charset "utf-8";
/* CSS Document */

body{
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666;
margin: 0;
padding: 0;
text-align: center;
color: #fff;
background-image: url("../img/meta/bg_pattern.png");
}

img {border: 0}

object {outline:none;}

a{color: #fff;}


a.btn:link{color: #fff; text-decoration: none;}
a.btn:visited{color: #fff; text-decoration: none;}
a.btn:active{color: #fff; text-decoration: none;}
a.btn:hover{color: #fff; text-decoration: underline;}

a.video:link{color: #fff; text-decoration: none;}
a.video:visited{color: #fff; text-decoration: none;}
a.video:active{color: #fff; text-decoration: none;}
a.video:hover{color: #f37421; text-decoration: none;}

a.blog:link{color: #e0d504; text-decoration: none;}
a.blog:visited{color: #e0d504; text-decoration: none;}
a.blog:active{color: #e0d504; text-decoration: none;}
a.blog:hover{color: #e0d504; text-decoration: underline;}

#wrapper{
width: 960px;
height: 782px;
background: #000;
margin: 0 auto;
border: 0px none;
text-align: left;
}

/* Navigation */

#nav_start{
position: absolute;
left: 181px;
top: 54px;
}

#nav_vote{
position: absolute;
left: 302px;
top: 70px;
}

#nav_games{
position: absolute;
left: 423px;
top: 54px;
}

#nav_videos{
position: absolute;
left: 544px;
top: 70px;
}

#nav_blog{
position: absolute;
left: 665px;
top: 54px;
}

/* meta */

#homelogo{
position:absolute;
left: 0px;
top: 0px;
}

#legalline{
position: absolute;
left: 40px;
top: 765px;
font-size: 9px;
letter-spacing: -1px;
color: #666;
}

#legalline div{
float: left;
margin-right: 20px;
}

#legalline a{
color: #666;
text-decoration: none;
}

#disclaimer{
position: absolute;
left: 670px;
top: 765px;
font-size: 9px;
letter-spacing: -0.11em;
color: #666;
}

* html #disclaimer {letter-spacing: -3px;}

/* start */

#main_start{
background-image: url("../img/start/bg_start.jpg");
width: 960px;
height: 782px;
position: relative;
z-index: 1;
}

#main_vote_new{
background-image: url("../img/vote/bg_vote_new.jpg");
width: 960px;
height: 782px;
position: relative;
}

#main_vote{
background-image: url("../img/vote/bg_vote.jpg");
width: 960px;
height: 782px;
position: relative;
}

#scrollbox_hl{
position:relative;
left: 117px;
top: 231px;
}

#scrollbox_start{
width:356px;
position:relative;
left: 108px;
top: 240px;
overflow:auto;
color:#fff;
font-size: 12px;
line-height: 15px;
padding:10px;
border:0px none;
background-color:#1a171b;
}

#scrollbox_start img{
float: left;
margin: 10px 8px 0px 0px;
}

#slimeometer{
position: absolute;
left: 495px;
top: 106px;
z-index: 3;
}


#slimestage_01{
background-image: url("../img/start/slime_stage_01.png");
width: 134px;
height: 102px;
position: absolute;
left: 200px;
top: 105px;
z-index: 2;
display: none;
}

#slimestage_02{
background-image: url("../img/start/slime_stage_02.png");
width: 120px;
height: 131px;
position: absolute;
left: 30px;
top: 570px;
z-index: 2;
display: none;
}

#slimestage_03{
background-image: url("../img/start/slime_stage_03.png");
width: 105px;
height: 218px;
position: absolute;
left: 630px;
top: 120px;
z-index: 2;
display: none;
}

#slimestage_04{
background-image: url("../img/start/slime_stage_04.png");
width: 412px;
height: 266px;
position: absolute;
left: 490px;
top: 487px;
z-index: 2;
display: none;
}


/* voting */

#vote_hl{
position: absolute;
top: 231px;
width: 740px;
left: 110px;
text-align: center;
}

#vote_description{
position: absolute;
top: 281px;
width: 690px;
left: 135px;
text-align: center;
}

#vote_description p{
font-size: 24px;
}

#vote_bgr_category{
position: absolute;
margin-top: 17px;
}

.vote_category_img{
text-align: center;
margin-top: 18px;
}

.vote_container{
margin: 20px 0 0 19px;
}

.vote_entry{
float: left;
width: 127px;
text-align: center;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
position: relative;
margin-right: 19px;
}

.vote_entry img{
margin-bottom: 5px;
}

label{
cursor: pointer;
}

p.vote{
height: 50px;
}

.vote_normal{
position: relative;
left: 0px;
top: 3px;
}

.vote_overlay{
display:none;
position: absolute;
left: 0px;
top: 0px;
}

#vote_submit{
position: absolute;
left: 200px;
top: 130px;
}

/* games */

#games_start{
background-image: url("../img/games/bg_games.jpg");
width: 960px;
height: 782px;
position: relative;
}

#wallpaper_hl{
position:absolute;
left: 117px;
top: 231px;
}

#wallpaper_img{
position:absolute;
left: 125px;
top: 290px;
}

#wallpaper_txt{
position:absolute;
left: 125px;
top: 520px;
font-size: 12px;
width: 250px;
}

#wallpaper_button{
position:absolute;
left: 395px;
top: 527px;
}

#wallpaper_button, #game01_button, #game02_button div{
background-color: #ec008c;
width: 72px;
font-size: 10px;
text-align: center;
text-transform: uppercase;
padding: 5px 0;
}

#game01_hl{
position:absolute;
left: 570px;
top: 231px;
}

#game01_img{
position:absolute;
left: 580px;
top: 290px;
}

#game01_txt{
position:absolute;
left: 730px;
top: 285px;
font-size: 11px;
width: 100px;
}

#game01_button{
position:absolute;
left: 770px;
top: 380px;
}

#game02_hl{
position:absolute;
left: 570px;
top: 451px;
}

#game02_img{
position:absolute;
left: 580px;
top: 510px;
}

#game02_txt{
position:absolute;
left: 730px;
top: 505px;
font-size: 11px;
width: 100px;
}

#game02_button{
position:absolute;
left: 770px;
top: 600px;
}

/* videos */

#videos_start{
background-image: url("../img/videos/bg_videos.jpg");
width: 960px;
height: 782px;
position: relative;
}

#videoplayer_hl{
position:absolute;
left: 117px;
top: 231px;
}

#videoplayer{
position:absolute;
left: 135px;
top: 290px;
}

#videothumbs_hl{
position:absolute;
left: 602px;
top: 231px;
}

#videothumbs_start{
width:239px;
position:relative;
left: 597px;
top: 266px;
overflow:auto;
color:#fff;
font-size: 12px;
line-height: 15px;
padding:10px;
border:0px none;
background-color:#1a171b;
}

.videothumb_entry{
float: left;
width: 109px;
font-size: 9px;
letter-spacing: -0.11em;
margin-bottom: 10px;
text-align: center;
}

.videothumb_entry img{
border: 5px solid #1a171b;
}

.videothumb_entry:hover img{
border: 5px solid #f37421;
}

.videothumb_entry:hover{
color: #f37421; /* irrelevant definition to overcome IE bug */
}


/* blog */

#blog_start{
background-image: url("../img/blog/bg_blog.jpg");
width: 960px;
height: 782px;
position: relative;
}

#blog_hl{
position:absolute;
left: 117px;
top: 231px;
}

#blogbox_start{
width:356px;
position:relative;
left: 108px;
top: 275px;
overflow:auto;
color:#fff;
font-size: 11px;
line-height: 15px;
padding:10px;
border:0px none;
background-color:#1a171b;
}

#blogbox_start img{
float: left;
margin: 10px 8px 0px 0px;
}

#blogbox_start p{
margin: 1px 0 20px 0;
}

.blogdate{
color: #e0d504;
}

#comments_hl{
position:absolute;
left: 605px;
top: 231px;
}

#comments_start{
width:242px;
position:relative;
left: 595px;
top: -26px;
overflow:auto;
color:#fff;
font-size: 11px;
line-height: 15px;
padding:10px;
border:0px none;
background-color:#1a171b;
}

#comments_start p{
margin: 1px 0 20px 0;
}

.comments_name{
color: #e0d504;
text-transform: uppercase;
}

#comments_entry{
position:absolute;
left: 609px;
top:459px;
}

#comments_from{
position:absolute;
left: 611px;
top:532px;
}

#comments_submit{
position:absolute;
left: 771px;
top:532px;
}

textarea {
    border: 0px none;
    padding: 3px;
    width: 228px;
    height: 55px;
}

textarea, input{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

input.blog{
padding: 3px;
border: 0px none;
width: 140px;
}

#comments_error{
position:absolute;
left: 609px;
top:570px;
color: white;
font-size: 12px;
height: 20px;
padding: 5px;
background-color: red;
}


/* Wallpaper Creator*/

#wp_creator_start{
background-image: url("../img/games/bg_wp_creator.jpg");
width: 960px;
height: 782px;
position: relative;
}

#wp_creator{
position: absolute;
left: 12px;
top: 209px;
z-index: 1;
}

#wp_creator2{
position: absolute;
left: 12px;
top: 209px;
z-index: 2;
width: 400px;
height: 400px;
background-color: red;
}

#wp_creator p{
width: 935px;
height: 500px;
background-color: red;
color: #fff;
text-align: center;
}

/* Memorygame */

.memorycard{
float: left;
margin-right: 2px;
}

#games_memory{
background-image: url("../img/games/bg_memory.jpg");
width: 960px;
height: 782px;
position: relative;
}

#memory_iframe{
position:absolute;
left: 181px;
top: 209px;
}

#memory_container{
width: 728px;
height:539px;
background-image: url("../img/games/bg_memory_iframe.jpg");
}

#memory_game{
position:absolute;
left: 80px;
top: 80px;
width: 442px;
}

#memory_time{
position:absolute;
left: 548px;
top: 160px;
width: 180px;
font-size: 13px;
}

.gametime_btn{
background-color: #de0284;
padding: 5px;
}
.gametime{
color: #de0284;
font-weight: bold;
}