@font-face
{
font-family: 'Mother';
src: url('steelfish.eot');
src: local('Steelfish'), url('steelfish.otf') format('truetype');
// Steelfish font by Larabie Fonts – http://www.larabiefonts.com/
}

html, body, h1, h2, p, ul, li
{
margin: 0;
padding: 0;
line-height: 1.4em;
}

html
{
text-align: center;
font: 0.9em 'Helvetica Neue', Arial, sans-serif;
letter-spacing: -0.08em;
word-spacing: 0.2em;
background: #000;
color: #fff;
}

body
{
width: 640px;
margin: 50px auto;
text-align: justify;
}

h1, div
{
padding: 20px;
background: #fff;
color: #000;
clear: both;
}

p
{
margin: 20px 0;
}

img
{
display: block;
line-height: 0;
border: none;
}

acronym
{
border: none;
}

h1, div#logo
{
font: 4em 'Mother', Impact, sans-serif;
font-weight: normal;
text-align: center;
text-transform: uppercase;
letter-spacing: -0.02em;
line-height: 1em;
}

h2
{
margin: 0 0 20px;
font: 4em 'Mother', Impact, sans-serif;
font-weight: normal;
text-align: left;
text-transform: uppercase;
line-height: 1em;
overflow: hidden;
letter-spacing: -0.02em;
}

a
{
color: #000;
text-decoration: none;
text-transform: uppercase;
border-bottom: 1px solid;
}

a:hover, a:focus
{
cursor: pointer;
background: #000;
color: #fff;
}

a:active
{
color: #000;
background: none;
border: none;
}

a.expand
{
display: block;
position: absolute;
top: 0;
left: 0;
width: 600px;
line-height: 110%;
padding: 0 20px;
text-align: right;
font-size: 5em;
border: none;
cursor: pointer;
}

a.expand:hover, a.expand:focus
{
background: none;
color: #000;
}

div
{
margin: 20px 0;
overflow: hidden;
}

div.collapsed, div.expanded
{
position: relative;
}

div#ie h2
{
color: #f00;
}

div#ie p
{
margin-bottom: 0;
}

div#watch ul
{
overflow: hidden;
margin: -3px -6px 0;
}

div#watch ul li
{
float: left;
width: 56px;
height: 56px;
margin: 3px 6px;
list-style: none;
}

div#watch ul a
{
display: block;
height: 50px;
width: 50px;
overflow: hidden;
padding: 2px;
border: 1px solid #000;
opacity: 0.9;
position: relative;
}

div#watch ul a:hover, div#watch ul a:focus
{
opacity: 1;
}

div#watch ul a:active
{
border-color: #fff;
}

div#watch ul a.loading:after
{
content: '';
display: block;
width: 50px;
height: 50px;
position: absolute;
top: 0;
left: 0;
background: url('../images/loading.gif') no-repeat center;
}

div#image
{
margin: 12px 0 0;
padding: 0;
}

p#photo, p#email
{
margin-bottom: 0;
}

p#author
{
margin-top: 0;
}

div#download ul
{
list-style: none;
overflow: hidden;
width: 100%;
}

div#download li
{
float: left;
}

div#download li a
{
float: left;
display: block;
width: 150px;
height: 150px;
padding: 9px;
margin: 15px;
border: 1px solid #000;
text-align: center;
line-height: 150px;
display: inline;
}

div#download li a:active
{
border-color: #fff;
}

p#email a
{
font-size: 1.2em;
}