/* ----------------------------------------------------------------------------
    Setup
   --------------------------------------------------------------------------*/
/* Globals */
/* Mixins */
/* Resets */
body {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6, p, ul, ol {
  margin: 0 0 12px 0;
  font-weight: normal; }

ul, ol {
  padding-left: 15px; }

li {
  margin-bottom: 6px; }

a img {
  border: 0; }

a, input:focus {
  outline: none; }

/* ----------------------------------------------------------------------------
    Styles
   --------------------------------------------------------------------------*/
body {
  border-top: 7px solid #58aac5;
  font: 15px "Lucida Grande", Verdana, sans-serif;
  color: #333333;
  background: url(/images/bg.png); }

#body {
  border-top: 1px solid #548696; }

#wrapper {
  width: 588px;
  padding: 0 6px;
  margin: 0 auto; }

#top {
  font-size: 10px;
  height: 18px;
  line-height: 18px;
  text-align: right;
  text-shadow: 0px 1px 0px #fff; }
  #top a {
    color: #999;
    text-decoration: none;
    -moz-transition-property: color;
    -moz-transition-duration: 1s;
    -moz-transition-delay: 0;
    -webkit-transition-property: color;
    -webkit-transition-duration: 1s;
    -webkit-transition-delay: 0;
    -o-transition-property: color;
    -o-transition-duration: 1s;
    -o-transition-delay: 0;
    transition-property: color;
    transition-duration: 1s;
    transition-delay: 0; }
    #top a:hover {
      color: #000; }

#header {
  height: 90px;
  position: relative; }
  #header #logo {
    position: absolute;
    top: 30px;
    left: 0;
    width: 588px; }

#main {
  padding: 30px 0 45px;
  min-height: 300px;
  text-shadow: 0px 1px 0px #fff; }
  #main a {
    color: #2f7288;
    text-decoration: none; }
    #main a:hover {
      color: #ec532c;
      text-decoration: underline; }

#photo_of_me {
  float: right;
  margin: 0 0 6px 9px; }
  #photo_of_me img {
    border: 1px solid #fff;
    display: block;
    width: 240px; }

#social a {
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-indent: -500%;
  background-image: url(/images/social.png);
  display: inline-block;
  vertical-align: bottom;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=5);
  -moz-transition-property: opacity;
  -moz-transition-duration: 1s;
  -moz-transition-delay: 0;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 1s;
  -webkit-transition-delay: 0;
  -o-transition-property: opacity;
  -o-transition-duration: 1s;
  -o-transition-delay: 0;
  transition-property: opacity;
  transition-duration: 1s;
  transition-delay: 0; }
  #social a:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=10); }
  #social a.twitter {
    background-position: 32px 0; }
  #social a.facebook {
    background-position: 16px 0; }
  #social a.google_plus {
    background-position: 0 0; }

/* other */
.clear {
  clear: both; }