﻿@font-face {  
  font-family: c64 ;  
  src: url( c64.eot ); /* IE */ 
  src: local("Commodore 64 Pixelized"), url( c64.ttf ) format("truetype"); /* non-IE */  
   
}  

body{
font-family: c64; 
font-size:20px;
margin: 0;
padding: 0;
overflow-x:hidden;
background: #ffffff;
height:100%;
color: #ffffff;
text-shadow: 
	2px 0px 0px #000000,
	0px 2px 0px #000000,
	-2px 0px 0px #000000,
	0px -2px 0px #000000,
	
	-2px 2px 0px #000000,
	2px -2px 0px #000000,
	2px 2px 0px #000000,
	-2px -2px 0px #000000; 
margin-bottom:200px;
}



b {
color: #ff0000;
text-shadow: 
	2px 0px 0px #fec912,
	0px 2px 0px #fec912,
	-2px 0px 0px #fec912,
	0px -2px 0px #fec912,
	
	-2px 2px 0px #fec912,
	2px -2px 0px #fec912,
	2px 2px 0px #fec912,
	-2px -2px 0px #fec912; 
}

h1 {
text-align:center;
padding: 8px 8px 8px 8px;
margin: 0;
font-size:40px;
color: #ff0000;
text-shadow: 
	4px 0px 0px #fec912,
	0px 4px 0px #fec912,
	-4px 0px 0px #fec912,
	0px -4px 0px #fec912,
	
	-4px 4px 0px #fec912,
	4px -4px 0px #fec912,
	4px 4px 0px #fec912,
	-4px -4px 0px #fec912; 
}

a {
text-decoration:none;
color: #88bef4;
}

a:hover {
color: #ffff80;
}

#top {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
margin:auto;
}

.parallax {
position:fixed;
left:0px;
bottom:-400px;
width:100%;
height:160px;
background-repeat:repeat-x;
}

#bg0 {
background-image:url('gfx/para0.png');
z-index:-1;
}

#bg1 {
background-image:url('gfx/para1.png');
z-index:-2;
}

#bg2 {
background-image:url('gfx/para2.png');
z-index:-3;

}

#bg3 {
background-image:url('gfx/para3.png');
z-index:-4;

}

#bg4 {
background-image:url('gfx/para4.png');
z-index:-6;
height:120px;

}

#bg5 {
background-image:url('gfx/para5.png');
z-index:-5;

}

#mcpixel {
position:fixed;
background-image:url('gfx/mcpixel.png');
width:64px;
height:96px;
overflow:hidden;
cursor:pointer;
}

#oses {
position:fixed;
background-image:url('gfx/oses.png');
width:320px;
height:240px;
overflow:hidden;
bottom:-10px;
right:-400px;
}

#soon {
position:fixed;
background-image:url('gfx/soon.png');
width:60px;
height:240px;
overflow:hidden;
bottom:0px;
right:-60px;
}

#logo {
opacity:0;
filter: alpha(opacity=0);
position:absolute;
background-image:url('gfx/logo.png');
width:640px;
height:320px;
overflow:hidden;
top:100px;
left:50%;
margin-left:-320px;
}

.buttons {
width:1000px;
position:absolute;
left:50%;
margin-left:-500px;
top:-100px;
text-align:center;
margin-top:-15px;
}

.butable {
margin-left:auto;
margin-right:auto;
}

.button {
padding: 5px 16px 5px 16px;
border: 4px solid rgba(255,255,255,.4);
border-radius:8px;
background: rgba(255,255,255,.4);
font-size:30px;
color: #ffffff;
text-shadow: 
	3px 0px 0px #000000,
	0px 3px 0px #000000,
	-3px 0px 0px #000000,
	0px -3px 0px #000000,
	
	-3px 3px 0px #000000,
	3px -3px 0px #000000,
	3px 3px 0px #000000,
	-3px -3px 0px #000000; 
}

.button:hover {
border: 4px solid #fec912;
background: #000000;
color: #ff0000;
text-shadow: 
	3px 0px 0px #fec912,
	0px 3px 0px #fec912,
	-3px 0px 0px #fec912,
	0px -3px 0px #fec912,
	
	-3px 3px 0px #fec912,
	3px -3px 0px #fec912,
	3px 3px 0px #fec912,
	-3px -3px 0px #fec912; 
}

.special {
box-shadow: #fff 0px 0px 30px;
color:#ff8;
}

#soslogo {
display:block;
position:fixed;
z-index:-7;
top:2000px;
left:20px;
}

#ubercomment {
position:fixed;
width:600px;
top:300px;
right:-350px;
}

#comment {
left:400px;
position:relative;
width:230px;
font-family:serif;
font-style:oblique;
text-shadow: 2px 2px 2px #000;
}

#comment a {
color:yellow;
font-weight:bold;
margin-left:40px;
}

#comment a:hover {
text-decoration:underline;
}

.content {
top:150px;
left:50%;
padding: 8px 8px 8px 8px;
border: 2px black solid;
position:absolute;
z-index:40;
width:800px;
background-image:url('gfx/bg.png');
border-radius:16px;
box-shadow: #000 0px 0px 2px;
opacity:0;
filter: alpha(opacity=0);
margin-left:-400px;
display:none;
}

.active {
opacity:1;
display:block;
}

#about {
width:500px;
margin-left:-250px;
}

#play {
}

#flash {
margin:0;
padding:0;
background: #000000;
box-shadow: #000 0px 0px 2px;
}

#popup {
text-align:center;
}

#trailer {
margin-left:-428px;
}

#utube {
margin:0;
padding:0;
background: #000000;
box-shadow: #000 0px 0px 2px;
height:480px;
width:800px;
}

#utube2 {
margin:0;
padding:0;
background: #000000;
box-shadow: #000 0px 0px 2px;
height:480px;
width:800px;
}

#utube3 {
margin:0;
padding:0;
background: #000000;
box-shadow: #000 0px 0px 2px;
height:400px;
width:700px;
}

#forums {
}

#help {
margin-left:-300px;
width:600px;
}

#news {
width:800px;
}

#press {
width:400px;
margin-left:-200px;
}

#contact {
width:600px;
margin-left:-300px;
}

.contactcell {
padding:10px;
}

td {
text-align:center;
}

.close
{
font-size:30px;
position:absolute;
right:8px;
top:0px;
color: #333;
text-shadow: 0px 0px 2px #000;
}

.close:hover{
text-shadow: 
	3px 0px 0px #ff0000,
	0px 3px 0px #ff0000,
	-3px 0px 0px #ff0000,
	0px -3px 0px #ff0000,
	
	-3px 3px 0px #ff0000,
	3px -3px 0px #ff0000,
	3px 3px 0px #ff0000,
	-3px -3px 0px #ff0000; 
}

iframe {
border:0;
}

#count {
position:fixed;
left:0px;
bottom:-100px;
width:100%;
height:24px;
text-align:center;
}

.newshead {
border-bottom:2px #000 solid;
width:100%;
height:32px;
padding: 4px 0px 8px 0px;
font-size:30px;
color: #ff0000;
text-shadow: 
	3px 0px 0px #fec912,
	0px 3px 0px #fec912,
	-3px 0px 0px #fec912,
	0px -3px 0px #fec912,
	
	-3px 3px 0px #fec912,
	3px -3px 0px #fec912,
	3px 3px 0px #fec912,
	-3px -3px 0px #fec912; 
text-align:left;
}
.newsdate {
width:200px;
float:right;
padding-right:10px;
text-align:right;
color:#fff;
text-shadow: 
	2px 0px 0px #000000,
	0px 2px 0px #000000,
	-2px 0px 0px #000000,
	0px -2px 0px #000000,
	
	-2px 2px 0px #000000,
	2px -2px 0px #000000,
	2px 2px 0px #000000,
	-2px -2px 0px #000000; 
}

.shot {
border-radius:6px;
border:2px solid black;
}

.shot:hover {
border:2px solid white;
}

#utube {
height:437px;
}
#flash {
height:400px;
}

.fanartbox
{
width:300px;
vertical-align:top;
border:4px dashed #fec912;
}

.fanartbox:hover {
border:4px dashed #ff8;
}

#fanartfile {
opacity:0;
top:0px;
left:0px;
width:100%;
height:100%;
cursor:pointer;
z-index:2;
border:0px solid red;
}

#limerickfile {
opacity:0;
top:0px;
left:0px;
width:100%;
height:100%;
cursor:pointer;
z-index:2;
border:0px solid red;
}

#filefake {
position:absolute;
top:0px;
left:0px;
border: 2px dotted #fff;
margin-left:auto;
margin-right:auto;
padding:0px;
cursor:pointer;
width:252px;
height:100%;
}

#limfake {
position:absolute;
top:0px;
left:0px;
border: 2px dotted #fff;
margin-left:auto;
margin-right:auto;
padding:0px;
cursor:pointer;
width:252px;
height:100%;
}

#filefaketop {
width:250px;
position:relative;
margin-left:auto;
margin-right:auto;
padding:4px;
border:0px solid yellow;
cursor:pointer;
}

.input {
border: 2px dotted white;
font-family: c64; 
font-size:20px;
padding: 4px;
background: rgba(0,0,0,.5);
color: #ff8;
text-shadow: 
	2px 0px 0px #000000,
	0px 2px 0px #000000,
	-2px 0px 0px #000000,
	0px -2px 0px #000000,
	
	-2px 2px 0px #000000,
	2px -2px 0px #000000,
	2px 2px 0px #000000,
	-2px -2px 0px #000000; 
text-align:center;
}

.submit {
font-family:c64;
margin: 5px;
padding: 4px 8px 4px 8px;
border: 4px solid rgba(255,255,255,.4);
border-radius:8px;
background: rgba(255,255,255,.4);
font-size:20px;
color: #ffffff;
text-shadow: 
	2px 0px 0px #000000,
	0px 2px 0px #000000,
	-2px 0px 0px #000000,
	0px -2px 0px #000000,
	
	-2px 2px 0px #000000,
	2px -2px 0px #000000,
	2px 2px 0px #000000,
	-2px -2px 0px #000000; 
cursor:pointer;
}

.submit:hover {
border: 4px solid #fec912;
background: #000000;
color: #ff0000;
text-shadow: 
	2px 0px 0px #fec912,
	0px 2px 0px #fec912,
	-2px 0px 0px #fec912,
	0px -2px 0px #fec912,
	
	-2px 2px 0px #fec912,
	2px -2px 0px #fec912,
	2px 2px 0px #fec912,
	-2px -2px 0px #fec912; 
}

.return {
height:40px;
}

#bigprice {
text-align:center;
padding: 8px 8px 8px 8px;
margin: 0;
font-size:50px;
color: #ffff80;
text-shadow: 
	5px 0px 0px #000,
	0px 5px 0px #000,
	-5px 0px 0px #000,
	0px -5px 0px #000,
	
	-5px 5px 0px #000,
	5px -5px 0px #000,
	5px 5px 0px #000,
	-5px -5px 0px #000; 
}

.buybutton {

margin-top:10px;
width:200px;
height:50px;
border:3px solid black;
border-radius:50px;
box-shadow: #000 4px 4px 0.4em;
}
.buybutton:hover {
border-color:#fff;
}
.buybutton:active {
position:relative;
top:4px;
left:4px;
box-shadow:none;
}

.submitbutton {
font-family:c64;
padding: 5px 16px 5px 16px;
border: 4px solid rgba(255,255,255,.4);
border-radius:8px;
background: rgba(255,255,255,.4);
font-size:30px;
color: #ffffff;
text-shadow: 
	3px 0px 0px #000000,
	0px 3px 0px #000000,
	-3px 0px 0px #000000,
	0px -3px 0px #000000,
	
	-3px 3px 0px #000000,
	3px -3px 0px #000000,
	3px 3px 0px #000000,
	-3px -3px 0px #000000; 
cursor:pointer;
}

.submitbutton:hover {
border: 4px solid #fec912;
background: #000000;
color: #ff0000;
text-shadow: 
	3px 0px 0px #fec912,
	0px 3px 0px #fec912,
	-3px 0px 0px #fec912,
	0px -3px 0px #fec912,
	
	-3px 3px 0px #fec912,
	3px -3px 0px #fec912,
	3px 3px 0px #fec912,
	-3px -3px 0px #fec912; 
}

form {
margin-bottom:0;
}

table {
font-size:20px;
}

.fanimg {
display:block;
margin-left: auto;
margin-right: auto;
width:200px;
max-height:300px;
border:
}

.fanrow {
width:250px;
max-width:270px;
padding:10px;
height:250px;
vertical-align:top;
}

.fanvid {
display:block;
width:80%;
padding:10px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

.dotbox {
width:90%;
border: 4px dotted #ff8;
background: rgba(0,0,0,.5);
padding:5px 5px 10px 5px;
}

#freebox {
display:none;
}

.available {
border: #fff dotted 3px;
border-radius: 8px;
box-shadow: #000 4px 4px 8px;
}

.available:hover
{
border: #ff8 solid 3px;
}

.steam {
border: #fff dotted 3px;
box-shadow: #000 4px 4px 8px;
}
.steam:hover
{
border: #ff8 solid 3px;
}

.bill {
background:url('gfx/mcbucks.png');
width:128px;
height:80px;
margin:10px;
padding:0px 0px 0px 32px;
text-shadow:none;
color:#a7c961;
font-size:40px;
text-align:left;
text-shadow: 
	4px 0px 0px #fff,
	0px 4px 0px #fff,
	-4px 0px 0px #fff,
	0px -4px 0px #fff,
	-4px 4px 0px #fff,
	4px -4px 0px #fff,
	4px 4px 0px #fff,
	-4px -4px 0px #fff; 
box-shadow: #000 4px 4px 10px;
cursor:pointer;
}

.bill:active {
position:relative;
top:4px;
left:4px;
box-shadow:none;
}

.bnote {
font-size:10px;
text-shadow: 
	1px 0px 0px #000,
	0px 1px 0px #000,
	-1px 0px 0px #000,
	0px -1px 0px #000,
	-1px 1px 0px #000,
	1px -1px 0px #000,
	1px 1px 0px #000,
	-1px -1px 0px #000; 
}


.mtitle{
margin-bottom:-30px;
font-size:200%;
color:#61ccef;
font-weight:bold;
text-shadow: #000 0px 0px 0.3em, #fff -1px -1px 0px,#000 1px 1px 0px;
}

.tips {
margin-left:auto;
margin-right:auto;
}



.hat {
border:5px dotted #fec912;
width:640px;
padding:20px;
background:rgba(0,0,0,.5);
color:#ff8;
}

.hat2 {
border:5px dotted #fec912;
width:640px;
padding:20px;
background:rgba(0,0,0,.5);
color:#ff8;
}

.total {
font-size:30px;
text-shadow: 
	3px 0px 0px #000,
	0px 3px 0px #000,
	-3px 0px 0px #000,
	0px -3px 0px #000,
	-3px 3px 0px #000,
	3px -3px 0px #000,
	3px 3px 0px #000,
	-3px -3px 0px #000; 
}

.cashtag {
display:block;
width:100%;
color:#fff;
margin-bottom:10px;
margin-top:10px;
font-size:30px;
text-shadow: 
	3px 0px 0px #000,
	0px 3px 0px #000,
	-3px 0px 0px #000,
	0px -3px 0px #000,
	-3px 3px 0px #000,
	3px -3px 0px #000,
	3px 3px 0px #000,
	-3px -3px 0px #000; 
}

.cashtag2 {
display:block;
width:100%;
color:#fff;
margin-bottom:10px;
margin-top:90px;
}

.large {
width:100%;
color:#fff;
margin:0;
font-size:80%;
}

.cashno {
text-align:left;
margin:0;
width:20px;
}

.cashname{
text-align:left;
margin:0;
}

.cashtable {
text-align:right;
margin:0;
width:80px;
}

.row0 {
background:rgba(0,0,0,.2);
margin:0;
color:#ff8;
}

.row1 {
background:rgba(80,80,80,.2);
margin:0;
color:#fc4;
}

#inputcash {
font-size:30px;
text-shadow: 
	3px 0px 0px #000,
	0px 3px 0px #000,
	-3px 0px 0px #000,
	0px -3px 0px #000,
	-3px 3px 0px #000,
	3px -3px 0px #000,
	3px 3px 0px #000,
	-3px -3px 0px #000; 
background-image:url('gfx/usd.png');
background-repeat:no-repeat;
background-position: left center;
padding-left:40px;
}

#breport {
color:#fec912;
}

.biggie {
font-size:40px;
text-shadow: 
	4px 0px 0px #000,
	0px 4px 0px #000,
	-4px 0px 0px #000,
	0px -4px 0px #000,
	
	-4px 4px 0px #000,
	4px -4px 0px #000,
	4px 4px 0px #000,
	-4px -4px 0px #000; 
}

.mobile {
width:250px;
position:fixed;
bottom:0px;
right:-300px;
}