@charset 'UTF-8';
@import url('font-hns.css');

body{
background: #000 url('img/tile.jpg') repeat;
font-family:'ShareTech', sans-serif;
font-size: 16px;
}

.header {
background:url('img/hns-header-desktop.png');
width:1072px;
height:549px;
}

h1 {
font-family:'PressStart', sans-serif;
clear:both; 
padding:0; 
margin:2em 0 0 0;
}

.container {
width:1072px;
margin:0 auto;
}

.callout {
background:url('img/steam-callout.png');
position:absolute;
width:197px;
height:167px;
margin-top: 220px;
margin-left: 650px;
}

.award {
background:url('img/indiecade2014-callout.png');
position:absolute;
width:140px;
height:140px;
margin-top: 240px;
margin-left: 280px;
}

.main {
display:inline-block; 
width:715px; 
height:1650px; 
background-color:#aba5c5; 
padding:0 2em; 
margin: -4px 0 0 -4px; 
border:0; 
z-index:50; 
position:relative; 
float:left;
}

#video {
margin:auto;
}

.text1 {
width:200px; 
float:left; 
display:inline-block; 
padding:2em 0 0 0;
}

.characters {
display:inline-block; 
float:left; 
padding:1em 0 0 3em;
}

.clear {
clear:both;
}

.padding {
padding:2em 0 0 0;
}

.margin {
margin:1em 0 0 0;
}

.arrow-right {
width: 0; 
height: 0; 
border-top: 10px solid transparent; 
border-bottom: 10px solid transparent;	
border-left: 10px solid #72fefd; 
float:left;
}

.linktext {
float:left; 
margin:0 0 0 1em;
}

.center {
display:block;
margin:auto;
}

.notch {
border-width:18px; 
-webkit-border-image: url(img/border.png) 18 18 stretch; /* Safari 3.1-5 */ 
-o-border-image: url(img/border.png) 18 18 stretch; /* Opera 11-12.1 */ 
border-image: url(img/border.png) 18 18 stretch; 
}

#links a {
font-family:'PressStart', sans-serif;
color:#72fefd;
font-size: 12pt;
border:0;
margin:0;
padding:0;
}

#steam {
margin:1em 0 0 0; 
padding:2em; 
background: #151515;
}

#footer {
display:inline-block; 
width:1072px; 
height:191px; 
background: url('img/hns-footer-desktop.png');
}

#logos {
width:112px; 
margin:1em auto;
}

#left {
display:inline-block; 
width:116px; 
height:1650px; 
background: url('img/hns-left-column.png') repeat-y; 
margin:-4px 0 0 35px; 
z-index:80; 
position:relative; 
float:left;
}

#right {
display:inline-block; 
width:116px; 
height:1650px; 
background: url('img/hns-right-column.png') repeat-y; 
margin:-4px 24px 0 -6px; 
z-index:80; 
position:relative; 
float:left;
}