/* Colors
------------------------
Green:                           #77d61f;
Darker Green:                    #539515;
Blue (Links):                   #0c92f2;
Blue Light (Hover):             #a1d5fa;
White (background):             #f5f5f5;
Lither Grey (body txt):         #313131;
Light Grey:                     #dcdcdc;
------------------------
*/

/* Icon font
-------------------------------------------------*/
/* Entypo, http://www.entypo.com/
   Created by Daniel Bruce, http://danielbruce.se/
   CC BY-SA 3.0 License: http://creativecommons.org/licenses/by-sa/3.0/us/
*/
@font-face {
	font-family: 'entypo';
	src:url('../fonts/entypo.eot');
	src:url('../fonts/entypo.eot?#iefix') format('embedded-opentype'),
		url('../fonts/entypo.woff') format('woff'),
		url('../fonts/entypo.ttf') format('truetype'),
		url('../fonts/entypo.svg#entypo') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'entypo';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
	content: "\e600";
}
.icon-mobile:before {
	content: "\e602";
}
.icon-mail:before {
	content: "\e603";
}
.icon-location:before {
	content: "\e604";
}
.icon-address:before {
	content: "\e605";
}
.icon-cross:before {
	content: "\e601";
}
.icon-plus:before {
	content: "\e60b";
}
.icon-github:before {
	content: "\e606";
}
.icon-flickr:before {
	content: "\e60c";
}
.icon-vimeo:before {
	content: "\e60d";
}
.icon-twitter:before {
	content: "\e607";
}
.icon-facebook:before {
	content: "\e608";
}
.icon-googleplus:before {
	content: "\e609";
}
.icon-pinterest:before {
	content: "\e60e";
}
.icon-tumblr:before {
	content: "\e60f";
}
.icon-linkedin:before {
	content: "\e610";
}
.icon-dribbble:before {
	content: "\e60a";
}
.icon-stumbleupon:before {
	content: "\e611";
}
.icon-lastfm:before {
	content: "\e612";
}
.icon-rdio:before {
	content: "\e613";
}
.icon-spotify:before {
	content: "\e614";
}
.icon-instagram:before {
	content: "\e615";
}
.icon-dropbox:before {
	content: "\e616";
}
.icon-evernote:before {
	content: "\e617";
}
.icon-skype:before {
	content: "\e618";
}
.icon-paypal:before {
	content: "\e619";
}
.icon-picasa:before {
	content: "\e61a";
}
.icon-soundcloud:before {
	content: "\e61b";
}
.icon-behance:before {
	content: "\e61c";
}

/* Reset
------------------------*/

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
		border: 0;
		font-family: inherit;
		font-size: 100%;
		font-style: inherit;
		font-weight: inherit;
		margin: 0;
		outline: 0;
		padding: 0;
		vertical-align: baseline;
}

html {
		font-size: 100%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;   
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
		display: block;
}

table {
		border-collapse: separate;
		border-spacing: 0;
}

caption, th, td {
		font-weight: normal;
		text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
		content: "";
}

blockquote, q {
		quotes: "" "";
}

a:focus {
		outline: thin dotted;
}

a:hover,
a:active {
		outline: 0;
}

a img {
		border: 0;
}

/* Global
------------------------*/

body {
		background: #f5f5f5;
		border-top: 4px solid #e8e8e8;
		color: #313131;
		font-family: "Open Sans", Helvetica, Arial, sans-serif;
		line-height: 1.75;  
}

h1, h2, h3, h4, h5, h6 {
		color: #1f1f1f;
		font-weight: bold;
		margin: 28px 0 22px;
}

h1 { 
		font-size: 36px;
		line-height: 42px;
		letter-spacing: -1px;
}

h2 { 
		font-size: 28px;
		line-height: 32px;
		letter-spacing: -1px;
}

h3 { 
		font-size: 22px;
		line-height: 30px;
		letter-spacing: -1px;
}

h4 { 
		font-size: 18px;
		line-height: 24px;
}

h5 { 
		font-size: 16px;
		line-height: 20px;
}

hr {
		background: #dcdcdc;
		border: 0;
		height: 1px;
		margin: 28px 0;
}

p {
		margin-bottom: 22px;
}

code,
kbd,
pre,
samp {
	background: #f5f5f5;
	font-family: monospace, serif;
	font-size: 16px;
	padding: 0 3px;
}

pre {
	background: #f5f5f5;
	font-family: monospace;
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 28px;
	padding: 24px;
	overflow: auto;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

dl {
		margin: 0 30px 28px;
}

dt {
		font-weight: bold;
}

dd {
		margin: 0 0 22px;
}

ul, ol {
		margin-bottom: 22px;
		padding-left: 30px;
}

ul {
		list-style: circle;
}

ol {
		list-style: upper-alpha;
}

ol ol {
		list-style: decimal;
}

li > ul,
li > ol {
		margin-bottom: 0;
}

b,
strong {
		font-weight: bold;
}

dfn,
em,
cite,
i {
		font-style: italic;
}

a {
		border-bottom: 1px solid #0c92f2;
		color: #0c92f2;
		text-decoration: none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
}

a:hover {
		border-bottom: 1px solid #a1d5fa;
		color: #a1d5fa;
}

img {
		height: auto;
		max-width: 100%;
		vertical-align: middle;
		width: auto;
		-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.row:after { 
	clear: both; 
}

.row:before,.row:after { 
	content: ""; 
	display: table; 
}

/* Grid */
.row {
	margin-left: -30px;
}

.one-third {
	-webkit-box-sizing:	border-box;
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;
	float: left;
	margin-bottom: 14px;
	padding-left: 30px;
}

.one-third {
	width: 33.333%;
}

/* Structure
------------------------*/

body {
	padding: 0 15px;  /* ??? */
}

.wrap {
		margin: 0 auto;
		max-width: 980px;
}

/* Header
------------------------*/

.site-header {
		padding: 28px 30px;
}

.site-title {
		margin: 0;
		text-align: center;
}

.site-description {
		font-size: 24px;
		letter-spacing: -1px;
		line-height: 30px;
		margin-bottom: 28px;
		text-align: center;
}

/* Main
------------------------*/

#main {
		background: #fff;
		border: 1px solid #dcdcdc;
}

/* Intro */
.intro {
		background: #262626;
		color: #fff;
		padding: 28px 30px;
		text-align: center;
}

.intro p {
	font-size: 22px;
	font-style: italic;
	line-height: 30px;
	margin-bottom: 28px;
}

.intro a {
		border-color: #77d61f;
		color: #77d61f;
}

.intro a:hover {
		border-color: #539515;
		color: #539515;
}

.byline {
		list-style: none;
		margin-bottom: 28px;
		padding-left: 0;
		text-align: center;
}

.byline em {
		color: #888;
}

/* Content */
#content {
	margin: 0 auto;
	padding: 28px 60px;
}

#content section {
	margin-bottom: 56px;
}

.icon {
	font-size: 20px;
	margin-right: 10px;
}

/* Footer
------------------------*/
.site-info {
		font-size: 14px;
		line-height: 24px;
		padding: 28px 30px;
		text-align: center;
}

/* Media Queries
------------------------*/
@media only screen and (max-width: 767px) {
	#content {
		padding-left: 30px;
		padding-right: 30px;
	}

	.one-third {
		width: 100%;
	}
}