/*
Theme Name: Lunamedia
Theme URI: http://lunamedia.co.uk
Description: Gentlemen, you've both worked very hard, and in a way you're both winners. But in another, more accurate way, Barney is the winner.
Author: Luke Burford
Author URI: http://lunamedia.co.uk
*/

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */

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; }



/* #Basic Styles
================================================== */

body {
  line-height: 1.5em;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Avenir Next", "freight-sans-pro", "Proxima Nova", "Helvetica Neue", Arial, Helvetica, sans-serif;
  color: #444;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  -ms-text-size-adjust: 100%;
}



/* #Fonts
================================================== */

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-twitter:before {
	content: "\e600";
}
.icon-instagram:before {
	content: "\e601";
}
.icon-github:before {
	content: "\e602";
}
.icon-dribbble:before {
	content: "\e603";
}
.icon-vimeo:before {
	content: "\e604";
}
.icon-google-plus:before {
	content: "\e605";
}
.icon-flickr:before {
	content: "\e606";
}



/* #Typography
================================================== */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 46px; }
h2 { font-size: 35px; }
h3 { font-size: 28px; }
h4 { font-size: 21px; }
h5 { font-size: 17px; }
h6 { font-size: 14px; }
.subheader { color: #777; }

p { margin: 0 0 20px 0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }

em { font-style: italic; }
strong { font-weight: bold; color: #333; }
small { font-size: 80%; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

h1, h2, h3, h4, h5, h6 {

}

h1, h2, h3, h4{
  margin: 0 0 1.5em;
  line-height: 1.2em;
  font-size: 15px;
  font-size: 1em;
  font-weight: normal;
  font-family: "Avenir Next", "freight-sans-pro", sans-serif;
}

h1{
	font-size: 24px;
}

h1.main-header, p#mission{
	font: normal 300 36px "freight-text-pro", sans-serif;
	margin: 50px 0 25px;
	text-align: center;
}

h2{
	font-size: 20px;
}

h2.main-header{
	font: normal 24px "freight-text-pro", Georgia, sans-serif;
}

h2.alt-header{
	margin: 0 0 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
}

h3.main-header{
	font: normal 24px "freight-text-pro", Georgia, sans-serif;
}

body.single .hentry h2,body.single  .hentry h3{
	margin: 3em 0 1em;
	font-weight: bold;
}

p.header-icon{
	margin-bottom: 0;
}



/* #Links
================================================== */

a:link, a:visited{
  color: #44a6cc;
  text-decoration: none;
}

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

a:focus{
  color: #216e8c;
  outline: thin dotted;
}

a:active{
  color: #216e8c;
}

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

a img{
	border: none;
}


/* #Animation
================================================== */

.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}

.animated2{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}

.animated3{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}

@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}


/* #Buttons
================================================== */

.button{
    padding: 12px 18px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    font-family: "freight-sans-pro", sans-serif;
	background: #44a6cc;
	background: -moz-linear-gradient(top,  #44a6cc 0%, #37a4d4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44a6cc), color-stop(100%,#37a4d4));
	background: -webkit-linear-gradient(top,  #44a6cc 0%,#37a4d4 100%);
	background: -o-linear-gradient(top,  #44a6cc 0%,#37a4d4 100%);
	background: -ms-linear-gradient(top,  #44a6cc 0%,#37a4d4 100%);
	background: linear-gradient(to bottom,  #44a6cc 0%,#37a4d4 100%);
    border-radius: 4px;
    border: none;
    color: #fff;
}

.button[class]{
}

.button:hover{
    text-decoration: none;
	background: #47c4fb;
	background: -moz-linear-gradient(top,  #47c4fb 0%, #44a6cc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#47c4fb), color-stop(100%,#44a6cc));
	background: -webkit-linear-gradient(top,  #47c4fb 0%,#44a6cc 100%);
	background: -o-linear-gradient(top,  #47c4fb 0%,#44a6cc 100%);
	background: -ms-linear-gradient(top,  #47c4fb 0%,#44a6cc 100%);
	background: linear-gradient(to bottom,  #47c4fb 0%,#44a6cc 100%);
}

.button.comment-button{
    padding: 12px 18px;
}

a.button:link, a.button:visited, a.button:hover, a.button:focus, a.button:active{
	color: #fff;
}


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }



/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }



/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		outline: none;
		color: #777;
		margin: 0;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		font-family: inherit;
	    font-size: 18px;
	    letter-spacing: normal;
	    outline-style: none;
	    padding: 5px;
	    border-radius: 4px;
		background: #fcfcfc;
		}
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 18px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }


/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	img, video{ max-width: 100%; }
	.center{ text-align: center; }



/* #Layout and Templates
================================================== */



/* #Header
================================================== */

#masthead{
	padding: 20px 0 10px;
	background: #44a6cc;
	background: #3e4445;
	background: #f1f1f1;
	background: #fff;
	border-bottom: 1px solid #efefef;	
}

header{
	font-family: "Avenir Next", "freight-sans-pro", sans-serif;
}

header a{
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 16px;
	text-decoration: none;
}

header a:hover{
	text-decoration: none;
}

a#logo{
	position: relative;
	top: -3px;
}

#main-nav ul.menu{
	margin: -6px 0 0;
	text-align: right;
}

#main-nav ul.menu li{
	display: inline;
	margin-left: 2em;
}

#main-nav ul.menu li a:link, #main-nav ul.menu li a:visited{
	font-size: 14px;
	color: #44a6cc;
	color: #333;
}

#main-nav ul.menu li a:hover, #main-nav ul.menu li a:focus, #main-nav ul.menu li a:active{
	color: #333;
}

/* 

#main-nav ul.menu li#menu-item-11 a{
	padding: 6px 12px;
	background: #eeeeee;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
	color: #444;
	border-radius: 4px;
	text-shadow: 0 1px 1px #fff;
	border: 1px solid #8f8f8f;
}

#main-nav ul.menu li#menu-item-11 a:hover{
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #d8d8d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d8d8d8));
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#d8d8d8 100%);
	background: -o-linear-gradient(top,  #f9f9f9 0%,#d8d8d8 100%);
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#d8d8d8 100%);
	background: linear-gradient(to bottom,  #f9f9f9 0%,#d8d8d8 100%);
}

*/


/* #Footer
================================================== */

#front-hello{
	padding: 40px 0 30px;
	line-height: 1.5em;
	font-size: 0.85em;
	background: #e3ebee;
}

#mugshot img{
	float: right;
	height: 120px;
	width: 120px;
	margin-top: 10px;
	margin-right: 10px;
	border-radius: 50%;
}

#footer-wrap{
	background: #fff;
}

footer.row-one{
	margin-bottom: 0;
	padding: 1em 0;
}

footer ul{
	padding: 0;
}

ul#social-links{
	margin: 20px 0;
	text-align: center;
}

ul#social-links li{
	display: inline;
	list-style-type: none;
	margin: 0 10px;
}

ul#social-links li a{
}

ul#social-links li a:hover{	
	color: #216e8c;
	text-decoration: none;
}



/* #Archives
================================================== */

.index h1{
	margin-bottom: 50px;
}

.index article{
	display: block;
	float: left;
	width: 100%;
	margin: 0 0 65px;
}

.index h2{
	margin-bottom: 10px;
}

.index .post-date{
	margin: 0 auto 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 16px;
	color: #aaa;
}

.index article p{
	margin-bottom: 0;
	text-align: center;
	font-size: 16px;
}

ul.pagination{
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 70px;
	text-align: center;
}

ul.pagination li{
	display: inline;
	margin: 0 5px;
}

ul.pagination li a{
	display: inline-block;
	height: 25px;
	width: 30px;
	padding-top: 5px;
	text-decoration: none;
	font-weight: normal;
	border: 1px solid #44a6cc;
	border-radius: 3px;
}

ul.pagination li a:hover{
	background: #44a6cc;
	color: #fff;
	border: 1px solid #44a6cc;
}

ul.pagination li.current a{
	background: #ccc;
	color: #fff;
	border: 1px solid #ccc;
}

ul.pagination li.current a:hover{
	background: #aaa;
	color: #fff;
	border: 1px solid #aaa;
}


/* #Single Post
================================================== */

.post-body:first-child{
	width: 66%;
	margin: 0 16.5%;
}

.post-date{
	margin: 35px 0 40px;
	text-align: center;
}

.post-date span{
	width: 300px;
	margin: 0 auto;
	padding: 0.5em 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 16px;
	color: #aaa;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

body.single .hentry .post-content p:first-child{
	line-height: 1.4em;
	text-align: center;
	font-size: 1.3em;
	font-family: "freight-text-pro"
}



/* #Comments
================================================== */

#comments-list{
	margin: 30px 0;
}

#comments-list ul{
	padding: 0;
}

#comments-list h2{
	margin-bottom: 30px;
}

#comments-list li{
	margin: 0 0 50px;
	padding: 0 0 0 0;
	list-style: none;
}

#comments-list li .avatar{
	border-radius: 50px;
}

#comments-list li .comment-author.vcard{
	margin-top: 10px;
}

#comments-list li .fn{
	position: relative;
	top: -24px;
	left: 10px;
	font-size: 18px;
}

#comments-list li .comment-content{
	margin-top: 5px;
	font-size: 16px;
}

#comments-list li .comment-content p{
	margin-bottom: 10px;
}

#comments-list li .comment-meta{
	margin-top: 5px;
	font-size: 14px;
	color: #aaa;
}

#comments-list li ul.children{
	margin: 10px 0 0 32px;
	padding: 0;
}

#comments-list li ul li{
	border: 0;
	overflow: auto;
}

#comments-list li.bypostauthor{
	padding-left: 32px;
}

#comments-list li.bypostauthor .avatar{
}


#form-allowed-tags{
	font-size: 14px;
	font-size: 0.875rem;
}



/* #WordPress Images
================================================== */

.gallery .gallery-item img{
	border:none !important;
}


/* #Standard Page
================================================== */

.intro-wrap{
	padding-bottom: 30px;
	background: #fff;
}



/* #Frontpage
================================================== */

#intro{
	padding: 15px 0 30px;
    color: #fff;
	background: #44A6CC;
}

h1#front-header{
	margin: 30px 0 15px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
}

#intro p{
	width: 67%;
	margin: 0 auto 15px;
	text-align: center;
}

#front-work{
	padding: 30px 0;
	background: #fff;
	border-top: 1px solid #eee;
}

.cycle-slideshow{
	margin-top: 50px;
	margin-bottom: 30px;
}

/* pager from http://jquery.malsup.com/cycle2/demo/demo-slideshow.css */

.cycle-pager { 
    width: 100%; margin: 5px 0 0; text-align: center; z-index: 500; position: absolute; top: -40px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    margin: 0 5px;
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #44a6cc;}
.cycle-pager > * { cursor: pointer;}


.front-slide{
	padding-top: 15px;
}

.project-screenshot{
	text-align: center;
}

.project-screenshot img{
	padding: 4px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ddd;
	box-shadow: 0 0 2px 2px rgba(221,221,221,0.5);
}

.project-detail{
	margin-top: 0;
}

.project-detail h3{
	margin-bottom: 15px;
	padding-top: 20px;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-top: 1px solid #e3ebee;
}

.project-description{
	padding-bottom: 15px;
	line-height: 1.5em;
	font-size: 16px;
}

#front-testimonial{
	padding: 35px 0;
	background: #fafafa;
	color: #444;
}

blockquote#testimonial-quote{
	margin: 15px 0 0 0;
	text-align: center;
	font: normal 30px "freight-text-pro", Georgia, sans-serif;
	color: #444;
	border: none;
}

cite{
	display: block;
	text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 16px;
    color: #444;
}

#front-news{
	padding: 35px 0 0;
}

h2.front-blog{
	margin-bottom: 15px;
	text-align: center;
	font: normal 30px "freight-text-pro",Georgia,sans-serif;
}


/* #Work
================================================== */


#work-wrap{
	background: #fff;
}

.project{
	padding: 0 0 100px;
}



/* #FAQ
================================================== */

#faq-wrap{
	background: #fff;
}

dt{
	margin: 56px 0 50px;
	padding-top: 50px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	border-top: 1px solid #e3ebee;
}

dt:first-child{
	margin-top: -50px;
	border: none;
}

dd{
	margin: 0 0 70px;
}

#fred{
	margin: 3em 0;
}


/* #Contact
================================================== */


#form-wrap{
	background: #fff;
}

#form-wrap h2.main-header{
	padding-top: 60px;
}

#contact-additional{
	margin: 50px 0;
	padding-top: 50px;
	font-size: 14px;
	font-family: "freight-text-pro", serif;
	border-top: 1px solid #e3ebee;
}

#contact-additional h3{
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 16px;
}

#contact-additional p{
	margin-bottom: 15px;
	line-height: 1.6em;
}

#contact-additional .vcard p{
	margin-bottom: 0;
}



/* #404
================================================== */

#fourohfour.twelve.columns{
	padding-bottom: 60px;
}



/* #Plugins
================================================== */

.gform_wrapper{
/*	padding: 10px 20px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ddd;
	box-shadow: 0 0 2px 2px rgba(221,221,221,0.5); */
}

.gform_wrapper li.gfield{
	margin-bottom: 30px;
}

.gform_wrapper .top_label .gfield_label {
	margin: 10px 0;
}

.gform_wrapper .gfield_checkbox li input[type="checkbox"],
.gform_wrapper .gfield_checkbox li input,
.gform_wrapper .gfield_radio li input[type="radio"],
.gform_wrapper .gfield_radio li input{
   position: relative;
   top: 4px;
}

/* hackty hack for ff */

body.gecko .gform_wrapper .gfield_checkbox li input[type="checkbox"],
body.gecko .gform_wrapper .gfield_checkbox li input{
   position: relative;
   top: 5px;
}

body.gecko .gform_wrapper .gfield_radio li input[type="radio"],
body.gecko .gform_wrapper .gfield_radio li input{
   position: relative;
   top: 6px;
}

/* ie */

.gform_wrapper.gf_browser_ie .gform_footer input.button {
	padding: 8px 12px;
	font-family: "freight-sans-pro", sans-serif;
}

.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction{
    font-family: "freight-sans-pro", sans-serif;
}

.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper textarea{
    font-family: inherit;
    font-size: 18px;
    letter-spacing: normal;
    outline-style: none;
    padding: 5px;
    border-radius: 4px;
	background: #fcfcfc;
}

.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction{
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    margin: -12px 0 0;
}

.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label{
	font-weight: normal;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"]{
    font-size: 16px;
}

.gform_wrapper .gform_footer{
	text-align: center;
}



/* #Meanmenu
================================================== */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background: #3e4445;
	padding: 4px 0 0;
	min-height: 42px;
	z-index: 999999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #3e4445;
	margin-top: 44px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 32px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}


/* #Media Queries
================================================== */
		
	
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

	#masthead{
		padding: 25px 0 15px;
	}
	a#logo{
		top: 11px;
	}
	#intro p{
		width: 90%;
	}
	#intro p#mission{
		font-size: 30px;
	}
	body.home #front-work{
		padding-bottom: 0;
	}
	.project-detail h3{
		text-align: center;
		border-top: none;
	}
	.project-description{
		text-align: center;
		border-bottom: none;
	}
	.project{
		padding: 0 0 40px;
	}
	.project-screenshot img{
		padding: 0;
		background: #fff;
		border-radius: 4px;
		border: 1px solid #ddd;
		box-shadow: 0 0 2px 2px rgba(221,221,221,0.5);
	}
	.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right{
		float: left;
		clear: both;
		width: 100%;
	}
	.gform_wrapper .ginput_complex .ginput_right{
		margin-top: 10px;
	}

}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

	body.home #front-work{
		padding-bottom: 0;
	}
	body.home .front-slide .twelve.columns, body.home .front-slide .four.columns, body.page-template-page-work-php .project .twelve.columns, body.page-template-page-work-php .project .four.columns{
		width: 748px;
	}
	body.home .front-slide .twelve.columns img, body.page-template-page-work-php .project .twelve.columns img{
		max-width: 650px;
		margin-left: 49px;
		margin-right: 49px;
		text-align: center;
	}
	body.home .front-slide .four.columns h3, body.home .front-slide .four.columns div.project-description, body.page-template-page-work-php .project .four.columns h3, body.page-template-page-work-php .project .four.columns div.project-description{
		max-width: 650px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.project-description{
		padding-bottom: 0;
	}
	.project-detail h3{
		border-top: none;
	}
	
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}


/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

/* Retina ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

	#logo img{
		display: none;
	}

	#logo{
		display: inline-block;
		background: url(images/logotype-blue@2x.png) no-repeat 0 0;
		background-size: 121px 17px;
		width: 121px;
		height: 17px;
	}

}



/* #HTML5 Boilerplate Print Styles
================================================== */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}