body
{
  background:url(../img/light-bg.jpg) no-repeat scroll 0 0 #EAEAEA;
  color:#555;
  font-family:"ratio-1", "ratio-2", Arial,Helvetica,Helvetica Neue,Verdana,sans-serif;
  font-size:13px;
  border-top:15px solid #232325;
  line-height:1.6;
}

a
{
  text-decoration:none;
  color:#242F33;
}

img
{
  border:medium none;
  margin:0 0 15px;
  padding:0;
}

p
{
  color:#49595F;
  margin:0 0 15px;
  font-family: "ratio-1", "ratio-2", sans-serif;
}

h1
{
  background:#3174AA;
  color:#FFF;
  display:block;
  width:100px;
  text-align:center;
  font-size: 18px;
  padding: 3px;
}

h2
{
	font-size: 16px;
	padding: 5px;
}

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

#wrapper
{
  margin-top:25px;
}

#logo
{
  float:left;
  margin-bottom:75px;
}

#logo .name
{
  color:#222;
  display:block;
  font-size:81px;
  font-weight:700;
  line-height:1;
  margin:0;
}

#social_icons
{
  float:right;
}

#social_icons a
{
  float:left;
  margin:5px;
  
}

#social_icons a img
{
  margin:0;
  opacity: 0.4;
}

#social_icons a img:hover
{
	opacity: 1.0;
}

#about img
{
  float:right;
  margin:0 0 15px 15px;
}

#about .fbpic
{
  border:2px solid #c4c8cc;
  -moz-box-shadow:5px 5px 7px #888;
  -webkit-box-shadow:5px 5px 7px #888;
}

#work ul li
{
  background:#eaeaea;
  float:left;
  width:217px;
  list-style-type:none;
  margin:30px 30px 0 0;
  padding:10px;
}

#work ul li:hover
{
  background:#e2e2e2;
  cursor:pointer;
}

#work ul li a img:hover
{
	opacity: 0.8;
}

#work ul li h3
{
  color:#FF3716;
  font-size:18px;
  font-weight:700;
}

#footer
{
  float:left;
  text-align:center;
  width:850px;
  margin-top:15px;
}

#footer p
{
  color:#848484;
  font-size:.85em;
  line-height:1.5em;
  margin:0;
}

#about,#work
{
  float:left;
}