/*
  BF Internet HTML boilerplate - an ever-evolving start point for HTML development on BF Internet projects
  This Boilerplate started life as HTML5 Boilerplate [http://html5boilerplate.com]

  It is intended for large groups of styles for pages beyond the home page (contact form, gallery etc.) are separated into a different sheet
  There is no point in every user downloading ALL styles for the whole site, when they only wanted to view the home page

*/

/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* 24 column responsive grid system v3.0 | responsive.gs */
.col { display: block;float: left;width: 100%;}@media ( min-width : 768px ) {.gutters .col {margin-left: 2%;}.gutters .col:first-child { margin-left: 0; }}@media ( min-width : 768px ) {.span_1 { width: 4.16666666667%; }.span_2 { width: 8.33333333333%; }.span_3 { width:12.5%; }.span_4 { width: 16.6666666667%; }.span_5 { width: 20.8333333333%; }.span_6 { width: 25%; }.span_7 { width: 29.1666666667%; }.span_8 { width: 33.3333333333%; }.span_9 { width: 37.5%; }.span_10 { width: 41.6666666667%; }.span_11 { width: 45.8333333333%; }.span_12 { width: 50%; }.span_13 { width: 54.1666666667%; }.span_14 { width: 58.3333333333%; }.span_15 { width: 62.5%; }.span_16 { width: 66.6666666667%; }.span_17 { width: 70.8333333333%; }.span_18 { width: 75%; }.span_19 { width: 79.1666666667%; }.span_20 { width: 83.3333333333%; }.span_21 { width: 87.5%; }.span_22 { width: 91.6666666667%; }.span_23 { width: 95.8333333333%; }.span_24 { width: 100%; }.gutters .span_1 { width: 2.25%; }.gutters .span_2 { width: 6.5%; }.gutters .span_3 { width: 10.75%; }.gutters .span_4 { width: 15.0%; }.gutters .span_5 { width: 19.25%; }.gutters .span_6 { width: 23.5%; }.gutters .span_7 { width: 27.75%; }.gutters .span_8 { width: 32.0%; }.gutters .span_9 { width: 36.25%; }.gutters .span_10 { width: 40.5%; }.gutters .span_11 { width: 44.75%; }.gutters .span_12 { width: 49.0%; }.gutters .span_13 { width: 53.25%; }.gutters .span_14 { width: 57.5%; }.gutters .span_15 { width: 61.75%; }.gutters .span_16 { width: 66.0%; }.gutters .span_17 { width: 70.25%; }.gutters .span_18 { width: 74.5%; }.gutters .span_19 { width: 78.75%; }.gutters .span_20 { width: 83.0%; }.gutters .span_21 { width: 87.25%; }.gutters .span_22 { width: 91.5%; }.gutters .span_23 { width: 95.75%; }.gutters .span_24 { width: 100%; }}
.row {padding-bottom: 5px;} /* set according to preference*/




/*
	Your comments should say WHY the code does what it does, not WHAT it does.
*/

/*--------------------------------------
----------  Color Palette  -------------
----------------------------------------
blue: 	rgb(59, 85, 122);
blue2: 	rgb(47, 68, 97);
white: 	rgb(255, 255, 255);
orange: rgb(252, 157, 67);
green: 	rgb(72, 167, 130);
grey: 	rgb(100, 100, 101);
 */

/*--------------------------------------
------  Primary Website Styles -------
---------------------------------------*/
	body, select, input, textarea {
		font: 16px/1.4em "museo-sans", sans-serif ;
		/* 'Istok Web',Helvetica, Helvetica Neue, Arial, sans-serif; */
		/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
		color: #444;
	}

	html {
		text-align: center;
	}

	body {
		margin: auto;
		width: 100%;
		text-align: left;
		font-family: "museo-sans", sans-serif;
	}

/* Differenciate links from body copy with more than just colour. Not everyone can see colours: http://j.mp/i9Wt2E */
	a, a:active, a:visited {
		color: #ed443c;
		text-decoration: underline;
	}

	a:hover {
		color: #ed443c;
		text-decoration: none;
	}

	h1, h2 {
		font-size: 24px;
	}

	h3 {
		font-size: 17px;
	}

	h4 {
		font-size: 15px;
	}

	h5 {
		font-size: 13px;
	}

	h1,h2,h3,h4,h5 {
		/* Top & bottom margin based on font size. */
		margin: 1.3em 0 0.7em 0;
		text-transform:uppercase;
		font-family: "museo-sans", sans-serif;
	}

	.tk-museo-sans { font-family: "museo-sans", sans-serif; }


	a:focus, a:hover {
		text-decoration: none;
	}

/*
* Wordpress adds default classes to images as they are inserted. These style those classes, tweak as you wish.
*/

.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images */
	/*border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);*/
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/*
	Default form element styling
*/

button, input, textarea, select {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	vertical-align: middle;
}
/* <button>s get a white border in IE6/7. Fix is at: http://stackoverflow.com/a/4159455 */


input, textarea, select {
	border: 1px solid #cdcdcd;
	color: #444;
	padding: 0.2em;
}

input.watermark, textarea.watermark { /* For jquery.watermark */
	color: #aaa;
}

input:hover, textarea:hover, select:hover {
	border: 1px solid #cdcdcd;
	color: #444;
}

input:focus, textarea:focus, select:focus {
	border: 1px solid #cdcdcd;
	color: #000;
}

button:hover, button:focus, button:active,
input:focus, input:active,
select:focus, select:active,
textarea:focus, textarea:active {
	/*-webkit-box-shadow: #444 0 0 7px;
	box-shadow: #444 0 0 7px;*/
}

input[type="file"]:focus, input[type="file"]:active,
input[type="radio"]:focus, input[type="radio"]:active,
input[type="checkbox"]:focus, input[type="checkbox"]:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

fieldset, legend {
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.lt-ie8 legend { margin-left: -7px; }

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.lt-ie8 input[type="checkbox"] { vertical-align: baseline; }
.lt-ie7 input { vertical-align: text-bottom; }

input.checkbox, input.radio {
	width: 30px !important;
	position: absolute;
	bottom: -5px;
	background: transparent; /* ie6 */
	border: none !important; /* ie6 */
}

button, input[type="submit"] {
 	padding: 8px 15px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	border: 0;
	background-color: #444;
	-webkit-border-radius: 0;
	border-radius: 0;
 }


/*
 * BF footer link
 */
 /*
 * Non-semantic helper classes
 */

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

.align-right {text-align: right;}

.float-right {float: right;}

.float-left {float: left;}

.uppercase {text-transform: uppercase;}

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Micro Clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before,.cf:after{content:"";display:table;}.cf:after{clear:both;}.cf{*zoom:1;}


/* For when the clearfix won't do - use as <br class="clear"> */
.clear { clear: both; }


/*
 * print styles, compressed
 */
@media print {*{background:transparent !important;color:#444 !important;text-shadow:none !important;}a,a:visited{color:#444 !important;text-decoration:underline;}a:after{content:" (" attr(href) ")";}abbr:after{content:" (" attr(title) ")";}.ir a:after{content:"";}pre,blockquote{border:1px solid #999;page-break-inside:avoid;}thead{display:table-header-group;}tr,img{page-break-inside:avoid;}@page{margin:0.5cm;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}}