@charset "UTF-8";
/*------------------------------------------------------------------------*\
  FRANKLY.CSS
\*------------------------------------------------------------------------*/

/*
Author:             Paul Weingartz
Twitter:            @franklycss
Author URL:         pweingartz.me
Project URL:        franklycss.com
Version:            1.2
Date:               27 January 2014

Copyright © 2014 Paul Weingartz

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

\*------------------------------------------------------------------------*/



/* INCLUDES
------------------------------------------------------------------------------------------------------------------------ */
@import url('grid.css');
@import url('shame.css'); /* TEMPORARY HACK/SHAME SHEET - Read: http://csswizardry.com/2013/04/shame-css/*/



/* =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, 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 {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;  vertical-align: baseline; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
a:focus {outline: 1px dotted invert;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}



/* =SPACING
------------------------------------------------------------------------------------------------------------------------ */
ol {list-style: decimal;}
ul {list-style: disc;}
li {margin-left: 15px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom: 1.5em;}
hr {border-color: #ccc;border-style: solid;border-width: 1px 0 0;clear: both;height: 0;}



/* =MASTER
------------------------------------------------------------------------------------------------------------------------ */
html {
	overflow-y: scroll; /* Force scrollbars 100% of the time */
	font-size: 14px; /* Paragraph copy is set to 14px in the TYPE section below */
	line-height: 1.5;
	color: #333;
}
body {
	min-height: 100%;
}



/* CLEARFIX
------------------------------------------------------------------------------------------------------------------------ */
/*
Fix clearing issues as per: nicolasgallagher.com/micro-clearfix-hack/
*/
.cf {
	zoom:1;
}
.cf:before, .cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}



/* =NAV ABSTRACTION
------------------------------------------------------------------------------------------------------------------------ */
.menu{
	list-style:none;
	margin: 0px;
}
.menu li{
	display:inline;
}
.menu a{
	display:inline-block;
}



/* =TYPE
------------------------------------------------------------------------------------------------------------------------ */
/*--- HEADINGS ---*/
h1 {
	font-size:2em;			/* 32px */
	margin-bottom:0.75em;	/* 24px */
	line-height:1.5;		/* 48px */
}
h2 {
	font-size:1.25em;		/* 24px */
	margin-bottom:1em;		/* 24px */
	line-height:1;			/* 24px */
}
h3 {
	/*font-size:1.25em;		*//* 20px */
	margin-bottom:1.2em;	/* 24px */
	line-height:1.2;		/* 24px */
}
h4 {
	font-size:1.125em;		/* 18px */
	margin-bottom:/*1.333*/0.5em;	/* 24px */
	line-height:1.333;		/* 24px */
}
h5 {
	font-weight:bold;
}
h5, h6 {
	font-size:1em;			/* 16px */
	margin-bottom:1.5em;	/* 24px */
	line-height:1.5;		/* 24px */
}



/* =LINKS
------------------------------------------------------------------------------------------------------------------------ */
a {
	text-decoration:none;
}
a:visited {
	opacity:0.8; /* A bit basic, but it’s a bare minumum... */
}
a:hover {
	text-decoration:underline;
}

/* FORMS
------------------------------------------------------------------------------------------------------------------------ */
fieldset {
	padding:0 0 1em;
	border:0px none;
}
label {
	display:block;
}
.text-input {
	border:1px solid #ccc;
}
label,
.text-input,
textarea,
.btn {
	cursor:pointer;
}
.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
	cursor:text;
}

/* A class of .check-list can be added to a <ul> to create a multi-column list of inputs. */
.check-list {
	width:100%;
	overflow:hidden;
	list-style:none;
	margin-left:0;
}
.check-list li {
	width:25%;
	float:left;
}
.check-label {
	display:inline;
}
fieldset > :last-child {
	/* Remove the margin from the last element in the fieldset--this makes our padding more consistent. */
	margin-bottom:0;
}



/* TABLES
------------------------------------------------------------------------------------------------------------------------ */
table {
	width:100%;
	max-width:100%;
}
thead tr:last-of-type th {
	/* Thicker border on the table-headers of the last row in the table head. */
	border-bottom-width:2px;
}
tbody th {
	/* Thicker right border on table-headers in the table body. */
	border-right-width:2px;
}
th:empty {
	/* Hide the borders on any empty table-headers. */
	border:none;
}
th,td {
	vertical-align:top;
	padding:0.75em;
	border:1px solid #ccc;
}
th {
	font-weight:bold;
	text-align:center
}
table [colspan] {
	text-align:center;
}
table [rowspan] {
	vertical-align:middle;
}
[colspan="1"] {
    text-align:left;
}
[rowspan="1"] {
    vertical-align:top;
}
tbody tr:nth-of-type(odd) {
	background:rgba(0,0,0,0.05);
}
tfoot {
	text-align:center;
}
tfoot td {
	border-top-width:2px;
}



/* SHARED
------------------------------------------------------------------------------------------------------------------------ */
/* 
  Some not-too-pretty and insemantic classes to do odd jobs.
*/
.left { float:left; }
.right { float:right; }
.clear { clear:both; float:none; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center,
.text-centre { text-align:center; }

.more-link:after{
	/* Too many people use &raquo; in their markup to signify progression/movement,
	that ain’t cool. Let’s insert that using content:""; */
	content:" »";
}