@font-face {  
  font-family: gunblade ;  
  src: url( gunblade.eot ); /* IE */ 
  src: local("Gunblade"), url( gunblade.ttf ) format("truetype"); /* non-IE */  
}  

@font-face {  
  font-family: yanone ;  
  src: url( yanoner.eot ); /* IE */ 
  src: local("Junction Regular"), url( yanoner.ttf ) format("truetype"); /* non-IE */  
}  

@font-face {  
  font-family: petita ;  
  src: url( petita.eot ); /* IE */ 
  src: local("PetitaLight"), url( petita.ttf ) format("truetype"); /* non-IE */  
}  

html {

}

body {
	padding: 0;
	margin: 0;
	background: #fff;
	color:#939DA7;
	font-family:yanone;
	font-size:32px;
	letter-spacing: 0.04em;
}

a  {
	color:#f70958;
	opacity: 0.9;
	text-decoration: none;
}

a:hover {
	opacity: 1;
	color:#77C8E5;
	text-decoration: none;
}

.everything
{
width:1120px;
margin:0px auto;
min-height: 100%;
height:100%;
}

.section
{
font-family:yanone;
font-size:40px;
color:#f70958;
clear:both;
padding:15px;
position: relative;
display: block;
}

.section a {
	z-index: 0;
}

.subsection {
font-size:16px;
padding-bottom:20px;
margin-top:-20px;
}

.gametoggle {
	margin-left: 5px;
	margin-right: 5px;
	font-size: 16px;
	padding-top:2px;
	display: inline-block;
}

.usercount {
	margin-bottom:40px;
	margin-top:30px;
	margin-left:10px;
	display: block;
}

.userlistitem {
	width: 100%;
	display: inline-block;
	border-bottom:solid 1px #eee;
	margin-bottom: 8px;
	height:22px;
}
.userlistname {
	width:200px;	
	position: relative;
	display: inline-block;
}


.userlistprofile {
	width:80px;	
	position: relative;
	display: inline-block;
}
.userlistwebsite {
	width:400px;
	position: relative;
	display: inline-block;
}

.smallsection {
	font-size: 22px;
	padding:5px;
	padding-left: 30px;
}
.smallsectionleft {
	font-size: 22px;
	padding:15px;
}
.smallsectionallleft {
	font-size: 22px;
	padding:15px;
	padding-left:5px;
}

.smallsectioncenter {
	font-size: 22px;
	padding:10px;
	text-align: center;
}


.pink 
{
color:#f70958;
text-shadow:#77C8E5 0px 0.05em 0px;
}

a.pink:hover {
	color:#373737;
	text-shadow:#f70958 0px 0.05em 0px;
}

.debugbox {
font-size: 22px;
border:#bbb 1px solid;
width: 920px;
left:50%;

display: block;
position: relative;
text-transform:uppercase;
padding:8px;
text-align:center;
clear:both;
white-space:pre-wrap;
margin:20px;
margin-left: -460px;
}

.fatal {
/*color:red;*/
text-decoration:blink;
animation: blink 1s steps(5, start) infinite;
/*border-color:red;*/
}

.db {
color:#9cf;
border-color:#47f;
}

@keyframes blink {
    to {
        visibility: hidden;
    }
}

.footnote {
	text-align:center;
	clear:both;
	font-size:12px;
	color:#bbb;
	white-space:pre-wrap;
	height:50px;
	margin-top:20px;
	margin-bottom:20px;
	width: 100%;
}

.noitems {
	padding-left: 30px;
	clear: both;
}


.features
{
clear:both;
height:auto;
width:100%;
float:left;
}

.staticfeature
{
width:240px;
height:412px;

padding:0;
float:left;
}

.feature
{
width:280px;
height:360px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.25);
padding: 10px 30px 100px 30px;

position:relative;
overflow:hidden;
border-bottom:#f5006e 4px solid;
background:white;
font-size:16px;
}

.games {
height:260px;
}

.full {
margin:20px 50px;
font-size:32px;
width:90%;
height:auto;
}

.commentscount {
	position: absolute;
	bottom: 4px;
	right: 4px;
	z-index: 2;
}

.fade
{
z-index:1;
opacity: 1;
position:absolute;
bottom:0;
left:0;
background-image:url('gfx/postfade.png');
background-repeat:repeat-x;
background-position:bottom;
width:100%;
height:20px;
text-align:center;
color:#f5006e;
text-decoration:none;
font-size:100%;
padding-top:28px;
cursor:pointer;
}

.fadepinned
{
/*background-image:url('gfx/postfadepinned.png');*/
}

.pinned {
	background:#fff;
	color:#999;
}

.pinned a {
	color:#f5006e;
}

.pinned a:hover {
	color:#2AC3FF;
}

.pinned.post, .pinned.bigfeature {
	border-top:#323232 2px solid;
	border-bottom:#323232 2px solid;
}

.notify_unread {
	background-repeat: no-repeat;
	background-image:url('gfx/unread.png');
	background-size: 20px;
}

.notify_read {
	background-repeat: no-repeat;
	background-image:url('gfx/read.png');
	background-size: 20px;	
	opacity:0.8;
}

.notificationlist {
	padding-left:22px;
	line-height: 24px;
}

.notification_badge {
	position: relative;
	display: inline-block;
	left:-8px;
	top:-20px;
	width: 16px;
	height:20px;
	background: #f70958;
	color:#fff;
	font-size: 16px;
	line-height: 22px;
}

b {
	color:#333;
}

select {
	border: 0;
	color: #f70958;
	background: transparent;
	border:solid 1px #f70958;
	font-size: 16px;
	padding: 5px 20px;
	width: 600px;
	border-radius: 0;
	-webkit-appearance: none;
}

.posttimestamp {
	position: relative;
	opacity: 0.7;
	left:40px;
	top:-25px;
	font-size: 12px;
	z-index: 4;
}

.pinned b {
	color:#373737;
}

.pinned i {
	color:#aaa;
}

.pinnedtitle {
color:#373737;
text-shadow:none;
}

.title {
font-size:200%;
margin-top:25px;
display:block;
margin-bottom:10px;
}

.posttitle {
	margin-top: 5px;
}

.streamtitle { 
	margin-top: 0px;
	margin-bottom: 25px;
}

.author {
opacity: 0.6;
position:relative;
top:-18px;
left:15px;
padding:10px;
}

.content {
	white-space:pre-wrap;
	text-align: justify;
	line-height: 18px;
	font-size: 17px;
}

.bigfeature {
	margin:20px 50px;
	font-size:20px;
	width: 920px;
	margin-left:-460px;
	left:50%; 
	max-width: 920px;
	position: relative;
	display: block;
	height:auto !important;
	clear: both;
	float: center;
	padding:15px;
}

.bigtitle {
	font-size:36px;
	margin-bottom:-50px; 
	margin-top:0px;
}

.bigauthor {
	font-size:18px;
	left:30px;
	top:45px;
	margin-bottom: 55px;
	opacity:0.6;
}

.bigcontent {
	font-size : 18px;
	line-height: 20px;
	padding:20px 20px;
	margin-top:20px;
	display: block;
}

.commentcontent{
	font-size:18px;
	color:#999;
	padding:10px 15px;
	padding-top:25px;
}

.shot {
width:90%;
display:block;
margin:0px auto 20px auto;
}

.content img {
	margin:10px;
}


.heartlist {
	font-size: 16px;
	margin: 16px;
	margin-left: 35px;
	margin-top: 26px;
}

.bigshot {
	width:auto;
	max-width: 90%;
	max-height: 200px;
	display:block;
	margin-left:15px;
	margin-top:35px;
}
 
.postshot {
border: #f5006e 2px solid;
margin-top: -15px;
}

a.posttitle.pinnedtitle  {
	color : #373737;
}

.bigpostshot {
	margin-top: 50px;
}

.gamesshot {
border-top: #000 2px solid;
margin-top:-20px;
}

.post {
z-index: 1;
float:left;
margin:8px 8px;
}

.games {
z-index: 1;
float:left;
margin:8px 8px;
}

.streams {
z-index: 1;
float:left;
margin:8px 8px;
height: 280px;
}


.controls {
padding:20px;
font-size:16px;
}

.smallermenu {
	font-size: 20px !important;
}

.smallermenu .menuitem {
	padding:2px 5px;
	top: -6px;
	position: relative;	
}

.menu {
/*font-family:petita;*/
font-size:32px;
text-align: center;
display:block;
position:relative;
width:100%;
padding:0;
}

.menuitem {
text-align:center;
padding:5px 10px;
display:inline-block;
border:0px red solid;
}

.logo {
width:300px;
display:block;
margin: 0 auto;
border:0;
}

.login {
width:640px;
margin: 10px auto 60px auto;
padding:20px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
margin-bottom:20px;
}

input {
font-family:yanone;
font-size:32px;
width:600px;
border:solid 1px #f70958;
background: #fff;
}

textarea {
font-family:yanone;
font-size:32px;
width:600px;
height:200px;
}

.notes {
	font-size: 18px;
	line-height: 22px;
}

.comment {
width:600px;
padding:20px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
margin:20px auto;
}

.coolmeter {
font-size:40px;
width:100px;
padding: 20px 0px;
text-aling:center;
display:inline-block;
text-align:center;
}

.submit {
cursor:pointer;
width:40%;
display:block;
margin: 20px auto;
}

#coolness {
width:430px;
display:inline-block;
text-align:center;
border:0;
margin:0;
}

.report {
width:100%;
text-align:center;
}

.profile {
width:920px;
margin:20px auto;
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
padding:15px;
font-size: 18px;
}

.additems {
width:920px;
margin:20px auto;
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
padding:15px;
font-size: 22px;
text-align: center;
}

.vertspace {
	height:10px;
	clear: both;
	display: block;
}
.vertspace2 {
	height:20px;
	clear: both;
	float:left;
	display: block;
	position: relative;
}

.tool {
font-size:22px;
text-align:center;
margin:5px auto;
display:inline-block;
padding:5px;
margin-right: 15px;
}

.about {
padding-left:50px;
}

.editbox {
width:640px;
margin:20px auto;
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
padding:20px;
}


.write {
width:640px;
margin:20px auto;
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
padding:20px;
}

.create {
width:610px;
margin:20px auto;
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
padding:20px;
}

.radio {
width:12px;
}
label {
font-size: 18px;
display:block;
padding:5px;
}

.downloadinput {
width:70%;
margin-right:20px;
}

.video {
width:720px;
height:480px;
display:block;
margin:40px auto;
}

.date {
font-family:gunblade;
font-size:28px;
width:400px;
margin-left: auto; 
margin-right: auto;
margin-bottom: -8px;
margin-top: 10px;
text-align:center;
}

.countdown {
/*font-family:gunblade;*/
text-transform: uppercase;
font-size:36px;
/*border: #f5006e 1px solid;*/
/*padding:20px;*/
/*width:340px;*/
margin: 0px auto;
text-align:center;
/*box-shadow: #f70958 0px 0px 2px inset;*/
}

.smalldown {
z-index: -1;
font-size:18px;
font-family: yanone;
margin-top: 16px;
}

.timerbox {
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	opacity:0.7;
}

.timer {
	height:45px;
}

.deleted {
	opacity:.2;
}

.notice {
	color:#fec912;
}

.timestamp {
	/*color:#c247b5;*/
}

.noaccount {
	text-align: center;
}

.disclaimer {
	font-size: 18px;
	color:#999;
}

#image {
	padding:5px;
	font-size: 16px;
}

.commentauthor {
	font-size: 18px;
}

#text, .commentarea {
	font-size: 20px;
}

.download_image {
	width: 48px;
	height: 48px;
}

.gamecontent {
	padding-top:0px;
	margin-top: 0px;
}


.tagline {
	padding: 0px;
	padding-left:45px;	
	margin-top: -10px;
	margin-bottom: -25px;
}

.icon {
	width: 26px;
	height:26px;
	display: inline-block;
}

.smallicon {
	width: 18px;
	height:18px;
	display: inline-block;
}

.smallcounter {
	width: 20px;
	margin-right: 30px;
}

.gameicons {
	position: absolute;
	top:3px; left:3px;
	display: block;
}

.posticons { 
	left:auto;
	right:3px;
}

.smallgameicon {
	background-image: url('gfx/icongame.png');
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	width: 26px;
	height: 26px;
	margin-top: -30px;
	margin-left:5px; 
	display: inline-block;
}

.chatbox, .chatboxframe {
	width:100%;
	position: relative;
	height:480px;
}

.adminuser a {	
	color: #333;
	padding-left: 22px;
	background-image: url(gfx/admin.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 16px;
}

.right {
	right:3px;
	float:right;
	left:auto;
}

.sevenh {
	background-image: url('gfx/7h.png');
	background-size: 26px 26px;
	background-repeat: no-repeat;
}

.hidden {
	visibility: hidden;
	display: none;
}

.hiddenicon {
	background:none !important;
}

.sevend {
	background-image: url('gfx/7d.png');
	background-size: 26px 26px;
	background-repeat: no-repeat;
}

.iconwin {
	background-image: url('gfx/iconwin.png');
	background-size: 26px 26px;
	background-repeat: no-repeat;
}
.iconweb {
	background-image: url('gfx/iconweb.png');
	background-size: 26px 26px;
	background-repeat: no-repeat;
}
.iconmac {
	background-image: url('gfx/iconmac.png');
	background-size: 26px 26px;
	background-repeat: no-repeat;
}
.iconlinux {
	background-image: url('gfx/iconlinux.png');
	background-size: 26px 26px;
	background-repeat: no-repeat;
}

.finishedicon {
	background-image: url('gfx/finished.png');
	background-size: 26px 26px;
	background-repeat: no-repeat;
}

.hearticon {
	cursor: pointer;
	background-image: url('gfx/heart.png');
	background-size: 26px 26px;
	background-repeat: no-repeat;
}

.heartsicon {
	background-image: url('gfx/hearts.png');
	background-size: 18px 18px;
	background-repeat: no-repeat;
}

.smallcounter p {
	left: 19px;
	opacity: 1;
	position: relative;
	display: inline;
}

.commentsicon {
	background-image: url('gfx/comments.png');
	background-size: 18px 18px;
	background-repeat: no-repeat;
}

.pinned.hearticon {
	background-image: url('gfx/heart.png') !important;
}
.pinned.unhearticon {
	background-image: url('gfx/unheart.png') !important;
}

.pinned.heartsicon {
	background-image: url('gfx/hearts.png') !important;
}
.pinned.commentsicon {
	background-image: url('gfx/comments.png') !important;
}

.unhearticon {
	cursor: pointer;
	background-image: url('gfx/unheart.png');
	background-size: 26px 26px;
	background-repeat: no-repeat;
}


.checkbox {
	width: 30px;	
	margin-bottom: 50px;
	margin-left: 30px;
	clear: both;
	position: relative;
	color:#f70958;
}

.checkbox input {
	width: 1px;
	position: relative;
	display: block;
	top:0px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);	
	height:1px;
	font-size: 5px;
	color:#f70958;
}

.checkbox label {
	font-size: 30px;
	cursor: pointer;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 0;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	background: #FFFFFF;
	color:#f70958;

	/*background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );*/
}

.checkbox label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 25px;
	height: 10px;
	background: transparent;
	top: 10px;
	left: 7px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.checkbox label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.checkbox input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

code {
font-size:12px;
}