html
{
  background:#444;
}
body 
{
  background:#444;
  color:#eee;
  font-size: 13px;
  font-family: "Arial", sans-serif;
  margin:0;
  width:962px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}
.mac body
{
  font-family: "Helvetica Neue", sans-serif;
}

#heading
{
  margin:2px 0 5px;
}
h1
{
  display:inline;
  font-size:26px;
  font-weight:normal;
  color:#ccc;
}
h1 a
{
  color:#ccc;
  text-decoration:none;
}
.mac h1
{
  font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", sans-serif;
  font-weight: 300;
}
h2
{
  float:left;
  font-size:100%;
  margin:0;
}
#subdetails
{
  float:right;
  text-align:right;
  color: #888;
}
#subdetails span
{
  color:#eee;
}
#pic img
{
  border:1px solid #eee;
}
#caption
{
  clear:both;
  color: #ccc;
}
.portrait #details
{
  width:522px;
}

#controls
{
  display:inline;
}
#controls a:link,
#controls a:visited,
#loading
{
  margin-left:16px;
  color:#ccc;
  text-decoration:none;
}


#main
{
  position:relative;
  z-index:2;
}

#bg
{
  font-size:500px;
  font-weight:900;
  letter-spacing:-70px;
  color:#505050;
}
#a,#b
{
  position:absolute;
  left:-90px;
  z-index:1;
}
#a
{
  top:-115px;
}
#b
{
  top:200px;
}


.mac #bg
{
  font-size:500px;
  font-weight:900;
  letter-spacing:-70px;
  color:#505050;
}
.mac #a,.mac #b
{
  position:absolute;
  left:-90px;
  z-index:1;
}
.mac #a
{
  top:-115px;
}
.mac #b
{
  top:205px;
}

#intro
{
  width:550px;
  line-height:1.4;
}
#intro a
{
  color:#eee;
}