html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
.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%}

html {
   overflow-y: scroll; /* remove */
   background: url('../img/bg.png'); /* http://bg.siteorigin.com/ Pattern: Grey, 2x */
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 400;
   color: #333;
}

h2 {
   font-size: 38px;
   line-height: 42px;
}

h2 a {
   color: #333;
}

code, pre {
   font-family: Inconsolata, Courier, monospace;
   line-height: 28px;
}

a {
   text-decoration: none;
   color: #00E;
}

a:hover {
   text-decoration: underline;
   color: #555;
}

b {
   font-weight: bold;
}

ul {
   list-style: circle;
   padding-left: 25px;
   line-height: 20px;
}

#disqus_thread {
   min-height: 394px;
}

#sidebar {
   position: fixed;
   right: 0;
   text-align: center;
   width: 250px;
   height: 100%;
   padding: 75px 50px 50px 50px;
   float: right;
   font-size: 13px;
   line-height: 24px;
   display: block;
   z-index: 100;
}

.facebook { background-color: #3b5998 }
.linkedin { background-color: #4875b4 }
.twitter { background-color: #3cf }
.google-plus { background-color: #c63d2d }

#sidebar .social {
   width: 50px;
   height: 50px;
   display: block;
   float: left;
   overflow: hidden;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin: 6px;
}

#sidebar .social:hover {
    border-bottom: 3px solid #888;
    margin-bottom: 3px;
}

#wrapper {
   max-width: 1075px;
   position: relative;
   float: right;
   padding: 75px 350px 0 75px;
   display: block;
}

.post {
   padding: 40px 140px 15px 140px;
   margin-bottom: 75px;
   position: relative;
   background-color: white;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.post p {
   font-size: 16px;
   line-height: 28px;
   margin-bottom: 18px;
}

.post .title {
   margin: 0 0 14px 0;
}

.post .date {
   position: absolute;
   left: 0;
   top: 50px;
   width: 40px;
   height: 40px;
   text-align: center;
}

.post .date  .top {
   background-color: #ccc;
   line-height: 17px;
   -webkit-border-top-right-radius: 5px;
   -moz-border-radius-topright: 5px;
   border-top-right-radius: 5px;
}

.post .date  .rest {
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   line-height: 23px;
   -webkit-border-bottom-right-radius: 5px;
   -moz-border-radius-bottomright: 5px;
   border-bottom-right-radius: 5px;
}

.post .info {
   padding: 15px 0;
}

#footer {
	width: 100%;
	text-align: center;
   padding-bottom: 25px;
}