/*
Theme Name: 	The J A Mortram
Theme URI: 		http://bigflannel.com/2013/07/the-j-a-mortram-wordpress-theme/
Description: 	A simple, elegant one column template with a fullscreen image slideshow. Designed for photo stories.
License:		GNU General Public License v2
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Version: 		1.18
Author: 		Mike Hartley
Author URI: 	http://bigflannel.com
Tags: 			one-column, fluid-layout, responsive-layout, light, photoblogging
Text Domain:	the-j-a-mortram
*/


/* ---------------------------------------------------------------------------------------------------------- 
01 defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";


body {
	line-height: 1.4em;
	background-color: #fffffff;
	color: #666666;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

/* No underline and removes dotted line in Firefox, IE */
a {
	text-decoration:none;
	outline: 0; 			/* Firefox */
	border: none;			/* IE */
	outline: none; 			/* IE */
	color: #000000;
}
a:hover {
	color: #999999;
}
a:active {
	border: none;
	outline: none;
}

/* ---------------------------------------------------------------------------------------------------------- 
02 typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/*
14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)
*/
body,
input,
textarea {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	font-weight: 300;
}
h1 {
	font-family: "franklin-gothic-urw-cond",sans-serif;
	font-weight: 700;
	font-size: 1.4em;
	line-height: 1.2em;
	text-transform: uppercase;
	text-align: center;
	width: 90%;
	margin: 1em auto;
}
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 1.4em;
	line-height: 1.4em;
	text-align: center;
	width: 90%;
	margin: 1em auto;
}


/* ---------------------------------------------------------------------------------------------------------- 
03 Site styles ----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

body {
	max-width: 33.75em;
	margin: 0 auto;
	padding: 0 1em 0 1em;
}
/* header */
header {
	text-align: center;
}
header h1 {	
	font-size: 3em;
}
header h2 {
	position: relative;
	font-size: 1em;
	top: -2.4em;
}
#nav-header {
	text-transform: uppercase;
	text-align: center;
	margin: 1em 0 0 0;
	padding: 0 0 2em 0;
}
header img,
.home header img,
.search header img,
.archive header img {
	float: none;
	max-width: 100%;
	margin: 0 auto;
	margin-top: 2em;
	height: auto;
}
/* footer */
footer {
    padding-bottom: 10em;
    text-align: center;
}
/* tables */
th,
td {
	padding: .5em;
	text-align: center;
}

/* ---------------------------------------------------------------------------------------------------------- 
04 media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {
}