/*

	Build Internet
	Global LESS
	
	@author: 	Sam Dunn
	@version: 	4.0
	@company: 	One Mighty Roar
	@date:		2013
	
--------------------------------------- */
/*

	Build Internet
	Relic LESS (TO BE PHASED OUT)
	
	@author: 	Sam Dunn
	@version: 	4.0
	@company: 	One Mighty Roar
	@date:		2013
	
--------------------------------------- */
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
/* Typography General
	---------------------------*/
span.important {
  background: #FFF8AF;
}
/* Common
	---------------------------*/
.clear {
  height: 0px;
  width: 100%;
  overflow: hidden;
  visibility: hidden;
  display: block;
}
.padding {
  padding: 20px;
}
.subtext {
  font-weight: bold;
  font-size: 12px;
  font-family: "proxima-nova-1", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666;
  text-transform: uppercase;
}
.subtext a {
  text-transform: none;
  letter-spacing: normal;
  color: #35aae6;
  font-weight: 600;
  float: right;
}
.link-element {
  color: #CA0000;
}
/*Headings
	h2{ font-weight:bold; font-size: 28px; font-family: "adelle-1","Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; letter-spacing: .4px;}
	h3{ margin:20px 0 5px 0; font-weight:bold; font-size:24px; font-family:"adelle-1","Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; clear:both;}
	h4{ margin:5px 0 5px 0; font-size:21px; font-family:"adelle-1","Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; font-weight:thin;  clear:both;}
	h5{ margin:0 0 5px 0; font-weight:bold; font-size:13pt; font-family:"adelle-1","Helvetica Neue", Helvetica, Arial, sans-serif; color:#333;  clear:both;}*/
.top-link {
  visibility: hidden;
}
/* Special Features */
/* Blog announcement & alert */
.alert {
  width: 100%;
  background: #FFEA51;
  color: #262303;
  display: none;
}
.alert p {
  text-align: center;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, arial, sans-serif;
  padding: 12px 0px;
  margin: 0;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.2);
}
.alert a {
  color: #C80904;
}
.alert a:hover {
  text-decoration: underline;
}
/* Backwards compatible w/ embedded post announcements */
p.announcement {
  padding: 10px !important;
  width: auto;
  margin: 20px 0px 10px 0px;
  background: #FFF8AF;
}
p.announcement a {
  color: #A90000 !important;
  font-weight: bold;
}
/* Main Content Area */
#content-wrapper {
  clear: both;
  width: 100%;
  text-align: center;
  -webkit-box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.05);
}
#content {
  width: 1190px;
  margin: 0px auto;
  text-align: left;
  overflow-y: auto;
  overflow-x: hidden;
}
#main-column {
  width: 708px;
  float: left;
  clear: right;
  background: #fff;
  border-right: 1px solid #eee;
  height: auto !important;
  min-height: 1710px;
  overflow: hidden;
}
#main-column .padding {
  padding: 30px 30px 30px 30px;
}
#main-column .article p,
.article li {
  padding: 0 0 10px 0;
  font-weight: 500;
  font-size: 16px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 140%;
  color: #666;
}
.legacy-banner {
  margin: 0 0 20px 0;
}
.intro-text {
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 20px;
  display: block;
  clear: both;
}
.intro-text a {
  color: #008AB4;
}
.intro-text p {
  padding: 0;
  color: #777;
  margin-top: 15px;
  font-weight: 300;
  font-size: 22px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 130%;
}
#main-column .article .intro-text p {
  padding: 0;
  color: #777;
  margin-top: 15px;
  font-weight: 300;
  font-size: 22px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 130%;
}
.article img {
  max-width: 100%;
  height: auto;
}
.article h5 {
  margin: 0 0 5px 0;
  font-weight: normal;
  font-size: 13pt;
  letter-spacing: .2px;
  font-family: Arial, sans-serif;
  color: #333;
}
#main-column .article .post-end h5 {
  font-weight: bold;
}
/* Lists in Article */
.article ol,
.article ul {
  margin: 10px 0px 10px 20px;
}
.article ol li {
  list-style: decimal;
}
.article ul li {
  list-style-image: url('http://buildinternet.s3.amazonaws.com/theme-files/images/li-bullet.png');
}
#main-column .article p.date-posted a,
#main-column .article .post-end ul a,
#main-column ul a,
#right-sidebar p a,
#right-sidebar ul a {
  text-decoration: none;
  color: #35aae6;
  font-weight: 600;
}
#main-column .article .post-end a:hover,
#main-column .article p.date-posted a:hover,
#right-sidebar a:hover,
h5 a:hover {
  color: #2396d2;
}
#main-column .article-content p a,
#main-column .article-content li a {
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px solid #ccc;
  color: #555;
}
#main-column .article-content h3 a {
  border: none;
  font-weight: lighter;
  color: #666;
}
#main-column .article-content p img {
  margin: 10px 0;
}
#main-column .article-content p img.aligncenter {
  margin: 0 auto;
}
#main-column .article-content a:hover {
  color: #111;
  border-bottom: 1px solid #aaa;
}
h5 a {
  color: #333;
}
#main-column p.date-posted {
  width: 100%;
  text-align: right;
  font-weight: 400;
  font-size: 14px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 100%;
  color: #999;
  margin: 10px 0 0px 0;
  padding: 15px 0 15px 0;
  border-top: 1px solid #eee;
}
p.date-posted .view-counter {
  float: left;
}
p.facebook-end {
  text-align: left;
  margin: 10px 0 0 0;
  padding: 0;
  height: 24px;
  overflow: hidden;
}
.tweet-reaction {
  background: #c0deed url('http://buildinternet.s3.amazonaws.com/theme-files/images/twitter-bg.jpg') no-repeat;
  padding: 20px 15px;
  margin: 5px 0 0 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
span.mood {
  font-weight: bold;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222;
}
.tweet-reaction a {
  float: right;
  margin: -7px 0 0 0;
  background: url('http://buildinternet.s3.amazonaws.com/theme-files/images/tweet-button.png') top left no-repeat;
  width: 161px;
  height: 34px;
  overflow: hidden;
  text-indent: -9999px;
}
/* Code Formatting 
				---------------------------*/
#main-column pre {
  background: #eee;
  color: #444;
  font: "Monaco", "Courier New", monospace;
  padding: 20px;
  clear: both;
  margin: 10px 0;
  overflow-x: scroll;
}
/* End of post link lists (e.g. Related Articles) */
.post-end {
  border-top: 2px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 15px 0;
  margin: 0 0 20px 0;
  overflow: auto;
}
.post-end a {
  color: #35aae6;
  font-weight: 600;
  font-size: 15px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 100%;
}
.post-end a:hover {
  color: #2396d2;
}
.block.recommended {
  margin: 0 10px 0 0;
  padding: 0 5px 0 0;
}
.article .block ul {
  padding: 5px 0 0 15px;
  margin: 0 0 0 0;
  line-height: 150%;
  color: #333;
}
.article .block li {
  margin: 0 0 3px 0;
  list-style-image: url('http://buildinternet.s3.amazonaws.com/theme-files/images/li-bullet.png');
  font-weight: bold;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.bsa-end-post {
  margin: 15px 0 0 0;
}
#discussion {
  margin: 10px auto;
  width: 100%;
}
#discussion img {
  border: none;
}
#discussion .button-wrap {
  float: right;
  display: block;
}
#discussion .button-wrap a {
  background: #35aae6;
  border: none;
  overflow: hidden;
  color: #fff;
  padding: 12px 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 16px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 100%;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
#discussion .button-wrap a:hover {
  background: #2396d2;
}
#discussion .button-wrap.add-comment {
  margin: 7px 0 0 0;
}
.comment-tally {
  color: #999;
  font-size: 24px;
  font-weight: normal;
}
.comment-thread {
  margin: 20px 0 0 0;
  padding: 0;
  border-top: 1px solid #ddd;
}
.comment-thread a {
  color: #35aae6;
  font-weight: 600;
}
.comment-thread a:hover {
  color: #2396d2;
}
.comment-thread cite {
  margin-bottom: 3px;
  padding-bottom: 0;
  display: block;
  color: #222;
  font-weight: 700;
  font-size: 16px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 140%;
}
.comment-thread cite a {
  color: #4a4a4a;
  font-weight: 700;
  font-size: 16px;
  font-family: "freight-sans-pro", Helvetica, Arial, sans-serif;
  line-height: 100%;
}
.comment-thread cite a:hover {
  color: #35aae6;
}
.comment {
  margin-bottom: 0px;
  padding: 20px 0 10px 0;
  list-style: none;
  height: auto;
  overflow: hidden;
}
.comment p {
  font-weight: 500;
  font-size: 16px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 140%;
  color: #777;
}
cite span.theauthor,
cite span.crew {
  display: none;
}
li.bypostauthor cite span.theauthor {
  display: inline-block;
  margin-left: 5px;
  padding: 5px 15px;
  background: #2396d2;
  color: #fff;
  border: none;
  font-weight: 700;
  font-size: 12px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 100%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
li.bypostauthor li span.theauthor {
  display: none;
}
li.bypostauthor li.bypostauthor span.theauthor,
li.bypostauthor li.bypostauthor li.bypostauthor span.theauthor {
  display: inline;
}
li.comment-author-sdunn cite span.crew,
li.comment-author-zdunn cite span.crew,
li.comment-author-bmuse cite span.crew {
  display: inline-block;
  margin-left: 3px;
  padding: 5px 15px;
  background: #31333a;
  color: #fff;
  border: none;
  font-weight: 700;
  font-size: 12px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 100%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
li.comment-author-zdunn li span.crew,
li.comment-author-sdunn li span.crew,
li.comment-author-bmuse li span.crew,
li.comment-author-chandlershotgun li span.crew {
  display: none;
}
/*Guest responds to Editor Depth 1*/
li.comment-author-zdunn li.comment-author-zdunn span.crew,
li.comment-author-sdunn li.comment-author-sdunn span.crew,
li.comment-author-bmuse li.comment-author-bmuse span.crew {
  display: inline;
}
/*Editor responds to Editor Depth 1*/
li.comment-author-zdunn li.comment-author-zdunn li span.crew,
li.comment-author-sdunn li.comment-author-sdunn li span.crew,
li.comment-author-bmuse li.comment-author-bmuse li span.crew {
  display: none;
}
/*Guest responds to editor Depth 2*/
.comment-thread .comment .message {
  padding: 0 0 15px 0;
  /*-webkit-box-shadow:0px 0px 3px rgba(0,0,0, .2);*/
  clear: both;
}
.comment-thread .comment .message p {
  margin-bottom: 10px;
}
.depth-1 {
  border-bottom: 1px solid #ddd;
  margin: 10px 0 10px 0;
}
.depth-2 {
  margin-left: 30px;
  margin: 10px 0 0 80px;
  border-top: 1px solid #eee;
}
.depth-2 .message {
  padding: 0 0 15px 0;
  margin: 15px 0 0 0;
}
.depth-3 {
  margin: 10px 0 0 80px;
  border-top: 1px solid #eee;
}
.gravatar-col {
  margin-right: 10px;
  padding: 0 0 15px 0;
  width: 70px;
  height: 100%;
  float: left;
}
.gravatar-col img {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.depth-2 a,
.depth-3 a {
  color: #4a4a4a !important;
}
.depth-2 a:hover,
.depth-3 a:hover {
  color: #35aae6 !important;
}
.depth-2 p a,
.depth-3 p a {
  color: #35aae6 !important;
  font-weight: 600;
}
.depth-2 p a:hover,
.depth-3 p a:hover {
  color: #2396d2 !important;
}
p.comment-options {
  text-align: left;
  padding: 5px 0 0 80px;
  margin: 0;
  color: #999;
  font-weight: 400;
  font-size: 14px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 100%;
}
.comment p {
  padding-left: 80px;
}
.cancel-comment-reply a {
  color: #A90000 !important;
  font-weight: 600;
}
/* End of new comment styles *//* For Contextual Links */
.special-options {
  font-weight: 400;
  font-size: 14px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 100%;
  float: right;
  margin: 8px 0 0 0;
  zoom: 1;
  text-align: right;
  color: #CCC;
}
.special-options:before,
.special-options:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.special-options:after {
  clear: both;
}
.special-options a {
  color: #008AB4;
  text-decoration: none;
}
.special-options a:hover {
  color: #CA0000;
}
/* Padding for nested reply form */
.comment-thread #respond {
  padding: 20px;
}
#respond h3 {
  float: left;
  margin: 0 0 8px 0;
}
#commentform {
  overflow: hidden;
  clear: both;
}
#commentform label {
  color: #666;
  font-weight: 600;
  font-size: 14px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 100%;
}
#commentform label .fade {
  color: #888;
  font-weight: 500;
}
#commentform ul {
  display: block;
  list-style: none;
  overflow: hidden;
  margin: 20px 0 20px 0;
}
#commentform ul li {
  float: left;
  clear: right;
  width: 186px;
  margin: 0 15px 0 0;
}
#commentform ul li.last {
  margin: 0;
}
#commentform p {
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  margin: 3px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#commentform p.hello-user {
  border: 0px;
  padding: 0;
  margin: 0 0 10px 0;
  font-weight: 400;
  font-size: 14px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 100%;
}
#commentform ul input,
#commentform textarea {
  width: 100%;
  background: transparent;
  font-weight: 400;
  font-size: 16px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 100%;
}
#commentform ul input {
  padding: 5px;
}
#commentform textarea {
  resize: none;
  overflow-y: auto;
  height: 200px;
  padding: 5px;
}
#commentform .submit-button {
  padding: 20px 0 0 0;
  width: 100%;
  text-align: right;
}
#respond {
  padding: 30px 0 0 0;
}
#respond p {
  font-size: 13px;
}
#respond p a {
  color: #35aae6;
  font-weight: 600;
}
#respond p a:hover {
  color: #2396d2;
}
#submit {
  background: #35aae6;
  border: none;
  overflow: hidden;
  color: #fff;
  padding: 12px 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 16px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 100%;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
#submit:hover {
  background: #2396d2;
}
/* Right Sidebar *//*	.ad-block{ float:left; clear:right; margin:8px 0 0 0; }
						.ad-block.odd{ margin-left: 8px; }
						.ad-block img{ margin:9px; }
							.ad-block.double img { margin:18px; }
						.ad-block a{ background:#eee; border:1px solid #eee; display:block; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
							.ad-block a:hover{ background:#ddd; border:1px solid #ccc; }
				*/
/* Reset.less
 * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
 * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
html,
body {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol,
ul {
  list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
/*
 
  One Mighty Roar
  Variables LESS
             
  Company: 	 One Mighty Roar
  Author: 	 Sam Dunn
  Website:	 www.onemightyroar.com
 
--------------------------------------- */
/*
=======================================
  VARIABLES
=======================================
*/
/*
 
  Build Internet
  Mixins LESS
             
  Company: 	 One Mighty Roar
  Author: 	 Sam Dunn
  Website:	 www.onemightyroar.com
 
--------------------------------------- */
/*
=======================================
  MIXINS
=======================================
*/
/*
 
  Build Internet
  Typography LESS
             
  Company: 	 One Mighty Roar
  Author: 	 Sam Dunn
  Website:	 www.onemightyroar.com
 
--------------------------------------- */
/*
=======================================
  FONT STACKS & @FONT-FACE
=======================================
*/
/*
=======================================
  TYPOGRAPHY
=======================================
*/
p,
ul,
ol,
dl,
h1,
h2,
h3,
h4,
h5,
a,
li,
input,
select,
submit,
label,
button,
table,
tr,
td,
th,
.breadcrumbs,
* {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
p {
  margin-bottom: 9px;
  color: #666;
  font-weight: normal;
  font-size: 14px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 18px;
}
h1.border,
h2.border,
h3.border,
h4.border,
h5.border {
  border-bottom: 1px solid #dddddd;
}
h1 {
  margin-bottom: 18px;
  color: #fff;
  font-weight: normal;
  font-size: 18px;
  font-family: "freight-sans-pro", Helvetica, Arial, sans-serif;
  line-height: 100%;
}
h2 {
  margin-bottom: 3px;
  color: #4a4a4a;
  font-weight: 700;
  font-size: 48px;
  font-family: "freight-sans-pro", Helvetica, Arial, sans-serif;
  line-height: 100%;
  letter-spacing: -1px;
}
h2 small {
  font-size: 24px;
}
h3 {
  color: #4a4a4a;
  font-weight: 700;
  font-size: 26px;
  font-family: "freight-sans-pro", Helvetica, Arial, sans-serif;
  line-height: 100%;
  margin: 0 0 6px 0;
}
h3 small {
  font-size: 16px;
}
h4 {
  color: #4a4a4a;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-size: 16px;
  font-family: "freight-sans-pro", Helvetica, Arial, sans-serif;
  line-height: 100%;
  margin: 14px 0 6px 0;
}
h4 small {
  font-size: 14px;
}
h5 {
  color: #666666;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: bold;
  font-size: 14px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 36px;
}
h5 small {
  font-size: 14px;
}
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5 {
  color: #fff;
}
.dark p {
  color: #ddd;
}
ul,
ol {
  font-weight: normal;
  font-size: 14px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 18px;
}
ul.text-list,
ol.text-list {
  margin: 0 0 18px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li {
  color: #444444;
  line-height: 18px;
}
ul.unstyled {
  margin-left: 0;
  list-style: none;
}
ul.zebra {
  margin-left: 0;
  list-style: none;
}
ul.zebra li {
  padding: 10px;
}
ul.zebra li.odd {
  background: #eee;
}
dl {
  margin-bottom: 18px;
  color: #444444;
  font-weight: normal;
  font-size: 14px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 120%;
}
dl dt,
dl dd {
  line-height: 18px;
}
dl dt {
  font-weight: bold;
}
dl dd {
  margin-left: 9px;
}
hr {
  margin: 20px 0 19px;
  border: 0;
  border-bottom: 1px solid #eee;
}
strong {
  font-weight: bold;
  font-style: inherit;
}
em {
  font-weight: inherit;
  font-style: italic;
  line-height: inherit;
}
.muted {
  color: #666666;
}
blockquote {
  margin-bottom: 18px;
  padding-left: 15px;
  padding-top: 10px;
  border-left: 5px solid #eee;
}
blockquote p {
  color: #aaa;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 14px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 120%;
  font-style: italic;
}
blockquote small {
  display: block;
  color: #666666;
}
blockquote small:before {
  content: '\2014 \00A0';
}
address {
  display: block;
  margin-bottom: 18px;
  line-height: 18px;
}
.subtext {
  color: #888;
  font-weight: 600;
  font-size: 14px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 100%;
}
.subtext.caps {
  font-size: 14px;
  letter-spacing: 1px;
  text-tranform: uppercase;
}
/*

	Build Internet
	Post Style LESS
	
	@author: 	Sam Dunn
	@version: 	4.0
	@company: 	One Mighty Roar
	@date:		2013
	
--------------------------------------- */
.post-block h2 a {
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  color: #444;
  font-weight: 700;
}
.post-block h2 a:hover {
  color: #222;
}
.post-block .featured h2 {
  margin-bottom: 15px;
  font-weight: 100;
  font-size: 48px;
  font-family: "freight-sans-pro", Helvetica, Arial, sans-serif;
  line-height: 100%;
}
.post-block .featured .featured-intro {
  color: #777;
  margin-top: 15px;
  font-weight: 300;
  font-size: 22px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 130%;
}
.post-block .featured .read-more {
  margin-top: 20px;
}
.post-block .featured .read-more a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  padding: 10px 20px;
  background: #35aae6;
  color: #fff;
  font-size: 14px;
}
.post-block .featured .read-more a:hover {
  background: #2396d2;
  color: #fff;
}
.post-block .featured .post-stats {
  margin: 0;
}
.post-block h2 {
  font-weight: 100;
  font-size: 36px;
  font-family: "freight-sans-pro", Helvetica, Arial, sans-serif;
  line-height: 100%;
  margin-bottom: 15px;
}
.post-block .read-more {
  margin: 0px 0 0 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.post-block .read-more a {
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  color: #35b1ed;
  font-weight: 600;
  font-size: 12px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: normal;
}
.post-block .read-more a:hover {
  color: #2396d2;
}
.post-block .post-stats {
  margin: 0 0 5px 0;
}
.post-stats {
  display: block;
  zoom: 1;
}
.post-stats:before,
.post-stats:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.post-stats:after {
  clear: both;
}
.post-stats ul {
  padding: 0;
  margin: 0;
}
.post-stats ul li {
  display: inline-block;
  float: left;
  font-weight: 300;
  font-size: 16px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 100%;
  list-style: none;
  color: #888;
  margin: 0 20px 0 0;
}
.post-stats ul li a {
  font-weight: 500 !important;
  color: #35aae6 !important;
  border: none !important;
}
.post-stats ul li a:hover {
  color: #2396d2 !important;
}
.post-stats ul li span {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  overflow: hidden;
  float: left;
  margin-right: 6px;
}
.post-stats ul li span.stat-author {
  background: url('http://buildinternet.s3.amazonaws.com/theme-files/images/sprite-post-meta.png') no-repeat -8px -39px;
}
.post-stats ul li span.stat-date {
  background: url('http://buildinternet.s3.amazonaws.com/theme-files/images/sprite-post-meta.png') no-repeat -40px -9px;
}
.post-stats ul li span.stat-comments {
  background: url('http://buildinternet.s3.amazonaws.com/theme-files/images/sprite-post-meta.png') no-repeat -8px -9px;
}
.post-stats ul li span.stat-category {
  background: url('http://buildinternet.s3.amazonaws.com/theme-files/images/sprite-post-meta.png') no-repeat -40px -40px;
}
.post-stats ul li span.stat-link {
  background: url('http://buildinternet.s3.amazonaws.com/theme-files/images/icon-shorturl.png') no-repeat center center;
}
#featured {
  clear: both;
  margin: 0px auto;
  padding: 0 0 0 0;
  width: 100%;
  text-align: left;
}
#featured-article-wrapper {
  clear: both;
  background: #1d1d1d;
}
#featured-article {
  clear: both;
  border-top: 0px solid #222;
  background: #222;
  text-align: center;
}
#featured-article img {
  clear: both;
  width: 1150px;
  height: 250px;
}
.wp-pagenavi {
  clear: both;
  margin: 0;
  padding: 25px 0 15px 0;
}
.wp-pagenavi a {
  font-weight: 600;
  font-size: 14px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: normal;
  border: 0 !important;
  padding: 8px 13px !important;
  display: inline-block;
  text-align: center;
  color: #666;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.wp-pagenavi a:hover {
  background: #eee;
  color: #444;
}
.wp-pagenavi span {
  border: none;
  font-weight: 600;
  font-size: 14px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: normal;
}
.wp-pagenavi .current {
  background: #222;
  border: none;
  color: #fff;
  padding: 8px 13px !important;
  text-align: center;
  display: inline-block;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.wp-pagenavi .extend {
  background: transparent;
  border: none;
}
.wp-pagenavi .pages {
  padding: 8px 13px !important;
  width: 100px;
  text-align: right;
  float: right;
  padding: 0;
  background: transparent;
  color: #888;
  border: none;
}
/*

	Build Internet
	Single Style LESS
	
	@author: 	Sam Dunn
	@version: 	4.0
	@company: 	One Mighty Roar
	@date:		2013
	
--------------------------------------- */
#post-wrap {
  zoom: 1;
  width: 850px;
  overflow: hidden;
  float: left;
}
#post-wrap:before,
#post-wrap:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#post-wrap:after {
  clear: both;
}
#post-wrap #featured-article img {
  width: 100%;
  height: auto;
}
#left-sidebar {
  width: 120px;
  float: left;
  overflow: hidden;
  padding: 20px 0 20px 20px;
}
#left-sidebar h5,
#left-sidebar h5 a {
  font-weight: 700;
  font-size: 16px;
  font-family: "freight-sans-pro", Helvetica, Arial, sans-serif;
  line-height: 100%;
  text-transform: none;
  letter-spacing: normal;
  color: #4a4a4a;
  margin-bottom: 5px;
}
#left-sidebar h5 a:hover {
  color: #35aae6;
}
#left-sidebar a {
  color: #35aae6;
  font-weight: 600;
}
#left-sidebar a:hover {
  color: #2396d2;
}
#left-sidebar .author {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
#left-sidebar .author .img-wrap {
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin: 0 auto 10px auto;
}
#left-sidebar .author img {
  width: 100px;
  height: auto;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
#left-sidebar .author h5 {
  margin: 0;
}
#left-sidebar .author .author-twitter {
  margin-top: 10px;
}
#left-sidebar .tags {
  margin: 0 0 20px 0;
  padding: 5px 0 20px 0;
  font-weight: 700;
  font-size: 14px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 100%;
  color: #bbb;
}
#left-sidebar .tags a {
  font-weight: 600;
  display: inline-block;
  color: #35aae6;
  border: none;
  margin-bottom: 5px;
}
#left-sidebar .tags a:hover {
  color: #2396d2;
  border: none;
}
/* General Typography */
#left-sidebar p,
#left-sidebar ul {
  padding: 10px 0 15px 0;
  margin: 0 0 20px 0;
  font-weight: 500;
  font-size: 13px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 130%;
  color: #777;
  border-bottom: 1px solid #e5e5e5;
}
#left-sidebar ul {
  padding-left: 15px;
}
#left-sidebar li {
  margin: 0 0 5px 0;
}
/* Author Details */
#left-sidebar p.author-bio {
  margin: 0;
  padding: 5px 0 0 0;
  border: none;
}
#left-sidebar ul.author-details {
  list-style: none;
  padding: 10px 0 21px 0;
  overflow: auto;
}
#left-sidebar ul.author-details li {
  float: left;
  clear: right;
  margin: 0 10px 0 0;
}
#left-sidebar ul.author-details li.last {
  margin: 0;
}
#left-sidebar ul.author-details a {
  padding: 3px 5px;
  background: #ddd;
  color: #555;
  border: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
}
#left-sidebar ul.author-details a:hover {
  background: #999;
  color: #fff;
  border: none;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}
/* Share & Social Media */#left-sidebar ul.share {
  list-style: none;
  padding: 5px 0 20px 0;
  zoom: 1;
}
#left-sidebar ul.share:before,
#left-sidebar ul.share:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#left-sidebar ul.share:after {
  clear: both;
}
#left-sidebar ul.share li {
  float: left;
  margin: 0 0 8px 0;
}
#left-sidebar ul.share li:last-child {
  margin: 0;
}
#left-sidebar ul.share a,
#left-sidebar ul.share a:hover {
  border: none;
}
/* Download & Demo */#left-sidebar ul.file-button {
  padding: 10px 0 12px 0;
  margin: 0 0 20px 0;
  list-style: none;
}
#left-sidebar ul.file-button a,
#left-sidebar .file-button a:hover,
#left-sidebar ul.file-button li {
  border: none;
  display: block;
  height: 34px;
}
#left-sidebar ul.file-button li {
  margin: 0 0 5px 0;
}
#left-sidebar ul.file-button span {
  display: none;
}
#left-sidebar ul.file-button .demo a {
  background: url('http://buildinternet.s3.amazonaws.com/theme-files/images/demo-button-sprite.png') no-repeat;
  width: 170px;
}
#left-sidebar ul.file-button .download a {
  background: url('http://buildinternet.s3.amazonaws.com/theme-files/images/download-button-sprite.png') no-repeat;
  width: 170px;
}
#left-sidebar ul.file-button li a:hover {
  background-position: 0px -34px;
}
#left-sidebar ul.file-button li a:active {
  background-position: 0px -68px;
}
/*Remove Legacy Buttons*/
#livedownload,
.livedownload,
.livedownloadbtn {
  display: none;
}
/* Post Highlights */
#highlights li {
  list-style-image: url('http://buildinternet.s3.amazonaws.com/theme-files/images/li-bullet.png');
}
#highlights li a {
  font-weight: bold;
}
/*Short URL*/
.shorturl {
  display: inline-block;
  float: left;
}
.shorturl input {
  background: transparent;
  font-weight: 500;
  font-size: 16px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 100%;
  color: #777;
  outline: none;
}
ul.url li.shorturl {
  padding: 5px 0 15px 0;
  margin: 0;
}
ul.url li.shorturl span.short {
  padding: 3px 5px;
  background: #fff;
  border: 1px solid #ddd;
  color: #555;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
}
ul.url li.shorturl span.short a {
  padding: 0;
  background: transparent;
  color: #555;
  border: none;
}
ul.url li.shorturl a.button {
  padding: 3px 5px;
  background: #ddd;
  color: #555;
  border: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
}
ul.url li.shorturl a.button:hover {
  background: #999;
  color: #fff;
  border: none;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}
#featured-article {
  background: #d5c7a2 url('../../images/featured-article.jpg') top center no-repeat;
}
/*

	Build Internet
	Index LESS
	
	@author: 	Sam Dunn
	@version: 	4.0
	@company: 	One Mighty Roar
	@date:		2013
	
--------------------------------------- */
body#index {
  /*Featured Specific*/

  /* Need to hide overflow to prevent row issues */

  /*Spacing*/

  /*Tooltip*/
}
body#index #white-columns {
  margin: 0;
  background: #fff;
  overflow: auto;
  border-left: 1px solid #fff;
  text-align: left;
}
body#index #main-column {
  width: 849px;
  overflow-x: hidden;
  float: left;
  background: #fff;
  border-right: 1px solid #eee;
}
body#index #main-column .padding {
  padding: 20px 20px;
}
body#index #content-wrapper {
  background-image: none;
}
body#index div.subtext {
  padding: 15px 0;
  clear: both;
  border-bottom: 1px dotted #bbb;
}
body#index div.subtext h5 {
  text-transform: uppercase;
  background: #EFEFEF;
}
body#index .thumb {
  width: 120px;
  height: auto;
  margin: 0 20px 0 0;
  float: left;
  overflow: hidden;
}
body#index .thumb .post-thumb {
  width: 100%;
  height: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
body#index .post-details {
  float: left;
  width: 669px;
}
body#index .post-details p {
  color: #777;
  font-weight: 300;
  font-size: 18px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 130%;
}
body#index .post-details.featured-post {
  float: left;
  width: 100%;
}
body#index .post-details .featured-intro {
  width: 95%;
}
body#index .post {
  margin: 0;
  padding: 40px 0;
  width: 829px;
  float: left;
  clear: both;
  border-bottom: 2px solid #eee;
}
body#index .post.featured {
  padding: 0px 0 40px;
}
body#index #categories {
  border-bottom: 1px solid #ccc;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  overflow: auto;
}
body#index #categories .category-row {
  overflow: hidden;
}
body#index #categories .block {
  width: 249px;
  float: left;
  clear: right;
  border-right: 1px solid transparent;
  margin: 20px 0 0 0;
}
body#index #categories .block.bordered {
  border-right: 1px solid #eee;
  margin: 20px 20px 0 0;
}
body#index #categories .block ul {
  padding: 10px 5px 10px 15px;
  height: 110px;
  margin: 0 0 0 0;
  font: bold 8.5pt "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 150%;
  color: #333;
}
body#index #categories .block li {
  margin: 0 0 5px 0;
}
body#index #categories p.read-archive {
  text-align: right;
  font-size: 11px;
  padding-right: 15px;
}
body#index #categories p.read-archive a {
  color: #8f8f8f;
}
body#index .no-margin {
  margin: 0;
}
body#index .qtip {
  font: bold 9.5pt "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0px 1px 0px #000;
}
/*

	Build Internet
	Ad Style LESS
	
	@author: 	Sam Dunn
	@version: 	4.0
	@company: 	One Mighty Roar
	@date:		2013
	
--------------------------------------- */
.ad-block {
  margin-top: 15px;
  zoom: 1;
}
.ad-block:before,
.ad-block:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.ad-block:after {
  clear: both;
}
.ad-block a {
  background: #eee;
  position: relative;
  display: block;
}
.ad-block.sidebar-block a {
  float: left;
  width: 180px;
  height: 150px;
}
.ad-block.sidebar-block a:nth-child(even) {
  margin-left: 20px;
}
.ad-block.double-block a {
  float: left;
  width: 300px;
  height: 250px;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
}
html,
body {
  height: 100%;
  background: #fff;
}
hr {
  height: 0;
  border: none;
  border-bottom: 1px solid #eee;
  background: #fff;
}
img {
  display: block;
}
img.full {
  margin-top: 10px;
  width: 100%;
}
img.aligncenter {
  margin: 0 auto;
}
.padding {
  padding: 10px;
}
.top-padding {
  padding: 25px 0 0 25px;
}
a {
  text-decoration: none;
}
a:hover {
  cursor: pointer;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
#banner-wrapper {
  min-width: 1190px;
  width: 100%;
  background: #31333a;
}
#banner {
  margin: 0px auto;
  min-width: 1190px;
  text-align: left;
}
#banner #top-banner a {
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  color: #dce3eb;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 100%;
}
#banner #top-banner a:hover {
  color: #64caff;
}
#banner #logo {
  float: left;
  width: 140px;
  height: 120px;
}
#banner #logo a {
  display: block;
  padding: 25px 0;
  background: #2a2b31;
}
#banner #logo a:hover {
  background: #1e1f22;
}
#banner #logo a img {
  margin: 0 auto;
}
#banner #by-omr {
  float: left;
  margin-top: 37px;
}
#banner #by-omr p {
  display: inline-block;
  float: left;
  margin: 0 10px 0 25px;
  color: #dce3eb;
  line-height: 45px;
}
#banner #by-omr img {
  display: inline-block;
  width: auto;
  height: 45px;
}
#navigation {
  display: block;
  float: right;
  list-style: none;
}
#navigation li {
  float: left;
  clear: right;
  margin: 0 25px 0 0;
}
#navigation li img {
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
#navigation li a {
  zoom: 1;
  display: block;
  padding: 10px 0;
}
#navigation li a:before,
#navigation li a:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#navigation li a:after {
  clear: both;
}
#navigation li a:hover img {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
#navigation li a.text-menu {
  padding: 12px 0 8px 0;
}
#navigation li.random-post a {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding: 10px 10px;
  background: #474b5a;
}
#right-banner {
  zoom: 1;
  float: right;
  margin: 41px 40px 0 0;
}
#right-banner:before,
#right-banner:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#right-banner:after {
  clear: both;
}
#search-form {
  float: right;
}
.search-wrapper {
  zoom: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 15px;
  background: #fff;
}
.search-wrapper:before,
.search-wrapper:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
.search-wrapper:after {
  clear: both;
}
.search-wrapper .search-bar-wrapper {
  float: left;
  width: 223px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  background: #fff;
}
.search-wrapper .search-bar {
  width: 100%;
  outline: none;
  border: none;
  background: transparent;
  color: #555;
  font-weight: 500;
  font-size: 15px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: normal;
}
.search-wrapper .search-button {
  float: left;
  clear: right;
  width: 20px;
  background: url('http://buildinternet.s3.amazonaws.com/theme-files/images/icn-search.png') no-repeat center center;
}
#right-sidebar {
  width: 340px;
  float: left;
  clear: right;
  background: #fff;
}
#right-sidebar .padding {
  padding: 20px 20px 20px 20px;
}
#connect-social {
  margin: 0 0 15px 0;
  border-bottom: 1px solid #eee;
  padding: 0 0 15px 0;
}
#twitter-feed {
  margin: 20px 0;
}
#footer-wrapper {
  zoom: 1;
  clear: both;
  padding: 50px 0;
  background: #ccd5df;
  text-align: center;
}
#footer-wrapper:before,
#footer-wrapper:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#footer-wrapper:after {
  clear: both;
}
#footer-links {
  display: block;
  list-style: none;
}
#footer-links li {
  display: inline-block;
  margin: 0 25px 0 0;
}
#footer-links li:last-child {
  margin: 0;
}
#footer-links li a {
  zoom: 1;
  display: block;
  padding: 3px 0;
  color: #31333a;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 50ms ease-in-out;
  -moz-transition: all 50ms ease-in-out;
  transition: all 50ms ease-in-out;
}
#footer-links li a:before,
#footer-links li a:after {
  display: table;
  content: "";
  zoom: 1;
  *display: inline;
}
#footer-links li a:after {
  clear: both;
}
#footer-links li a:hover {
  border-color: #a6b1be;
}
#footer-links li.random-post a {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding: 10px 10px;
  background: #474b5a;
}
#footer-social {
  list-style: none;
}
#footer-social li {
  display: inline-block;
  margin: 30px 20px 0 0;
}
#footer-social li:last-child {
  margin-right: 0;
}
#footer-social li img {
  width: 24px;
  height: auto;
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
#footer-social li a:hover img {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
#end-credits-wrapper {
  clear: both;
  margin: 0;
  padding: 20px 0;
  width: 100%;
  background: #31333a;
}
#end-credits p {
  color: #bfcedf;
  text-align: center;
  margin: 0;
  font-weight: 500;
  font-size: 13px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  line-height: 100%;
}
#end-credits p a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  -webkit-transition: all 50ms ease-in-out;
  -moz-transition: all 50ms ease-in-out;
  transition: all 50ms ease-in-out;
}
#end-credits p a:hover {
  color: #64caff;
}