/*
Theme Name: Youmans Blog
Theme URI: http://yomenzdesign.com/
Description: 
Version: 1.0
Author: Garrett Bjerkhoel
Author URI: http://garrettbjerkhoel.com/
*/

/* Complete Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}
img,button { border: 0; }
a img { border: 0; }
ol,ul { list-style: none; }
q:before { content: ''; }
q:after { content: ''; }

/* Clear floating elements */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* General styling */
body {
  background: #000;
  font: 12px/18px "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #fff;
	-webkit-text-stroke: 1px transparent;
}
input,fieldset {
  border: 0;
}
input {
  outline: none;
  font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
a {
  text-decoration: none;
  color: #6cc2f8;
}
a:hover {
  text-decoration: underline;
}
a:active {
  outline: none;
}

p {
  line-height: 23px;
}

#wrapper {
  width: 942px;
  margin: 0 auto;
}

/* Header */
#header {
  height: 142px;
  padding: 67px 0 1px;
  border-bottom: 1px solid #454543;
}
#header ul {
  float: right;
}
#header li {
  float: left;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 11px;
  margin: 0 0 0 42px;
  font-weight: bold;
}
#header li a {
  color: #fff;
}
#header li a.active,
#header li a:hover {
  text-decoration: none;
  color: #6cc2f8;
}
#header h1 {
  width: 548px; height: 212px;
  position: absolute;
  margin: -67px 0 0 -94px;
}
#header h1 a {
  background: url('images/global/logo.png') no-repeat;
  width: 548px; height: 212px;
  display: block;
  font-size: 0.1em;
  text-indent: -9999em;
}

/* Content */
#content {}
#content #left {
  width: 695px;
  float: left;
  margin: 0 25px 0 0;
}
#left .post {
  padding: 10px 0 25px; margin: 0 0 55px;
  border-bottom: 1px solid #454543;
}
.post .meta {
}
.post .meta h3 {
  text-transform: uppercase;
  color: #6cc2f8;
  font-size: 11px;
  padding: 0 0 18px;
  font-weight: normal;
}
.post .meta h2 {
  font-size: 22px;
}
.meta h2 a {
  color: #fff;
}
.post .body p {
  padding: 15px 0;
  font-size: 13px;
}
#content #right {
  width: 220px;
  float: left;
  padding: 10px 0 0;
}
.section {
  margin: 0 0 15px;
}
.section h2 {
  background: #6cc2f8;
  color: #fff;
  font-size: 12px;
  padding: 2px 8px;
  letter-spacing: 4px;
  text-transform: uppercase;
}
.section ul {
  padding: 10px;
}
.section li {
  padding: 2px 0;
  font-size: 11px;
}

/* Footer */
#footer {
  border-top: 1px solid #454543;
  font-size: 10px;
  padding: 15px 0;
}
#footer a {
  color: #6cc2f8;
}
#footer .links {
  float: right;
}
#footer li {
  float: left;
  margin: 0 0 0 20px;
}
#footer li a {
  height: 19px;
  display: block;
  text-indent: -9999em;
  font-size: 0.1em;
}
#footer a.krop {
  background: url('images/logos/krop.gif') no-repeat;
  width: 49px; height: 22px;
}
#footer a.linked_in {
  background: url('images/logos/linked_in.gif') no-repeat;
  width: 53px;
}
#footer a.behance {
  background: url('images/logos/behance.gif') no-repeat;
  width: 101px;
}
ul.links {
  padding: 0;
}