body {
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  background: #f3f3f3;
  -webkit-text-stroke: 1px transparent;
}
span#toggle {
  background: #333333;
  color: #eeeeee;
  position: fixed;
  top: 0;
  left: 0;
  font-size: 12px;
  display: inline-block;
  padding: 2px 6px;
  cursor: pointer;
}
a { color: #111111; }
header, footer, nav { display: block; }
#wrap {
  width: 980px;
  margin: 30px auto 30px auto;
  background-color: #ffffff;
  border: 8px solid #ffffff;
  border-width: 8px;
  -webkit-box-shadow: 0 0 5px #c3c3c3;
  -moz-box-shadow: 0 0 5px #c3c3c3;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.container {
  position: relative;
  min-height: 450px;
}
.container em { background: #feffd6; }
.container a {
  color: #176ec7;
  text-decoration: none;
  border-bottom: 1px dotted #176ec7;
}
.container a:hover {
  color: #ffffff;
  background: #176ec7;
  border: 0;
}
h2 {
  font-size: 1.333em;
  color: #333333;
}
#header {
  background: #111111;
  border-top: 8px solid #eb2100;
  padding: 8px 15px;
  color: #ffffff;
}
#header a {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition-property: background-color, color, text-shadow;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
}
#header a:hover { color: #ffffff; }
#header h1 {
  float: left;
  margin: 0;
  font-size: 26px;
  line-height: 36px;
}
#header h1 a span {
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-in;
  color: #111111;
  font-size: 14px;
}
#header h1 a:hover span { color: #929292; }
#header em {
  font-style: normal;
  font-size: 14px;
  font-weight: bold;
  color: #bbbbbb;
  float: right;
  line-height: 13px;
  margin-top: 13px;
  text-transform: uppercase;
}
#tagline {
  color: #176ec7;
  text-transform: uppercase;
  font-size: 34px;
  padding: 10px 15px;
  text-indent: -9999px;
  background: #dfecfa url(../images/tagline.gif) 15px 20px no-repeat;
  margin-bottom: 15px;
}
#footer {
  clear: both;
  border-top: 1px solid #eeeeee;
  padding: 1.5em 0;
  color: #999999;
  text-transform: uppercase;
  font-size: 0.9em;
}
#footer p { margin-bottom: 0; }
.article .deck p {
  font-size: 20px;
  color: #777777;
}
.article .body p { margin-left: 120px; }
.article .body ul {
  padding-left: 0;
  margin-left: 120px;
}
.article .body ol {
  padding-left: 0;
  margin-left: 120px;
}
.intro {
  font-size: 1.666em;
  line-height: 2.25em;
  color: #555555;
}
.intro strong.lead {
  color: #333333;
  font-size: 0.95em;
}
.intro em { font-style: normal; }
.intro img { height: 146px; }
.intro a { font-weight: bold; }
.sidebar {
  float: none !important;
  display: block;
  position: absolute;
  right: 0;
}
.sidebar .inner_side {
  position: absolute;
  top: 0;
  width: 230px;
}
.sidebar ul {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
}
.sidebar ul li:first-child { border-top: 0; }
.sidebar ul li:last-child { border-bottom: 0; }
.sidebar ul li a {
  border: 0;
  color: #555555;
  text-align: left;
  font-size: 1.125em;
  line-height: 16px;
  font-weight: bold;
  display: block;
  background-color: #ffffff;
  padding: 10px 22px;
  text-decoration: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.sidebar ul li a span {
  color: #bbbbbb;
  display: none;
}
.sidebar ul li.blog a {
  font-size: 1.8666em;
  line-height: 1em;
  color: #333333;
}
.sidebar ul li.portfolio a {
  font-size: 1.8666em;
  line-height: 1em;
  color: #333333;
}
.sidebar ul li.twitter a {
  padding-left: 46px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: 22px 50%;
}
.sidebar ul li.facebook a {
  padding-left: 46px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: 22px 50%;
}
.sidebar ul li.linkedin a {
  padding-left: 46px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: 22px 50%;
}
.sidebar ul li.email a {
  padding-left: 46px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: 22px 50%;
}
.sidebar ul li.twitter a { background-image: url(../images/twitter.png); }
.sidebar ul li.facebook a { background-image: url(../images/facebook.png); }
.sidebar ul li.linkedin a { background-image: url(../images/linkedin.png); }
.sidebar ul li.email {
  margin-top: 1em;
  border-top: 1px solid #dddddd;
  padding-top: 1em;
}
.sidebar ul li.email a { background-image: url(../images/email.png); }
.sidebar ul li a:hover {
  color: #111111;
  background-color: #f3f3f3;
}
.sidebar ul li a:hover span { display: inline; }
.sidebar strong.hireme {
  display: block;
  color: #333333;
  background: #fdfec1;
  padding: 10px 12px 10px 22px;
  margin-bottom: 10px;
  font-size: 1.125em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.sidebar p.about {
  border-top: 1px solid #dddddd;
  color: #888888;
  line-height: 1.75em;
  padding-top: 1.5em;
  padding-left: 22px;
}
.fixed .inner_side {
  position: fixed;
  top: 10px;
}
#portfolio .sidebar ul li.portfolio a {
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-position: 3px 50%;
}
#blog .sidebar ul li.blog a {
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-position: 3px 50%;
}