/* -- ===== Credits
- Site Name: Isleby
- Designa Version: 2.01 (August 2012)
- Site URI: http://sylvainlafitte.com/designa/
- Author: Sylvain Lafitte
- Author URI: http://sylvainlafitte.com
- Resources:
	HTML5 Boilerplate (http://html5boilerplate.com/),
	Normalise.css (http://necolas.github.com/normalize.css/), 
	Proportional grids by Boon (http://builtbyboon.com),
	CSS Tricks (css-tricks.com).
===== -- */




/* -- ===== Fonts and Colors

heading text		"Open Sans", Tahoma, Verdana, sans-serif
bodytext		"Merriweather", Times New Roman, Times, serif
pre, anyquote::before	"Courier New", sans-serif

black			#000000	rgb(0, 0, 0)
darkest gray		#373737	rgb(55, 55, 55)		h1 a - h6 a, button:hover text, button:active text
dark gray		#565656	rgb(86, 86, 86)		h1-h6, normal, hover, button:active background
med-dk gray		#6C6D6E	rgb(108, 109, 110)	aside p
med gray		#828385	rgb(130, 131, 133)	html, .navactive
med-lt gray		#919295	rgb(145, 146, 149)	quote, .scripture
light gray		#A0A1A4	rgb(160, 161, 164)	visited
lighter gray		#C0C0C2	rgb(192, 192, 194)	button:hover border
lightest gray		#DADADB	rgb(218, 218, 219)	
off-white		#EFEFEF	rgb(239, 239, 239)	button:active background
white			#FFFFFF	rgb(255, 255, 255)	button:background
light blue		#567DAC	rgb(86, 125, 172)	a:visited, button border
med blue		#395789	rgb(57, 87, 137)	a normal, verse, button text
dark blue		#1E3163	rgb(30, 49, 99)		a:hover, button2:hover
some red		#894238	rgb(137, 66, 56)

===== -- */


/* -- ===== RESET ===== -- */
article, aside, details, figcaption, figure, footer, footer2, footer3, header, hgroup, menu, nav, section {display: block;}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

:hover, :focus, :active {
	outline: none;}

html, button, input, select, textarea {
	font-family: "Merriweather", Times New Roman, Times, serif;
	font-weight: 400;
	color: #828385;}

body {
	margin: 0;
	font-size: 13px;
	line-height: 1.6;}

body.narrow {
	width: 90%;
	margin-left: 5%;}

body.narrow2 {
	width: 80%;
	margin-left: 10%;}

a {
	color: #395789;
	font-weight: normal;
	cursor: pointer; 
	text-decoration: none;
	transition:color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-webkit-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;}

a:hover {
	color: #1E3163;
	text-decoration: none;
	background: rgba(0, 0, 0, 0.025);}

a:active, a:focus {
	position: relative;
	top: 1px;}

a:visited {
	color: #567DAC;
	opacity: 0.9;}

::-moz-selection {
	background: #567DAC;
	color: #FFFFFF;
	text-shadow: none;}

::selection {
	background: #395789;
	color: #FFFFFF;
	text-shadow: none;}	

p {
	margin: 0 0 1em;}

p:last-child {
	margin-bottom: 0;}

abbr[title] {
	border-bottom: 1px dotted;}

dfn {
	font-style: italic;}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #C0C0C2;
	margin: 1em 0;
	padding: 0;}

pre, code, kbd, samp, mono {
	font-family: "Courier New", monospace;
	font-size: 1em;}

q {
	quotes: none;}

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

blockquote {
	margin: 1em 1em 1em 0;
	padding: 1em;
	border-left: 1px solid #C0C0C2;
	font-family: "Open Sans", Tahoma, Verdana, sans-serif;
	font-weight: 400;
	font-style: italic;
	color: #A0A1A4;}

blockquote p {
	font-size: 1.0em;
	line-height: 2em;
	margin-bottom: 0;}

.scripture {
	color: #919295;}

blockquote.scripture {
	background-color: none;
	position: relative;
	width: 80%;
	margin: 1em auto;
	border-left: none; /* or 1px solid #DADADB */
	font-style: initial;
	color: #919295;}

blockquote.scripture::before {
	position: absolute;
	top: -0.34em;
	left: -0.34em;
	font-family: "Courier New";
	font-size: 6em;
	background: none;
	content: '"'; /* Left '“', straight '"', right '”' or reversed '‟' */
	color: rgb(86, 125, 172, 25%);} /* alternate content "\201C" */

blockquote .verse {
	font-family: "Open Sans", Tahoma, Verdana, sans-serif;
	font-weight: 500;
	font-style: regular;
	color: #395789;}

em.spoken_by_Jesus {
	color: rgb(30, 49, 99, 0.85);}

/* inserts different content defined by .data-class in the html doc, data-class="@" or 𝅘𝅥𝅮 𝅘𝅥𝅯 𝅘𝅥𝅰 𝄞 or "whatever" */

.data-class {
	display: block;
	font-size: 1em;
	font-style: none;
	padding: 0;
	margin: 0;}

blockquote.anyquote { /* or? blockquote.anyquote */
	background-color: none;
	position: relative;
	width: 80%;
	margin: 1em auto;
	border-left: none; /* or 1px solid #DADADB */
	font-style: initial;
	color: #A0A1A4;}

blockquote.anyquote::before { /* or? blockquote.anyquote::before */
	position: absolute;
	top: -.34em;
	left: -.34em;
	font-family: "Courier New";
	font-size: 6em;
	color: rgb(86, 125, 172, 25%);
	content: attr(data-class);} /* value in html doc instead of css content  here */


b, strong {
	font-weight: 600;}

small {
	font-size: 85%;
	color: #828385;}

sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;}

sup {
	top: -0.5em;}

sub {
	bottom: -0.25em;}

dd {
	margin: 0 0 0 40px;}
	
dt {
	font-weight: 600;}

ul, ol {
	font-family: "Open Sans", Tahoma, Verdana, sans-serif;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;}

ul.dashed {
	list-style-type: none;}

ul.dashed li {
	line-height: 1.6;}

ul.dashed > li:before {
	content: "- ";
	color: #565656;}

ol.num  {
	list-style-type: num;
	margin-left: 2em;}

ol.num li {
	line-height: 1.5;}

/* a progress bar w/ 2 items (pa, pb) on the same line */

ul.progress {
	list-style-type: none;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background-color: #A0A1A4;}

ul.progress li {
	float: left; 
	display: inline-block;
	color: #FFFFFF;
	text-align: center;
	margin: 0;}

li.pa {
	background-color: #567DAC;}

li.pb {
	background-color: #395789;}

img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
svg:not(:root) {overflow: hidden;}

figure {
	max-height: 100%;
	overflow: hidden;
        margin: 0 0 2em 0;}

form {margin: 0;}
fieldset {border: 0; margin: 0; padding: 0;}
label {cursor: pointer;}
legend {border: 0; *margin-left: -7px; padding: 0; white-space: normal;}
button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input {line-height: normal; *overflow: visible;}
table button, table input {*overflow: auto;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;}
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-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top; resize: vertical;}
table {border-collapse: collapse; border-spacing: 0;}
td {vertical-align: top;}
.chromeframe { margin: 1em 0; background: red; color: black; padding: 1em;}



/* -- ===== STYLES ===== -- */

/* -- BUTTONS -- */

.button, input[type="submit"], button, .toggle-title {
	color: #395789;
	font-family: "Open Sans", Tahoma, Verdana, sans-serif;
	font-size: 1em;
	font-weight: normal;
	padding: 0.6em 1.2em;
	text-shadow: none;
	text-decoration: none;
	border: solid 1px #567DAC;
	background: #FFFFFF;
	cursor: pointer;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;

	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;}

.button:hover, input[type="submit"]:hover, button:hover, .toggle-title:hover {
	color: #373737;
	text-decoration: none;
	border-color: #C0C0C2;
	background: 0 100%;}
	
.button:focus, input[type="submit"]:focus, button:focus, .toggle-title:focus {
	color: #373737;
	border-color: #C0C0C2;}
	
.button:active, input[type="submit"]:active, button:active, .toggle-title:active {
	color: #373737;
	background: #EFEFEF;
	border-color: #565656;
	position: relative;
	top: 0.1px;} /* old setting 0.1px */

.button2 {
	margin-top: 2em;
        padding-bottom: 2em;}

.button2 .button {
	background: rgb(57, 87, 137);
	text-shadow: none;
        text-decoration: none;
	color: white;}

.button2:hover .button {
	background: rgba(30, 49, 99, 0.85);}


/* -- TYPO -- */

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em;
	font-family: "Open Sans", Tahoma, Verdana, sans-serif;
	font-weight: 500;
	color: #1E3163;} /* old color #565656 */

h1 {
	font-size: 4.1em;
	font-weight: 400;
	letter-spacing: 0em;
	text-transform: uppercase;
	line-height: 0.9;
	margin: 0 0 0.5em;}

h2 {
	font-size: 2.5em;
	letter-spacing: 0em;
	line-height: 1;
	margin: 0 0 20px;}

h3 {
	font-size: 1.75em;
	margin: 1em 0 0.5em 0;}

h4 {
	font-size: 1.5em;
	margin: 1em 0 0.5em 0;}

h5 {
	font-size: 1.17em;
	text-transform: uppercase;
	margin: 0;}

h6 {
	font-size: 1.1em;
	margin-bottom: 2px;}

h6::before .special {
	content: '☰ ';
	color: #567DAC;}

h6::after .special {
	content: ' ☰';
	color: #567DAC;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#373737;
	text-decoration: none;}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color:#1E3163;
	text-decoration: underline;}

h2 .subtitle, h3 .subtitle {
	display: block;
	margin-bottom: 1em;
	font-size: 0.7em;
	font-style: italic;
	color: #1E3163;} /* old color #565656 */

aside {
	padding-bottom: 2em;}

aside p {
	line-height: 1.5em;
	font-family: "Open Sans", Tahoma, Verdana, sans-serif;
	font-weight: 400;
	font-size: 1.0em;
	color: #6C6D6E;}

p.dropcap:first-letter {
	text-transform: uppercase;
	font-family: "Merriweather", Times New Roman, Times, serif;
	font-weight: 400;
	font-size: 225%;
	color: rgba(57, 87, 137, 1);
	float: left;
	padding: 0.15em 0.05em 0 0;}

.indent1 p, .indent1 li {
	line-height: 1.5;
	margin: 0 1.5em 1em 1.5em;}

.indent2 li {
	line-height: 1.0;
	margin-left: 2em;}

.lightfont {
	color: #C0C0C2;}

.someletters {
	color: #828385;}

.verse {
	background: none;
	font-family: "Open Sans", Tahoma, Verdana, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #395789;}

article > h3 {
	border-top: 1px solid #DADADB;
	padding-top: 1em;
	margin-top: 2em;
	margin-left: auto;}

div.two-col article {
	border-top: none;}

section.board {
	border-top: 1px solid #DADADB;
	margin-top: 3em;}

/* text distributed over multiple columns */

.xcol {
	width: 100%;
	display: inline-block;
	columns: auto 3; /* width and col count */
	column-gap: 2em;}

.xcol article {
	column-fill: auto; /* auto or balance */
	column-gap: 3em;
	column-rule: none;  /* line: width style color  */}

.xcol h2, .xcol h3, .xcol h4 {
	column-span: all; /* all or none */}

ul.xcol {
	width: 100%;
	display: inline-block;
	margin: 0em;
	break-inside: avoid;
	columns: auto 2;
	column-fill: balance;}

ul.xcol li {display: block;}

@media screen and (max-width: 48em) {
	.xcol {
		columns: auto 2;}
	ul.xcol {
		columns: auto 1;}
	ul.xcol li {display: block;}}

@media only screen and (max-width: 30em) {
	.xcol {
		columns: auto 1;}}



/* -- GRID  https://github.com/mattberridge/Proportional-Grids/ -- */

body {
	width:100%;
	background: none;}

.container {width: 90%; margin: 5em auto; max-width: 1100px; min-width: 300px;}

.containerpost {width: 80%; margin: 5em auto; max-width: 1100px; min-width: 300px;}

.grid-wrap {
  margin-left: -3em; /* the same as your gutter */
  overflow: hidden;
  *zoom:1;}

.grid-wrap:before, .grid-wrap:after {
  content:"";
  display:table}

.grid-wrap:after {
  clear:both}
  
.grid {
  float: left;
  padding-left: 3em; /* this is your gutter between columns */
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/boxsizing.htc); }
  
.half-gutter {margin-left: -1.5em; }
  .half-gutter .grid-col {padding-left: 1.5em; }
  
.col-full {width: 100%;}
.col-one-half {width: 50%;}
.col-one-third {width: 33.333%;}
.col-two-thirds {width: 66.666%;}
.col-one-quarter {width: 25%;}
.col-three-quarters {width: 75%;}

.col-three-quarters .col-one-half {
	margin: 0 0 0 0;}

@media screen and (max-width: 48em) {
	article.mq1-col-one-half {
	float: left;
	margin-left: -3em;
	width: auto;}}

@media screen and (max-width: 48em) {
	article.mq2-col-full {
	float: left;
	margin-left: 0em;
	width: auto;}}

.mright{ margin-right: 3em;}
.mleft{ margin-left: 3em;}
.mtop{ margin-top: 3em;}
.mbottom{ margin-bottom: 3em;}
.halfmright{ margin-right: 1.5em;}
.halfmleft{ margin-left: 1.5em;}
.halfmtop{ margin-top: 1.5em;}
.halfmbottom{ margin-bottom: 1.5em;}

.fright, .fleft {display:block; overflow:hidden}
.fright {float:right}
.fleft {float:left}

.alignleft {
	float: left;
	clear: left;
	margin: 0.38em 1.62em 0.38em 0;}

.alignright {float: right;clear: right;margin: 0.38em 0 0.38em 1.62em;}
.aligncenter {
	margin: 0 auto 1.62em;
	display: block;}


/* -- MISC -- */

figure {
	max-height: 100%;
	overflow: hidden;}

img {
	max-width: 100%;
	border-radius: 0.67em 0;
	height: auto;
	width: auto;}

a img {
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	transition: opacity 1s ease; }

a img:hover {
	*zoom: 1;
	opacity: 0.7;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
	filter: alpha(opacity = 70);}

p.round {
	text-align: center;}

p.round img {
	overflow: hidden;
	width: auto;
	max-height: 25em;
	border-radius: 50%;}

figcaption.attribution {
	float: right;
	color: #828385;
	font-size: 0.85em;
	padding-right: 0.5em;
	padding-bottom: 2em;}

.attribution {
	color: #565656;
	font-size: 0.85em;}



/* -- ===== PAGES ===== -- */

/* -- HEADER -- */

header#navtop {
	margin-bottom: 1em;
	clear: both;
	overflow: hidden;}

header#navtop h1 {
	font-family: "Merriweather", Times New Roman, Times, serif;
	font-size: 1.5em;
	color: #395789;}

header#navtop img {
	width: 40%;
	height: auto;}

.maintitle {
	font-family: "Open Sans", Tahoma, Verdana, sans-serif;
	text-transform: none;
	font-size: 0.8em;
	color: #6C6D6E;}

header nav ul li {
	display: block;
	float: left;
	overflow: hidden;
	padding: 0 0.65em;
	border-left: 1px solid #C0C0C2;
	line-height: 1.67em;}

header nav ul li:first-of-type {
	border-left: none;
	padding-left: 0;}

nav a, menu a {
	text-decoration: none;
	color: #395789;}

.navactive {
	color: #828385;}

.logo {
	margin-bottom: 1em;} /* was 3em when using menu in header*/

.logo img {
	border-radius: 0;}

.logo:hover {
	background: none;}


/* -- GENERAL -- */

.main > section {
	margin-bottom: 4em;}

.main header {
	color: #565656;
	margin-bottom: 2em;}

.main header hr {
	border-top-color: #828385;}

.main header figure {
	margin-top: 4em;}

.arrow:after {
	content:" \27F6"; /* html unicode: ⟶ */ }
	
header .arrow {
	color: #828385; font-style: italic;}
	
.arrow:hover {
	color: #1E3163;}


/* -- FOOTER -- */

footer3 {
	display: block;
	overflow: hidden;
	color: #828385;
	border-top: 1px solid #C0C0C2;
	font-size: 0.85em;
	padding-top: 2em;
	margin-top: 1.5em;
	margin-bottom: 5em;}

footer3 ul.left li {
	float: left;
	padding-right: 1em;
	margin-right: 1em;
	border-right: 1px solid #C0C0C2;}

footer3 ul.left li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none; }

footer3 ul.middle li {
	}

footer3 ul.right li {
	text-align: right;}


footer2 {
	color: #565656;
	margin-bottom: 7em;}

footer2 nav ul {
	float: right;
	overflow: hidden;}

footer2 a {
	color: #828385;}

footer2 li {
	float: left;
	margin-right: 1em;
	padding-right: 1em;
	border-right: 1px solid #C0C0C2;
	font-size: 0.85em;}

footer2 li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none;}

.up a {
	display: block;
	margin: 0 auto;}

footer {
	display: block;
	color: #828385;
	border-top: 1px solid #C0C0C2;
	padding-top: 2em;
	padding-bottom: 5em;
	margin-top: 1.5em;
	margin-bottom: 5em;}

footer ul {
	font-size: 0.85em;}

footer ul.fleft2 li {
	float: left;
	padding-right: 1em;
	margin-right: 1em;
	border-right: 1px solid #C0C0C2;}

footer ul.fright2 li {
	text-align: right;
	border-right: none;}

footer ul li:last-child {
	border-right: none;}


.dividetop { /* was used for footer */
	border-top: 1px solid #C0C0C2;
	padding-top: 2em;
	margin-top: 1.5em;}


/* -- HOME-PAGE -- */

/* Slider */

/* Browser Resets */

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;}

.slides, .flex-control-nav,.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;}

/* FlexSlider Necessary Styles */

.flexslider {
	margin: 0;
	padding: 1.75em 0 0 0;
	position: relative;}

.flexslider .slides > .slide {
	display: none;
	-webkit-backface-visibility: hidden;}

.flexslider .slides img {
	width: 100%;
	display: block;}

.flexslider {
	.animationSpeed: 1000;}

.flex-pauseplay span {
	text-transform: capitalize;}

.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;}

html[xmlns] .slides {
	display: block;}

* html .slides {
	height: 1%;}

.slide figcaption {
	position: absolute;
	background: rgba(255, 255, 255, 0.65);
	height: auto;
	min-height: 2em;
	width: 80%;
	padding: 1em;
	top: -2.75em;
	right: 7.5%;}

.slide figcaption div {
	text-align: right;
	display: block;
	border-right: 1px solid #828385;
	padding: 0 1em 0 0;
	margin: auto 4em auto 0;}

.slide figcaption div h5 {
	color: #395789;}

.slide figcaption div p {
	margin: 0;
	color: #565656;}

.slide a, .verse {
	white-space: nowrap;}

div.slide div > h2, div.slide div > h3, div.slide div > h4, div.slide div > h5 {
	line-height: 1.6;
	font-size: 1.17em;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	color: #6C6D6E;}

.flex-direction-nav {
	position: absolute;
	top: 0em;
	right: 3.5em;
	z-index: 10;}

.flex-direction-nav li {
	display: inline;}

.flex-prev, .flex-next {
	text-decoration: none;
	color: #565656;
	margin-left: 1em;}

.flex-prev:hover, .flex-next:hover {
	text-decoration: none;
	color: #1E3163;}


/* -- Home-page -- */

.main aside:first-of-type {
	padding-top: 0;
	margin-top: 0;}

/* About page bios */

article.bios, div.two-col {
	border-top: none;
	background-color: none;}

section.board {
	background-color: none;}

div.bio {
	margin-bottom: 3em;
	background-color: none;}

.bio h6 + p {
	margin-bottom: 1em;}

.bio figure {
	margin: 1em 0em;
	overflow: hidden;}

h6.bio-names {
	color: rgb(57, 87, 137, 0.85);}

@media screen and (max-width: 60em) {
	div.bio:nth-child(odd) {
	clear: both;}}

@media screen and (max-width: 48em) {
	.mq2-col-full div.bio figure {
	float: left;
	margin: 0 2em 1em 0;
	width: 33%;
	height: auto;}}



/* -- SUBPAGES -- */

/* Separations */

.main:not(.home-page) > section article h2 {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #C0C0C2;}

.main:not(.home-page) > section article:first-child h2 {
	margin-top: 0;}



/* Toggles */

.toggle-view > li {
    margin-top: 1em;
    position: relative;}
.toggle-title {padding: 0.8em 2em;}
.toggle-title-detail {
    font-size: 0.85em;
    color: #828385;
    font-weight: normal;
    text-transform: lowercase;}
.toggle-title:after {
    content: "\25C0";
    float: right;
    color: #828385;}
.toggle-title:hover:after { color: #565656;}
.tactive { background: #FFFFFF;}
.tactive:after {
    content: "\25BC";
    color: #565656;}
.toggle {
    padding: 1em 2em;
    display: none;
    overflow: hidden; }
.toggle > ul li { line-height: 2.5;}
.toggle > ul li:before {
    content: "\2714 ";
    color: #C0C0C2;
    margin-right: 1em;}

/* Tabs */

.tabs {
    display: block;
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #C0C0C2;}
.tabs li {
    display: inline-block; margin-bottom: -1px;}
.tabs li a {
    display: block; 
    text-decoration: none;
    line-height: 3em;
    color: #565656; 
    padding: 0 2em; 
    margin: 0;
    background: #EFEFEF;
    font-size: 1.1em;}
.tabs li a:hover {color: #373737;}

.tabs li.active a {
	background: #FFFFFF;
	position: relative;
	border: 1px solid #C0C0C2;
	border-bottom-color: #FFFFFF;
	color: #373737;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-right-radius: 2px;}

.tab_container {
	margin-bottom: 1em;
	display: block;
	border-left: 1px solid #C0C0C2;
	padding: 15px 15px 0;}

.tab_container > article {
	display: none;}

.tab_container > article:first-child {
	display: block;}



/* -- ====== MISC ===== -- */

.ir {display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; *line-height: 0;}
.ir br {
	display:none;}

.hidden {
	display:none !important;
	visibility:hidden;}




/* -- ===== MEDIA QUERIES ===== -- */

/* -- Media query 1 (mq1) -- */

@media only screen and (max-width: 60em) { /* 13 / 780 */
	.mq1-col-full {width: 100%; }
	.mq1-col-one-half {width: 50%; }
	.mq1-col-one-third {width: 33.333%; }
	.mq1-col-two-thirds {width: 66.666%; }
	.mq1-col-one-quarter {width: 25%; }
	.mq1-col-three-quarters {width: 75%; }
	/**/
	h1 {
		font-size: 3.1em;}
	.slide figcaption {
		width: 80%;}
	footer2 li {
		float: left;
		margin-right: 0.5em;
		padding-right: 0.5em;
		border-right: 1px solid #C0C0C2;}}


/* -- Media query 2 (mq2) -- */

@media only screen and (max-width: 48em) { /* 13 / 624 */
	.mq2-col-full {width: 100%;}
	.mq2-col-one-half {width: 50%;}
	.mq2-col-one-third {width: 33.333%;}
	.mq2-col-two-thirds {width: 66.666%;}
	.mq2-col-one-quarter {width: 25%;}
	.mq2-col-three-quarters {width: 75%;}
	/**/
	.main header img {
		overflow: hidden;
		max-width: 133%;
		margin: 0 -15%;}
	header nav {
		width: 100%;}
	header nav ul {
		padding: 0 0.65em;
		border-left: 1px solid #C0C0C2;
		line-height: 1.67em;}
	header nav ul:first-of-type {
		border-left: none;
		padding-left: 0;}
	.slider {
		margin-top: 3em;}
	.hide {
		display: none;}}


/* -- Media query 3 (mq3) -- */

@media only screen and (max-width: 30em) { /* 13 / 390 */
	.mq3-col-full {width: 100%;}
	.mq3-col-one-half {width: 50%;}
	.mq3-col-one-third {width: 33.333%;}
	.mq3-col-two-thirds {width: 66.666%;}
	.mq3-col-one-quarter {width: 25%;}
	.mq3-col-three-quarters {width: 75%;} 
	.mq3-none {display: none;}
	/**/
	header nav ul {
		padding: 0 0.5em;}
	footer2 li {
		float: none;
		margin-right: 0em;
		padding-right: 0em;
		border-right: none;
		line-height: 2em;}}


/* -- PRINT STYLES -- */

@media print { 
	*{background: transparent !important;
	color: black !important;
	text-shadow: none !important;
	filter: none !important;
	-ms-filter: none !important;}
	abbr[title]:after{content:"("attr(title) ")"}
	pre, blockquote {page-break-inside: avoid;}
	thead {display: table-header-group;}
	tr, img {page-break-inside: avoid;}
	img {max-width: 100% !important;}
	p, h2, h3 {
		orphans: 3; 
		widows: 3;}
	h2, h3 {
		page-break-after: avoid;}}



/* -- ===== END ===== -- */